Tutoriales sobre javascript

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. Gestión de recursos. ...

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 uso de esta API. Si e...

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 sitio en "modo mant...

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" (en inglés, "...

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 lo soporta desde la...

Las nuevas cadenas de texto de JavaScript 6

Las cadenas de texto de JavaScript han sido desde siempre muy limitadas, sobre todo comparadas con las cadenas de lenguajes como PHP, Python o Ruby. Las Template Strings del estándar EcmaScript 6 (que están disponibles a partir de Google Chrome 41) eliminan todas estas limitaciones y permiten inclus...

Creando fácilmente imágenes de relleno para tus prototipos

Al crear prototipos o wireframes de sitios y aplicaciones web, es habitual incluir contenidos de relleno por no disponer de los contenidos definitivos. Rellenar texto es muy sencillo con el famoso Lorem Ipsum y otras técnicas que ya presentamos en este mismo sitio. Sin embargo, incluir imágenes de ...

Las novedades de Internet Explorer 11 para diseñadores y programadores web

Internet Explorer es el navegador menos querido por la comunidad de diseñadores y programadores web. No obstante, según las estadísticas más recientes, las diferentes versiones de Internet Explorer todavía conservan una cuota de mercado mundial del 25%. Esto significa que más de 600 millones de pers...