Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

All HTML/CSS content:

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

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

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

  4. Añade una barra de búsqueda Ajax en tiempo real a tu sitio web WordPress

    Añade una barra de búsqueda Ajax en tiempo real a tu sitio web WordPress

    Tutorial Intermediate

    Con independencia de que estés escribiendo una consulta de búsqueda en Google, YouTube, Amazon o cualquier otro importante sitio web, la búsqueda en...

  5. Una guía para la gestión de dependencias en el desarrollo front-end

    Una guía para la gestión de dependencias en el desarrollo front-end

    Tutorial Beginner

    Los administradores de paquetes, los ejecutores de tareas y los agrupadores de módulos son herramientas de compilación que puedes usar para la administración...

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

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

  8. Cómo añadir mapas a tu formulario de contacto CF7 en WordPress

    Cómo añadir mapas a tu formulario de contacto CF7 en WordPress

    Tutorial Beginner

    Un formulario de contacto es una medio que posibilita a los usuarios ponerse en contacto contigo rápidamente. Entre algunos de los beneficios de un...

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