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

JavaScript for Designers

Detección de características CSS: ¿Modernizr o "Feature Queries"?

Tutorial • Intermediate

En este tutorial, voy a repasar dos enfoques para detectar si un navegador admite ciertas características CSS o no. El primero utiliza Modernizr, una popular...

George Martsoukos • 27 Feb 2015
JavaScript for Designers

Cómo usar jQuery con ZingChart

Tutorial • Intermediate

Los gráficos web creados con JavaScript son una excelente manera de agregar interactividad a tus aplicaciones y sitios, pero si prefieres trabajar en jQuery,...

C.B. • 6 Feb 2015
HTML

Una introducción a los elementos HTML5 “menu” y “menuitem”

Tutorial • Beginner

El día de hoy quiero presentar dos elementos HTML5: y , que son parte de la especificación de Interactive Elements. La web ha evolucionado a algo más que...

Thoriq Firdaus • 15 Oct 2014
Email Design

Usando Grunt para hacer el diseño del correo divertido de nuevo

Tutorial • Intermediate

Diseñar un correo es difícil y arcaico. Alinear el CSS, diseñar la tabla, soporte de CSS para navegadores, múltiples dispositivos, múltiples clientes, lineas...

Lee Munroe • 2 Oct 2014
Email

Comenzando con Simple Email Service (SES) de Amazon

Tutorial • Intermediate

En este tutorial voy a hablar sobre Simple Email Service (SES) de Amazon y describiré algunas maneras en las que puedes utilizarlo. SES es un servicio de...

Sam Bennett • 4 Aug 2014
UI Design

Consejo rápido: navegación pegajosa, sin el incómodo salto

Tutorial • Intermediate

La «navegación pegajosa» es una barra de navegación que parece adherirse a la parte superior de la página una vez que el usuario empieza a desplazarse....

Adi Purdila • 28 Jul 2014
WordPress CMS

Introducción a Webhook: CMS personalizado y creador de sitios web

Tutorial • Beginner

Webhook es una nueva plataforma de construcción de sitios que fue respaldada con éxito en Kickstarter en mayo de 2014 y acaba de ser lanzada al público....

Kezz Bracey • 23 Jul 2014
SVG

Como Crear una Página con un Indicador de Progreso con jQuery y SVG

Tutorial • Intermediate

Hoy veremos algunas técnicas que podemos usar para mostrar una barra de desplazamiento para usuarios que están viendo la página. Esta técnica está siendo...

Jonathan Cutrell • 30 Apr 2014
HTML

Cómo agregar ubicaciones de sucursales de marca a Google Maps

Tutorial • Intermediate

En este tutorial analizaremos el proceso de creación de un mapa de marcas de Google para un cliente imaginario. Nuestro mapa incluirá tres características...

Kezz Bracey • 9 Apr 2014
Bootstrap

Construye una Cuadrícula Dinámica con Salvattore y Bootstrap en 10 minutos

Tutorial • Intermediate

Salvattore también cuenta como un alternativa jQuery Masonry con una importante diferencia: éste usa la configuración CSS en vez de JavaScript. Éste tipo de...

Jonathan Cutrell • 8 Apr 2014
JavaScript for Designers

Diseño responsivo, imágenes retina y depuración para la API Google Maps

Tutorial • Intermediate

Esta parte final de la serie API Google Maps para diseñadores resume todo al analizar el diseño responsivo, las imágenes retina y una gama de herramientas...

Emily Bennett • 21 Aug 2013
UI Design

Construye un dashboard dinámico con ChartJS

Tutorial • Intermediate

Hoy vamos a crear un dasboard dinámico con gráficos en tiempo real usando el poder de ChartJS. ChartJS es una poderosa biblioteca de JavaScript libre de...

Jonathan Cutrell • 12 Aug 2013