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 tutorials:

Filters

JavaScript for Designers

Usando PostCSS para la compatibilidad entre navegadores

Tutorial • Intermediate

En el último tutorial finalizamos nuestra sección "Guía rápida" de esta serie y ya estamos preparados para pasar a utilizar PostCSS con el objetivo de...

Kezz Bracey • 13 Oct 2015
JavaScript for Designers

Guía rápida de PostCSS: Configurando Grunt

Tutorial • Intermediate

En el tutorial anterior vimos cómo configurar un proyecto PostCSS con Gulp. En este tutorial lograremos el mismo objetivo, pero usando Grunt. Al final de...

Kezz Bracey • 5 Oct 2015
JavaScript for Designers

Guía rápida de PostCSS: Configurando Gulp

Tutorial • Intermediate

En el tutorial pasado cubrimos cómo usted puede comenzar con PostCSS al instante usando CodePen o Prepros. Estas opciones son geniales, pero restrictivas...

Kezz Bracey • 1 Oct 2015
UX Design

Combinando Pattern Lab con Gulp para mejorar el flujo de trabajo

Tutorial • Intermediate

¿Tu y tu equipo trabajan con guías de estilo? ¿Tienes documentación para tus módulos? Si no, no te asustes. En este tutorial, te mostraré cómo es posible...

Tim Hartmann • 17 Sep 2015
HTML

Desplazamiento vertical y horizontal con fullPage.js

Tutorial • Beginner

En estos días, más y más sitios están diseñados en base al enfoque de una sola página (conocidos como páginas de unica página o de una página). En este...

George Martsoukos • 31 Aug 2015
JavaScript for Designers

Conectando un API-Driven Web App con Javascript

Tutorial • Intermediate

Tenemos nuestra aplicación mirando solo al camino que queremos llegar, no hace nada aún. Bueno, empecemos a trabajar agregando algo de JavaScript para hacer...

Jim Nielsen • 24 Aug 2015
JavaScript for Designers

Planificación de una aplicación web básica basada en una API

Tutorial • Intermediate

La interfaz con una API es una gran parte del desarrollo y diseño web en estos días. Las API ayudan a proporcionar una experiencia rica y dinámica en el...

Jim Nielsen • 13 Aug 2015
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