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:

  1. Consejo rápido: navegación pegajosa, sin el incómodo salto

    Consejo rápido: navegación pegajosa, sin el incómodo salto

    Tutorial Intermediate

    La «navegación pegajosa» es una barra de navegación que parece adherirse a la parte superior de la página una vez que el usuario empieza a desplazarse....

  2. Introducción a Webhook: CMS personalizado y creador de sitios web

    Introducción a Webhook: CMS personalizado y creador de sitios web

    Tutorial Beginner

    Webhook es una nueva plataforma de construcción de sitios que fue respaldada con éxito en Kickstarter en mayo de 2014 y acaba de ser lanzada al público....

  3. Como Crear una Página con un Indicador de Progreso con jQuery y 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...

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

    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...

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

    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...

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

    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...

  7. Construye un dashboard dinámico con ChartJS

    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...

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

    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...

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

    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...

  10. Construir una interfaz de formulario de varios pasos

    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...

  11. Todo lo que necesitas saber sobre el atributo de datos HTML5

    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...

  12. Construya un Portafolio Adaptivo, Filtrable con Trucos CSS3

    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...