Web Design

Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here.

Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and email templates that stand out from the crowd and get people to take action. For all the web design tips and advice you need, our expert instructors have you covered!

All Web Design Content:

  1. Cómo usar Pa11y: Realizando pruebas de la accesibilidad web mediante la línea de comandos

    Cómo usar Pa11y: Realizando pruebas de la accesibilidad web mediante la línea de comandos

    Tutorial Beginner

    El mundo está en un punto donde es imperativo diseñar para todos, y la web es una parte importante de ello. Como tal, los desarrolladores y diseñadores...

  2. Cómo diseñar una app de finanzas
Proceso de registro en Sketch

    Cómo diseñar una app de finanzas Proceso de registro en Sketch

    Tutorial Beginner

    En este tutorial revisaremos el diseño del proceso de registro en una aplicación para móviles. En específico, diseñaremos la pantalla de inicio de sesión de...

  3. Cómo editar archivos PSD en línea con Bannersnack

    Cómo editar archivos PSD en línea con Bannersnack

    Tutorial Beginner

    En este tutorial aprenderás cómo editar archivos PSD, en el navegador, sin usar Adobe Photoshop. Es posible gracias a una herramienta llamada Bannersnack,...

  4. Cómo analizar CSS utilizando Stylelint

    Cómo analizar CSS utilizando Stylelint

    Tutorial Beginner

    Un linter es, según Wikipedia: «Una herramienta que analiza el código fuente para señalar errores de programación, fallos, errores de estilo y...

  5. Cómo crear un formulario SVG responsivo hecho a mano

    Cómo crear un formulario SVG responsivo hecho a mano

    Tutorial Intermediate

    En tutoriales anteriores, te he enseñado cómo crear un formulario responsivo con flexbox además de cómo estilizar los elementos de un formulario. Hoy...

  6. Cómo diseñar una UI para una aplicación de condición física

    Cómo diseñar una UI para una aplicación de condición física

    Tutorial Intermediate

    En este tutorial de Sketch aprenderás cómo diseñar una interfaz para una aplicación de condición física.

  7. Cómo Limpiar el Cache de WordPress

    Cómo Limpiar el Cache de WordPress

    Tutorial Beginner

    ¿Estás creando páginas nuevas, editando publicaciones existentes o simplemente mejorando tu sitio web de WordPress, pero esos cambios no están apareciendo...

  8. Cómo crear una simple  presentación de diapositivas con el truco Checkbox  de CSS

    Cómo crear una simple presentación de diapositivas con el truco Checkbox de CSS

    Tutorial Intermediate

    En este nuevo tutorial, aprenderemos cómo crear, desde cero, una presentación de diapositivas con imágenes totalmente funcional, responsiva y con miniaturas....

  9. Vistazo rápido: ¿Qué hay de nuevo en VisBug en 2020?

    Vistazo rápido: ¿Qué hay de nuevo en VisBug en 2020?

    Tutorial Beginner

    VisBug es una extensión increíblemente útil para Chrome y Chromium que te permite hacer cambios sencillos en cualquier sitio web directamente dentro del...

  10. Figma vs. Adobe XD en el 2020

    Figma vs. Adobe XD en el 2020

    Tutorial Beginner

    Figma y Adobe XD han estado compitiendo desde el lanzamiento de XD en el 2016. Al principio, la competencia no era tan fuerte, ya que los primeros...

  11. Para una mejor navegación: cómo agregar un menú desplegable en WordPress

    Para una mejor navegación: cómo agregar un menú desplegable en WordPress

    Tutorial Beginner

    WordPress cuenta con un sistema de gestión de menús integrado que facilita la tarea de agregar menús a tu sitio web. Sin embargo, a medida que agregues más y...

  12. Cómo diseñar una pantalla de inicio de sesión para una aplicación de viajes en Sketch

    Cómo diseñar una pantalla de inicio de sesión para una aplicación de viajes en Sketch

    Tutorial Intermediate

    En este tutorial de UI en Sketch aprenderás a diseñar una pantalla de inicio de sesión de una aplicación de viajes.