Learn HTML Templates

Discover the best HTML templates to speed up your web design work. Get professional designs to give you a head start on your projects.

All HTML Templates 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 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...

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

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

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

  6. Cómo crear una página de aterrizaje animada con Bootstrap y Material Kit

    Cómo crear una página de aterrizaje animada con Bootstrap y Material Kit

    Tutorial Intermediate

    En un tutorial pasado, analizamos cómo crear una página de aterrizaje responsiva con Bootstrap 4. Hoy, aprenderemos a crear una página de aterrizaje animada...

  7. Fundamentos de CSS: Comprensión del colapso de márgenes

    Fundamentos de CSS: Comprensión del colapso de márgenes

    Tutorial Beginner

    Los elementos son los bloques de construcción de las páginas web: al crear sitios web, en realidad estás "colocando ladrillos" de elementos. Cuando se...

  8. Comprendiendo la herencia en CSS (Inherit, Initial, Unset y Revert)

    Comprendiendo la herencia en CSS (Inherit, Initial, Unset y Revert)

    Tutorial Beginner

    Existen relaciones en HTML, y estas relaciones nos permiten seleccionar y aplicar estilo a los elementos de una página web. Cuando un elemento HTML se...

  9. Cómo usar la nueva ":is()" de CSS para focalizar elementos fácilmente

    Cómo usar la nueva ":is()" de CSS para focalizar elementos fácilmente

    Tutorial Beginner

    La nueva pseudo-clase CSS :is() se perfila para convertirse en una gran manera de focalizar elementos, ahorrar líneas y líneas de código y mantener el CSS...

  10. Desmitificando las pseudo-clases en CSS (:nth-child vs. :nth-of-type)

    Desmitificando las pseudo-clases en CSS (:nth-child vs. :nth-of-type)

    Tutorial Beginner

    Los estilos se aplican a una página web usando selectores de CSS; los selectores te permiten enfocarte en un elemento o conjunto de elementos específicos....

  11. Cómo crear un componente de acordeón con el truco Checkbox  de CSS

    Cómo crear un componente de acordeón con el truco Checkbox de CSS

    Tutorial Intermediate

    En este breve tutorial, aprenderemos a crear un componente de acordeón flexible usando solo CSS y aprovechando «la técnica con el truco checkbox de CSS». Y...

  12. ¿Qué es la especificidad de CSS y cómo funciona?

    ¿Qué es la especificidad de CSS y cómo funciona?

    Tutorial Beginner

    Al trabajar con CSS, los estilos en conflicto pueden ser una fuente constante de problemas, especialmente cuando no sabes en dónde se encuentra el origen...