Learn JavaScript for Designers

Bring your websites to life with interactive elements using JavaScript. These tutorials are tailored to web designers and are full of practical examples and tips.

All JavaScript for Designers content:

Filters

WordPress Hosting

Tres Métodos para Previsualizar un Sitio Web en Local Explicado en 60 Segundos

Tutorial • Beginner

¡Aquí hay tres formas de configurar las vistas previas de página Web local, en 60 segundos! En primer lugar, vamos a ver en Prepros. Entonces usaremos...

Kezz Bracey • 29 Jul 2015
Animation

Suave Animación Web con Velocity.js

Tutorial • Intermediate

La animación, cuando es aplicada cuidadosamente, puede mejorar la interfaz de un sitio web y, en última instancia, la experiencia del usuario en un sitio...

Thoriq Firdaus • 13 Jul 2015
HTML

Ventanas Emergentes y Modales de forma nativa con el Elemento "dialog" de HTML5

Tutorial • Intermediate

Muchos procesos en la web éstos días requieren el total consentimiento del usuario para completarse. Por ejemplo, los usuarios pueden necesitar remover una...

Thoriq Firdaus • 13 May 2015
HTML Templates

Consejo rápido: usando el atributo “download” (descarga) de HTML 5

Tutorial • Beginner

Crear un enlace de descarga en HTML es sencillo; agrega una etiqueta anchor y apunta al archivo en el atributo href. Algunos tipos de archivo, sin embargo,...

Thoriq Firdaus • 27 Apr 2015
HTML

¿La perfecta galería de imágenes? Usando PhotoSwipe con jQuery

Tutorial • Intermediate

Recientemente descubrí una librería Javascript llamada PhotoSwipe y estoy realmente impresionado. Es una brillante librería que superpone una imagen o un...

Thoriq Firdaus • 9 Apr 2015
JavaScript for Designers

La línea de comandos para el diseño web: Live Reload (Recarga Automática) & Browser Sync

Tutorial • Beginner

En la última lección aprendiste cómo tener todo tu proyecto compilado o creado con comandos cortos como grunt, grunt watch, gulp y gulp watch. En ésta...

Kezz Bracey • 26 Mar 2015
JavaScript for Designers

La línea de comandos para el diseño web: automatización con Gulp

Tutorial • Beginner

En el tutorial previo configuramos un proyecto y usamos Grunt para monitorear y automáticamente compilar Stylus y Jade. En éste tutorial haremos lo mismo,...

Kezz Bracey • 24 Mar 2015
JavaScript for Designers

La línea de comandos para el diseño web: automatización con Grunt

Tutorial • Beginner

Hasta ahora has aprendido como hacer cosas como compilar código, poner prefijos automáticamente, limpiar, comprimir y minificar todo con solo escribir unas...

Kezz Bracey • 24 Mar 2015
UX Design

Cómo mostrar notificaciones de actualizaciones en la pestaña del navegador

Tutorial • Intermediate

Los sitios web y aplicaciones web que frecuentemente actualizan contenido tienen que buscar una forma de llamar la atención de los usuarios para señalarles...

Thoriq Firdaus • 18 Mar 2015
JavaScript for Designers

La línea de Comandos para Diseño Web: Domando Paquetes de Terceros

Tutorial • Beginner

Cargamos CSS de terceros de proyectos como Bootstrap y Foundation, y scripts como jQuery y Modernizr. Cada vez más, usamos también paquetes de terceros como...

Kezz Bracey • 17 Mar 2015
JavaScript for Designers

La línea de comandos para diseño web: entendiendo lo básico

Tutorial • Beginner

Ésta serie proporcionará los pasos específicos necesarios tanto para Mac como para Windows-lo siento por los chicos de Linux. Sin embargo, supongo que sólo...

Kezz Bracey • 10 Mar 2015
JavaScript for Designers

La línea de comandos para el diseño web: introducción

Tutorial • Beginner

Durante mucho tiempo se ha considerado que trabajar con la línea de comandos estaba fuera del ámbito de los diseñadores web. Ha sido utilizada casi en...

Kezz Bracey • 10 Mar 2015