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.

All UX/UI content:

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