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:

Filters

HTML

Las 15+ Mejores Prácticas para Escribir Código Super Legible

Tutorial • Intermediate

Dos veces al mes, revisamos algunas de las publicaciones favoritas de nuestros lectores durante la historia de Nettuts+.

Burak Guzel • 20 Apr 2021
WordPress Themes

Más de 15 mejores temas de WordPress con efecto parallax para 2021

Tutorial • Beginner

El desplazamiento de paralaje (o el efecto parallax para abreviar) ha sido popular en el diseño web desde alrededor de 2011. En aquel entonces, era una...

Paula Borowska • 14 Apr 2021
WordPress Themes

Cómo personalizar un tema de WordPress con CSS

Tutorial • Beginner

Cuando quieres aprender a personalizar un tema de WordPress con CSS, una de las primeras cosas que deberás saber es cómo editar los archivos dentro del...

Kezz Bracey • 6 Apr 2021
JavaScript for Designers

Cómo crear una barra de progreso de lectura con CSS y JavaScript

Tutorial • Intermediate

Tal vez hayas observado algunos blogs que muestran un «indicador de progreso de lectura» (o barra de progreso) para que los lectores sepan qué cantidad de...

Adi Purdila • 29 Mar 2021
Web Typography

Cómo controlar text overflow (con ellipsis de CSS)

Tutorial • Beginner

Cuando una cadena de texto desborda los límites de un contenedor, puede causar un desorden en todo tu diseño. Aquí hay un buen truco para controlar el...

Adi Purdila • 27 Mar 2021
HTML Templates

Cómo crear un conmutador de temas simple con el truco checkbox de CSS

Tutorial • Intermediate

En este tutorial, aprenderás a crear un conmutador de temas únicamente con CSS, aprovechando la «técnica con el truco checkbox de CSS» y las variables de CSS.

George Martsoukos • 24 Mar 2021
HTML

Construir un panel de administración con CSS y un toque de JavaScript

Tutorial • Intermediate

En este tutorial de HTML, CSS y JavaScript veremos cómo codificar un panel de administración responsive. Para ello, tomaremos ideas del propio escritorio de...

George Martsoukos • 17 Mar 2021
Animation

Cómo animar durante el desplazamiento con JavaScript puro

Tutorial • Intermediate

Hacer que los elementos aparezcan según su posición de desplazamiento es una opción de diseño muy popular al crear páginas web, pero normalmente...

Jemima Abu • 15 Mar 2021
Elementor

19 temas WordPress de landing page con Elementor para más conversiones

Tutorial • Beginner

Mejora tu tasa de conversiones con plantillas de WordPress para landing page de Elementor, estas lo tienen todo para crear la perfecta página de aterrizaje...

Eric Karkovack • 12 Mar 2021
Elementor

Cómo crear una página de aterrizaje para WordPress con Elementor

Tutorial • Beginner

El constructor de páginas Elementor hace que sea fácil crear atractivos sitios web en WordPress, arrastrando y soltando elementos. En este video, aprenderás...

Adi Purdila • 11 Mar 2021
Forms

Consejo rápido: agrega un formulario Formspree a tus sitios estáticos

Tutorial • Beginner

En éste tutorial vamos a ver una forma sencilla de añadir formularios flexibles y dinámicos a tus sitios web estáticos.

David Darnes • 9 Mar 2021
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