Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI tutorials:

    1. ¿Qué es Adobe XD?

      ¿Qué es Adobe XD?

      Tutorial Beginner

      Adobe XD es una herramienta basada en vectores para el diseño de UI y UX y se puede usar para diseñar cualquier cosa, desde aplicaciones para smartwatches...

    2. Crear una línea de tiempo con CSS y un poco de JavaScript

      Crear una línea de tiempo con CSS y un poco de JavaScript

      Tutorial Intermediate

      En este tutorial, aprenderemos cómo crear una línea de tiempo vertical responsive desde cero. En primer lugar, vamos a crear la estructura básica con un poco...

    3. Cómo conservar el estado del menú al cargar la página (usando almacenamiento local)

      Cómo conservar el estado del menú al cargar la página (usando almacenamiento local)

      Tutorial Intermediate

      En este tutorial, crearemos un sitio estático simple con Tailwind CSS y luego aprenderemos cómo conservar el estado de su menú al cargar la página.

    4. HTML5 Validación de Formularios con el atributo “pattern”

      HTML5 Validación de Formularios con el atributo “pattern”

      Tutorial Intermediate

      En este curso exploraremos el atributo pattern de HTML, usandolo para ayudarnos a personalizar la forma en como validamos nuestros formularios.

    5. Más de 30 mejores plantillas para restaurantes de WordPress

      Más de 30 mejores plantillas para restaurantes de WordPress

      Tutorial Beginner

      ¿Quieres lanzar un diseño web responsive para tu restaurante? Entonces, echa un vistazo a estas plantillas para restaurantes de WordPress con un excelente...

    6. Cómo controlar text overflow (con ellipsis de CSS)

      Cómo controlar text overflow (con ellipsis de CSS)

      Tutorial Beginner

      Cuando una cadena de texto desborda los límites de un contenedor, puede causar un desorden en todo tu diseño. Aquí hay un buen truco para controlar el...

    7. Cómo crear un formulario de contacto para WordPress con Elementor

      Cómo crear un formulario de contacto para WordPress con Elementor

      Tutorial Beginner

      Poder ponerse en contacto es uno de los objetivos más comunes de los usuarios en tu sitio web. En este video, aprenderás cómo utilizar Elementor junto con el...

    8. 30 plantillas WordPress GRATIS y premium de diseño interior

      30 plantillas WordPress GRATIS y premium de diseño interior

      Tutorial Beginner

      Las plantillas WordPress de diseño interior son lo que necesitas para construir increíbles webs de interiorismo. Aquí tienes grandes páginas de diseño de...

    9. Consejo rápido: agrega un formulario Formspree a tus sitios estáticos

      Consejo rápido: agrega un formulario Formspree a tus sitios estáticos

      Tutorial Beginner

      En éste tutorial vamos a ver una forma sencilla de añadir formularios flexibles y dinámicos a tus sitios web estáticos.

    10. Cómo convertir las pestañas de Bootstrap en un menú desplegable

      Cómo convertir las pestañas de Bootstrap en un menú desplegable

      Tutorial Intermediate

      Anteriormente, analizamos varias extensiones de Bootstrap 4. Hoy te mostraré cómo convertir las pills de Bootstrap en un menú desplegable. Lo más...

    11. Más de 15 cursos y  tutoriales gratuitos de Adobe XD

      Más de 15 cursos y tutoriales gratuitos de Adobe XD

      Tutorial Beginner

      ¿Estás empezando con Adobe XD, o estás buscando algunos consejos y trucos para mejorar tus habilidades? Esta colección de tutoriales y cursos gratuitos te...

    12. Más de 30 de los mejores temas WordPress mobile-friendly (para la usabilidad de sitios web en 2020)

      Más de 30 de los mejores temas WordPress mobile-friendly (para la usabilidad de sitios web en 2020)

      Tutorial Beginner

      "Mobile-friendly" es un término que posiblemente comenzamos a escuchar después de que el iPhone fuese lanzado por primera vez y la navegación por Internet...