Learn CSS

Style your website and make it stand out with our CSS tutorials. From basic layouts to advanced effects and animations, we'll help you level up your design skills.

All CSS content:

Filters

WordPress Themes

Cargar CSS en WordPress de forma correcta

Tutorial • Beginner

Sin CSS, tienes muy limitadas opciones para dar estilo a tus páginas web. Y sin la inclusión correcta de CSS dentro de WordPress, puedes hacer que sea...

Barış Ünver • 23 Jan 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

Cargando Archivos Con Ajax

Tutorial • Intermediate

Parece que no puedo llegar al final de las cosas divertidas que puedes hacer con las tecnologías web emergentes. Hoy, voy a mostrarte cómo hacer algo que...

Andrew Burgess • 30 Nov 2020
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
CSS

10 Propiedades de CSS3 con las que Necesitas estar Familizarizado

Tutorial • Intermediate

Ya cubrimos los treinta selectores de CSS que todos deberíamos memorizar; pero qué hay con las nuevas propiedades de CSS3? A pesar de que la mayoría de ellas...

Jeffrey Way • 10 Oct 2020
HTML

Los 30 selectores CSS que debes memorizar

Tutorial • Intermediate

¿Así que aprendiste los selectores básicos id, class, y descendant – y ahora te retiras? Si es así, te estás perdiendo un enorme nivel de flexibilidad....

Jeffrey Way • 25 Sep 2020
JavaScript for Designers

Cómo crear un efecto de escala de grises a color durante el desplazamiento (con CSS y JavaScript)

Tutorial • Intermediate

En este nuevo tutorial, empezaremos con algunas imágenes en escala de grises y aprenderemos a revelar suavemente sus variantes de color al desplazarnos. Para...

George Martsoukos • 19 May 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
WordPress Themes

Cómo agregar CSS personalizado a tu sitio de WordPress

Tutorial • Beginner

El ecosistema de WordPress es enorme, por lo que puede ser un desafío encontrar el tema perfecto que se ajuste a tu marca en todos los aspectos. Un buen...

Anna Monus • 18 Feb 2020
HTML Templates

Cómo analizar CSS utilizando Stylelint

Tutorial • Beginner

Un linter es, según Wikipedia: «Una herramienta que analiza el código fuente para señalar errores de programación, fallos, errores de estilo y...

Kingsley Silas Chijioke • 24 Jan 2020
HTML Templates

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

George Martsoukos • 15 Jan 2020