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:

Filters

HTML Templates

Gráficos en CSS: cómo crear un organigrama horizontal

Tutorial • Intermediate

En un tutorial anterior, aprendimos cómo crear un organigrama vertical usando solamente CSS. Hoy, a petición de algunos, analizaremos el proceso de...

George Martsoukos • 8 Mar 2021
Navigation

Cómo convertir las pestañas de Bootstrap en un menú desplegable

Tutorial • Intermediate

Anteriormente, analizamos varias extensiones de Bootstrap 4. Hoy te mostraré cómo convertir las pills de Bootstrap en un menú desplegable. Lo más...

George Martsoukos • 26 Feb 2021
HTML Templates

Alineación en Flexbox: Cuando usar márgenes automáticos en lugar de centrar en Flexbox

Tutorial • Intermediate

Las propiedades de alineación en Flexbox son soberbias y resuelven muchos problemas de maquetado, especialmente donde la habitual funcionalidad de "centrar...

George Martsoukos • 21 Jan 2021
HTML Templates

Crea hermosas animaciones durante el desplazamiento con la propiedad Clip-Path de CSS

Tutorial • Intermediate

En un tutorial anterior, aprendimos a crear un efecto de escala de grises a color durante el desplazamiento. Para implementarlo, aprovechamos las...

George Martsoukos • 18 Jan 2021
HTML Templates

Gráficos en CSS: cómo crear un organigrama

Tutorial • Intermediate

En tutoriales anteriores hemos aprendido cómo crear diferentes tipos de gráficos, incluyendo gráficos de barras, gráficos de termómetro y gráficos de anillo....

George Martsoukos • 19 Nov 2020
HTML Templates

14 mejores temas WordPress GRATIS y premium para páginas web de finanzas

Tutorial • Beginner

Si tienes un negocio financiero, debes transmitir profesionalidad y la mejor forma de mostrarlo es a través de páginas de finanzas con un diseño de calidad.

Aladin Bensassi • 20 Aug 2020
Landing Pages

Cómo mejorar los diseños de tus sitios web con formas SVG

Tutorial • Intermediate

En este nuevo tutorial, nos vamos a deshacer de las aburridas cajas rectangulares de siempre y aprenderemos a crear una página de aterrizaje llena de...

George Martsoukos • 26 Jun 2020
Responsive Design

6 buenas prácticas para crear un menú desplegable responsive

Tutorial • Beginner

En esta guía, vamos a ver algunas de las mejores prácticas a seguir y un par de ejemplos de código que puedes usar al construir menús responsive desplegables.

Anna Monus • 2 Jun 2020
HTML Templates

Cómo crear un simple componente de interruptor de conmutación con el truco checkbox de CSS

Tutorial • Beginner

En este breve tutorial, aprenderemos a crear un componente de interruptor usando únicamente CSS y aprovechando la «técnica con el truco checkbox de CSS»....

George Martsoukos • 29 Apr 2020
HTML Templates

Consejo Rápido: Cómo crear un simple efecto de apilamiento al colocar el puntero (hover) con CSS

Tutorial • Beginner

Un patrón de diseño que se ve comúnmente es el de un contenedor de tarjetas con otras tarjetas debajo, lo que resulta en un efecto de apilamiento de...

George Martsoukos • 23 Mar 2020
Performance

Cómo evitar las solicitudes automáticas de favicon (consejo rápido para el rendimiento en la web)

Tutorial • Beginner

La mayoría de los navegadores web hacen una solicitud automática de favicon cada vez que cargan una página. No notarás esto si tu sitio tiene un favicon,...

Anna Monus • 12 Mar 2020
Accessibility

Consejos CSS para una mejor accesibilidad al color y al contraste

Tutorial • Beginner

La accesibilidad del color es una parte importante de la accesibilidad visual. Las personas con diversos tipos de discapacidades visuales, como daltonismo y...

Anna Monus • 4 Feb 2020