JASoft.org

TRUCO: mostrar en línea la definición de un método en Visual Studio y Visual Studio Code

TRUCO: mostrar en línea la definición de un método en Visual Studio y Visual Studio Code
Hoy un truco muy rápido pero muy útil... Estoy casi seguro de que eres consciente de la existencia de un atajo para ver la definición de cualquier método de tu código que consiste simplemente en pulsar la tecla F12. Te pones encima del nombre del método, variable, propiedad, etc, pulsas F12 y ¡Voilà!: el editor salta a la línea de código donde está definido el miembro que nos interesa. Esto es estupendo y nos ayuda a ser más ágiles y productivos, pero ¿No sería mucho mejor si ni siquiera tuviésemos que desplazarnos en el código o saltar a otro archivo? ¿Y si pudiésemos obtener la definición y examinar el código en el mismo sitio, sin que cambie nada? Pues es lo que vamos a ver. [Más]

visibilityEvents.js: detectar cuándo un elemento se muestra o se oculta en una página

visibilityEvents.js: detectar cuándo un elemento se muestra o se oculta en una página
Una cuestión que puede resultar muy útil en una página o aplicación web es la posibilidad de detectar cuándo aparece o desaparece de la pantalla un elemento determinado debido a las acciones del usuario. Por ejemplo, si desaparece una pieza de información importante porque el usuario hace scroll moviendo los contenidos, podemos sacar una nota resumen, recordatorio o acceso directo para ir verla de nuevo, y ocultarlo de nuevo cuando vuelva a aparecer. Cosas por el estilo. Esta funcionalidad no se incluye nativamente en HTML/JavaScript. He desarrollado una biblitoeca JavaScript que añade eventos a la página para detectar los cambios de visibilidad de cualquier elemento. [Más]

Logpoints en Chrome: una excelente utilidad para depurar y no ensuciar el código

Logpoints en Chrome: una excelente utilidad para depurar y no ensuciar el código
Una de las novedades que trae Chrome 73 es pequeña pero súper-interesante. Se trata de los Logpoints. Un logpoint es un tipo especial de punto de interrupción que podemos añadir a nuestro código JavaScript y que, en lugar de detener la ejecución del código, se limita a "loguear" a la consola lo que le digamos. Esto nos evita tener que andar metiendo console.log constantemente en el código tan solo para ver algunos valores. Te lo cuento... [Más]

¿Cómo utilizar las fuentes de Google desde tu propio servidor en vez de desde Google?

¿Cómo utilizar las fuentes de Google desde tu propio servidor en vez de desde Google?
Google Fonts es un recurso maravilloso y gratuito para acceder a decenas o centenares de fuentes tipográficas de manera rápida y con rendimiento, ya que además se sirven desde la CDN de Google. Sin embargo algunas personas prefieren servir las fuentes desde su propio servidor, sin depender de los servidores de Google. Aunque yo te recomiendo encarecidamente que uses las fuentes desde los servidores de Google y no desde el tuyo propio, dado que me lo han preguntado, voy a explicar cómo conseguir "gorronear" esas fuentes y utilizarlas desde tu propio servidor o en local. [Más]

Activa el historial del portapapeles en Windows 10 (y de paso en Office aunque no tengas Windows 10)

Activa el historial del portapapeles en Windows 10 (y de paso en Office aunque no tengas Windows 10)
Una de las cosas que más utilizo en el sistema operativo es el portapapeles. Para mi es básico, y supongo que para la mayoría de los usuarios también. Poder copiar/cortar algo y duplicarlo en cualquier otro lado es uno de los inventos más útiles que se han dado en la informática moderna, pero como lo tenemos tan interiorizado ni siquiera le prestamos atención. Aprovecho para reivindicarlo.
El caso es que, para mi, una de las mayores limitaciones que ha tenido el portapapeles de Windows es que solo recuerda lo último que has copiado, pero nada de lo anterior. Y lleva siendo así desde Windows 1.0. No me explico cómo no han solucionado el tema antes. Aunque ha habido intentos (Office tiene algo así), no es hasta ahora cuando por fin lo han hecho. Te cuento cómo activarlo y cómo sacarle partido. [Más]

Diferencias entre RGB y HSL: ¿cuál es mejor para manejar colores CSS para la Web?

