Tutoriales

Qué son y cómo funcionan los proxies de ECMAScript 5 (ES2015)

Los proxies de ES2015 proporcionan una API para capturar o interceptar cualquier operación realizada sobre un objeto y para modificar cómo se comporta ese objeto. Los proxies de JavaScript son útiles para muchas cosas, como por ejemplo: Intercepción. Virtualización de objetos. G...

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...