Cómo controlar la forma en la que se cargan las fuentes web
Si tu sitio o aplicación web utiliza fuentes web, controlar cómo se cargan puede ser muy importante para mejorar el rendimiento percibido por tus usuarios. La nueva propiedad font-display disponible para @font-face permite a los diseñadores controlar cómo se muestra el sitio web ...
Cómo crear tooltips modernos solamente con CSS
Los tooltips son los "globos de ayuda" que aparecen al posicionar el ratón sobre un determinado elemento. Últimamente se están poniendo de moda en el diseño web porque permiten añadir mucha información útil a un sitio o aplicación web sin tener que "ensuciar" ...
Cómo usar las nuevas variables CSS
Las variables CSS, técnicamente llamadas "propiedades CSS no estándar", simplifican tus archivos CSS y permiten crear efectos tan interesantes como cambiar dinámicamente los estilos aplicados en una página y mejorar las características de las propiedades CSS estándar. G...
Mejorando el rendimiento de las animaciones WebGL
La nueva API OffscreenCanvas de JavaScript permite ejecutar el código relacionado con WebGL fuera del "main thread" o hilo principal de ejecución del navegador, lo que mejora significativamente el rendimiento. Si usas Firefox, a partir de su versión 44 ya puedes hacer u...
Cómo detectar las funcionalidades de tu navegador con Feature.js
Los principales navegadores publican nuevas versiones continuamente. Por eso resulta casi imposible saber de manera actualizada qué funcionalidades soporta cada versión de cada navegador. Cuando desarrollas tu sitio o aplicación web, puedes consultar Can I Use.com para conocer qu...
Cómo usar Google Analytics respetando la privacidad del usuario
La mayoría de sitios y servicios web utilizan Google Analytics o servicios similares para conocer la actividad de los usuarios, desde cuándo nos visitan hasta cuánto pinchan en cada enlace. Esta información es la base para tomar decisiones de todo tipo, desde cuándo poner el siti...
Tus formularios de login pronto dejarán de ser seguros
El uso de contraseñas sigue siendo la opción más utilizada para acceder a los servicios de Internet. Lamentablemente, todos nosotros hemos comprometido la seguridad de nuestras contraseñas más de una vez al introducirlas en formularios que no son seguros. Por eso, en la versión 4...
Cómo evitar que tus archivos JavaScript y CSS sean manipulados
Las versiones más modernas de los mejores navegadores incluyen una funcionalidad para que los sitios web puedan controlar cómo se carga su código JavaScript y así evitar que sea modificado por usuarios maliciosos. Esta nueva funcionalidad, llamada "Integridad de Recursos&quo...
Cómo copiar, cortar y pegar contenidos en el portapapeles con JavaScript
El navegador Internet Explorer 10 fue el primero que añadió soporte para "copiar y pegar" contenidos mediante el método Document.execCommand() de JavaScript. El resto de navegadores también han añadido soporte para esta funcionalidad, como por ejemplo Google Chrome, que...
Cómo mostrar imágenes pixeladas con CSS 3
Las imágenes son una de las partes más importantes del diseño web. Normalmente dejamos que sean los navegadores los que redimensionen y escalen las imágenes para que encajen bien en el diseño y se vean lo mejor posible. No obstante, en ocasiones es mejor controlar explícitamente ...