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

HTML Templates

Cómo crear un pie de página pegajoso, multinivel y responsivo con Flexbox

Tutorial • Intermediate

En este tutorial, te enseñaré cómo usar flexbox para crear un pie de página responsivo, con varios niveles y varias columnas que se adhiere al final de...

Anna Monus • 5 Jun 2019
JavaScript for Designers

Consejo rápido: diseño de contenido restringido para editores en línea

Tutorial • Beginner

Muchos periódicos populares en línea (por ejemplo, The Wall Street Journal, Le Figaro, The Telegraph) ofrecen contenido gratuito, pero requieren que los...

George Martsoukos • 3 Jun 2019
JavaScript for Designers

Cómo construir un diseño con miniaturas filtrables usando CSS Grid, Flexbox y JavaScript

Tutorial • Intermediate

En este tutorial, vamos a tomar un montón de fotos y las convertiremos en un diseño de miniatura filtrable. ¡Combinaremos todas las últimas cosas CSS (CSS...

George Martsoukos • 27 May 2019
HTML Templates

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

Anna Monus • 16 May 2019
HTML Templates

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

Anna Monus • 3 May 2019
JavaScript for Designers

Cómo crear una página estática para portafolio con CSS y JavaScript

Tutorial • Intermediate

En este tutorial utilizaremos todo el poder de flexbox y aprenderemos a crear una simple, pero atractiva página estática para portafolio en HTML. También...

George Martsoukos • 2 Apr 2019
Animation

Realza la manera en que se carga una página web con animaciones CSS

Tutorial • Intermediate

En un tutorial previo, creamos una página responsiva a pantalla completa con flexbox. Hoy, haremos que esta página sea más atractiva agregándole algunas...

George Martsoukos • 11 Dec 2018
WordPress

Crea una galería de imágenes con cuadrículas CSS (con un efecto de desenfoque y media queries de interacción)

Tutorial • Intermediate

En este tutorial, tomaremos un grupo de enlaces de miniaturas ordinarias y los convertiremos en una galería de cuadriculas CSS responsiva con un efecto...

Ian Yates • 30 Nov 2018
CSS

Cómo crear una página responsiva a pantalla completa con Flexbox

Tutorial • Intermediate

En este tutorial, vamos a aprender cómo crear una página a pantalla completa con Flexbox. Nuestra página incluirá una imagen de fondo a pantalla completa,...

George Martsoukos • 20 Nov 2018
Bootstrap

Cómo construir rápidamente diseños adaptables con las utilidades Flexbox de Bootstrap 4

Tutorial • Intermediate

En este tutorial, te mostraré cómo construir rápidamente diseños adaptables con las utilidades Flexbox de Bootstrap 4. Para comprender mejor estas...

George Martsoukos • 11 Oct 2018
JavaScript for Designers

Consejo rápido: Cómo manipular la apariencia del cursor con CSS

Tutorial • Beginner

En este Consejo rápido, aprenderemos cómo personalizar el aspecto del cursor con CSS. Va estar cambiando nuestro cursor en las flechas para facilitar una...

George Martsoukos • 8 Oct 2018
CSS

Nuevo curso: Una introducción rápida a CSS Grid Layout

Tutorial • Beginner

CSS Grid Layout es el sistema de diseño más poderoso disponible actualmente para los diseñadores web. Descubra cómo usarlo en nuestro nuevo curso, Una...

Andrew Blackman • 3 Oct 2018