Diferencias entre RGB y HSL: ¿cuál es mejor para manejar colores CSS para la Web?
En CSS se expresan los colores de diversas maneras, pero las más comunes son dos: RGB y HSL. Tradicionalmente todos hemos aprendido a manejar colores basándonos en un principio muy simple sacado de la naturaleza: la combinación de colores. En el colegio aprendimos que todo color se puede expresar como la combinación de otros tres colores básicos: el rojo, el verde y el azul. En esto es en lo que se basa la notación RGB. Sin embargo esta notación presenta varios problemas, entre ellos que no es nada intuitiva. La notación HSL, por el contrario, es mucho más fácil de visualizar y utilizar en el día a día. En este post te explico en qué consiste cada una de ellas y cómo sacarles partido. [Más]

Cómo instalar un certificado HTTPS en IIS Express para desarrollo en local

Cómo instalar un certificado HTTPS en IIS Express para desarrollo en local
En mi último post te contaba cómo podías generar un certificado HTTPS válido para poder hacer desarrollo en local usando conexiones seguras (necesarias para usar ciertas APIs de HTML5), incluso simulando el dominio real que se usará en la aplicación final. El método vale para cualquier sistema operativo y genera certificados válidos solo para la máquina local, por lo que son perfectos para desarrollo. Ahora toca ver cómo montar ese certificado en tu servidor local de desarrollo. Cada uno tiene su método. Yo me voy a ocupar de IIS Express. [Más]

Cómo generar certificados HTTPS para desarrollo local que no produzcan errores

Cómo generar certificados HTTPS para desarrollo local que no produzcan errores
El uso de conexiones seguras se está volviendo imprescindible también a la hora de desarrollar. El principal motivo es que cada día más APIs de HTML5 requieren el uso de HTTPS para poder funcionar. Por ejemplo, la API de geolocalización, la de notificaciones o la de service workers entre otras muchas. Debido a ello, si necesitamos desarrollar aplicaciones con ciertas características, no nos queda más remedio que utilizar también HTTPS en nuestros equipos de desarrollo para poder probar y afinar el código. En este artículo te voy a contar cómo puedes montar un entorno de desarrollo que utilice HTTPS contra localhost, de manera sencilla en cualquier sistema operativo de escritorio (Windows, Mac y Linux). [Más]

Qué pasa cuando escribes la dirección de una web en tu navegador y cómo simular cualquier dominio en tu equipo local para desarrollo

Qué pasa cuando escribes la dirección de una web en tu navegador y cómo simular cualquier dominio en tu equipo local para desarrollo
Lo que voy a contar hoy es algo de "cultura general", pero también es cierto que muchas personas lo desconocen todavía, sobre todo si están comenzando en el mundo de la programación web. Empezaré repasando cómo es el funcionamiento básico desde el momento en el que escribimos una dirección web en un navegador y hasta que empieza a solicitarse la página de verdad, y luego explicaré un sencillo proceso que te permite simular que cualquier dominio de internet, exista o no, está en cualquier servidor que tu quieras. ¡Vamos allá! [Más]

TRUCO - Depuración con Chrome: convertir archivos JavaScript en "cajas negras" para evitar depurarlos

TRUCO - Depuración con Chrome: convertir archivos JavaScript en "cajas negras" para evitar depurarlos
Cuando estamos depurando paso a paso, poniendo puntos de interrupción en ciertas líneas para luego ir ejecutando el código instrucción por instrucción, no tiene mucho sentido que, de repente, se nos abra el código fuente de algunas bibliotecas estándar que están muy probadas y son robustas (jQuery, lodash, Angular, Vue...), pues no vamos a depurarlo. Y mucho menos si lo estamos usando ya minimizado y listo para producción, puesto que encima no veremos gran cosa tampoco. Vamos a ver cómo hacer que el depurador de Chrome se salte archivos completos que no nos interesa depurar, ahorrando tiempo y ganando productividad. [Más]

Este soy yo y este es mi blog técnico, dedicado al software y a la programación.

¡Sígueme en Twitter!

Mis otros blogs

- JM Alarcón @ campusMVP.es
Contenido técnico en español orientado a desarrolladores
- JMAlarcon.es
Blog personal no técnico: sociedad, innovación, empresa...

Krasis

- campusMVP.es:
Los mejores cursos online de programación en español

- SELF LMS:
La plataforma de elearning más potente del mercado.

Histórico