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

Forms

Crea un elegante formulario de contacto oscuro con HTML, CSS y JavaScript

Tutorial • Intermediate

En este tutorial, veremos el proceso de diseño de elementos básicos de un formulario de contacto. Examinaremos diferentes formas de hacer que un formulario...

George Martsoukos • 10 May 2019
HTML Templates

Consejo rápido: crea un efecto de paralaje muy simple con CSS y JavaScript

Tutorial • Intermediate

En este consejo rápido, aprenderemos a añadir un simple, pero útil, efecto de desplazamiento de paralaje a una imagen «hero». Para lograrlo, usaremos un...

George Martsoukos • 15 Apr 2019
JavaScript for Designers

Cómo crear una página estática para portafolio con CSS y JavaScript

Tutorial • Intermediate

En este tutorial utilizaremos todo el poder de flexbox y aprenderemos a crear una simple, pero atractiva página estática para portafolio en HTML. También...

George Martsoukos • 2 Apr 2019
Animation

Mejor presentación de datos para infografías: Ejemplos prácticos de animación

Tutorial • Beginner

El movimiento y la animación, cuando se realizan correctamente, pueden hacer que su sitio web sea más atractivo. Los sitios web que utilizan la...

Karen Pogosyan • 21 Mar 2019
HTML

Navegación desplegable: Cómo mantener la opción seleccionada al cargarse la página

Tutorial • Intermediate

Imagina que estás utilizando un elemento "select" para navegar entre páginas; normalmente, la selección volverá a su opción predeterminada cuando la página...

George Martsoukos • 19 Dec 2018
JavaScript for Designers

Cómo construir un tablero SaaS en React con Google Sheets y FusionCharts

Tutorial • Beginner

En este tutorial explicaré el proceso de creación de un tablero (o dashboard, en inglés) SaaS obteniendo datos de Google Sheets a través del uso de la API de...

Gagan Sikri • 18 Dec 2018
JavaScript for Designers

Cómo crear una presentación animada para el Día del Espíritu con fullPage.js

Tutorial • Intermediate

El 18 de octubre de 2018 es el Día del Espíritu, algo que reconocemos cada año en Tuts+, y en este día nos pronunciamos en contra del acoso al colectivo...

George Martsoukos • 18 Oct 2018
JavaScript for Designers

Consejo rápido: Cómo manipular la apariencia del cursor con CSS

Tutorial • Beginner

En este Consejo rápido, aprenderemos cómo personalizar el aspecto del cursor con CSS. Va estar cambiando nuestro cursor en las flechas para facilitar una...

George Martsoukos • 8 Oct 2018
Performance

5 cursos de JavaScript para diseñadores web

Tutorial • Beginner

JavaScript es un lenguaje esencial para cualquier diseñador web para dominar. Pero muchos de los cursos y tutoriales que encontrarás en JavaScript están...

Andrew Blackman • 1 Oct 2018
HTML

Cómo crear un carrusel deslizante responsivo a pantalla completa con Owl.js

Tutorial • Intermediate

En una publicación anterior, te mostré cómo crear una galería de imágenes personalizada con slick.js. Hoy cubriré el proceso de creación de un slider...

George Martsoukos • 5 Sep 2018
HTML

Cómo crear una galería de imágenes atractiva y responsiva con slick.js

Tutorial • Intermediate

En este tutorial utilizaremos slick.js, un popular plugin de jQuery, para crear una atractiva galería de imágenes responsiva. Aquí está la galería que vamos...

George Martsoukos • 27 Jun 2018
Bootstrap

Cómo agregar enlaces de profundidad al componente de pestañas en Bootstrap 4

Tutorial • Intermediate

Hoy aprenderemos cómo agregar "enlaces profundos" a las pestañas Bootstrap 4. Para comprender mejor en qué estamos trabajando, consulta la página de...

George Martsoukos • 6 Jun 2018