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. Efectos hover con CSS: Técnicas para crear un texto con "relleno barrido"

    Efectos hover con CSS: Técnicas para crear un texto con "relleno barrido"

    Tutorial Beginner

    En el tutorial de hoy, aprenderemos dos técnicas diferentes para crear un efecto de texto con "relleno barrido" al pasar el ratón sobre él. Incluso iremos un...

  2. Cómo crear un formulario responsivo usando TailwindCSS

    Cómo crear un formulario responsivo usando TailwindCSS

    Tutorial Beginner

    Al trabajar con HTML y CSS, el enfoque aceptado para crear sitios web es escribir la estructura en el archivo HTML e implementar los estilos en un archivo...

  3. Consejo rápido: cómo usar el elemento “picture” de HTML5 para imágenes responsivas

    Consejo rápido: cómo usar el elemento “picture” de HTML5 para imágenes responsivas

    Tutorial Beginner

    Las imágenes son notoriamente uno de los aspectos más desafiantes del "responsive web design". Hoy veremos como el elemento , una solución al problema de...

  4. Cómo crear una moderna tabla de precios con una cabecera fija

    Cómo crear una moderna tabla de precios con una cabecera fija

    Tutorial Intermediate

    Las tablas de precios fijas (o pegajosas) son perfectas para mostrar productos y servicios con largas listas de características que requieran ser...

  5. Introducción a Tailwind CSS: Un marco Utility-First CSS

    Introducción a Tailwind CSS: Un marco Utility-First CSS

    Tutorial Intermediate

    Hoy les voy a mostrar cómo comenzar con Tailwind CSS, un marco CSS altamente personalizable que puede usar para crear rápidamente sus propias páginas web...

  6. Introducción a los filtros SVG

    Introducción a los filtros SVG

    Tutorial Intermediate

    En este tutorial vamos a explorar el mundo de los filtros SVG. Con los filtros SVG puedes crear efectos de texto únicos, efectos de imagen, y con un poco de...

  7. Cómo crear el gráfico animado de un termómetro con CSS

    Cómo crear el gráfico animado de un termómetro con CSS

    Tutorial Intermediate

    Hasta el momento, en nuestra serie de tutoriales de gráficos con CSS, te he enseñado a crear un gráfico de columnas, un gráfico de barras y un gráfico...

  8. Cómo crear un pie de página pegajoso, multinivel y responsivo con Flexbox

    Cómo crear un pie de página pegajoso, multinivel y responsivo con Flexbox

    Tutorial Intermediate

    En este tutorial, te enseñaré cómo usar flexbox para crear un pie de página responsivo, con varios niveles y varias columnas que se adhiere al final de...

  9. Cómo agregar soporte RTL a Flexbox y CSS Grid

    Cómo agregar soporte RTL a Flexbox y CSS Grid

    Tutorial Beginner

    Las propiedades lógicas definen un nuevo enfoque que cambia la forma en que trabajamos con diseños en CSS. Entre muchas otras ventajas, nos permiten agregar...

  10. Subcuadrícula CSS: características, sintaxis y el problema que esto resolverá

    Subcuadrícula CSS: características, sintaxis y el problema que esto resolverá

    Tutorial Beginner

    La subcuadrícula CSS se está abriendo paso lentamente en los navegadores. El Equipo de Trabajo de CSS está trabajando activamente en ello y la especificación...

  11. Cómo dibujar patrones con CSS utilizando CSS Doodle

    Cómo dibujar patrones con CSS utilizando CSS Doodle

    Tutorial Intermediate

    CSS nos ayuda a ser creativos de muchas formas, y hoy llevaremos nuestra creatividad con CSS al siguiente nivel. Vamos a usar una herramienta llamada CSS...

  12. Consejo rápido: crea un efecto de paralaje muy simple con CSS y JavaScript

    Consejo rápido: crea un efecto de paralaje muy simple con CSS y JavaScript

    Tutorial Intermediate

    En este consejo rápido, aprenderemos a añadir un simple, pero útil, efecto de desplazamiento de paralaje a una imagen «hero». Para lograrlo, usaremos un...