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

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
HTML

Conviértase en un Creativo con la API de Mapas de Google

Tutorial • Intermediate

Usted ha diseñado un sitio web brillante, ha seleccionado cuidadosamente los colores, la tipografía y las fotos para que reflejen, perfectamente, la marca de...

Emily Bennett • 5 Jul 2013
JavaScript for Designers

Contenido de relleno: Herramientas, consejos y un ejemplo dinámico

Tutorial • Beginner

A medida que el diseño en el navegador se hace más popular (y cómodo), aumenta la necesidad de herramientas de diseño útiles. Un conjunto de herramientas que...

Jim Nielsen • 9 May 2013
JavaScript for Designers

Construir una interfaz de formulario de varios pasos

Tutorial • Beginner

La usabilidad de formularios es un tema increíblemente importante en el diseño web. Como una de las interfaces de entrada principales proporcionadas a los...

Jonathan Cutrell • 30 Apr 2013
HTML

Todo lo que necesitas saber sobre el atributo de datos HTML5

Tutorial • Intermediate

El atributo de datos HTML5 permite asignar datos personalizados a un elemento. En este artículo se examina cómo usarlo y se proporcionan ejemplos de cuándo...

Aaron Lumsden • 29 Nov 2012
JavaScript for Designers

Construya un Portafolio Adaptivo, Filtrable con Trucos CSS3

Tutorial • Intermediate

El atractivo visual inherente de los portafolios filtrables (como el hub de Tuts+) los ha hecho muy populares. Hoy, estaremos haciendo uno usando marcado...

Akshat Srivastava • 18 Oct 2012