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

Design Theory

Consejo Rápido: Cómo Crear Maquetado para Blog Con Bulma

Tutorial • Intermediate

En éste consejo rápido, vamos a usar Bulma, un popular framework CSS basado en Flexbox desarrollado por Jeremy Thomas, para crear un maquetado para blog...

George Martsoukos • 8 Feb 2017
Web Typography

14 Cursos Esenciales de CSS

Tutorial • Beginner

Si usted quiere ser un diseñador web exitoso, una sólida comprensión de CSS es obligatoria. Por suerte, tenemos algunos recursos para ayudarle, bien sea si...

Andrew Blackman • 8 Feb 2017
CSS

Ejercicios en Flexbox: Componentes Web Sencillos

Tutorial • Beginner

En éste tutorial vamos a practicar la construcción de componentes web con dos ejercicios: vamos a usar Flexbox para crear un componente de "lista de...

Zviad Sichinava • 7 Feb 2017
CSS

Exclusiones CSS: Haciendo los Diseños Aburridos, Menos Aburridos.

Tutorial • Intermediate

En este tutorial, vamos a explorar CSS Exclusions. A primera vista, CSS Exlusions puede lucir similar a CSS Shapes en la forma en que envuelven el contenido...

Louie Rootfield • 30 Jan 2017
Animation

Cómo Hacer Descripciones Emergentes Mágicas y Animadas Con CSS

Tutorial • Intermediate

Las descripciones emergentes son una gran forma de mejorar una UI cuando tus usuarios necesitan contexto extra para ese elegante icono, o cuando quieren...

Jase Smith • 24 Jan 2017
UI Design

Cómo crear texto perfectamente centrado con Flexbox

Tutorial • Intermediate

No hay nada que nos impresione especialmente con respecto al centrado horizontal de tu contenido: lo has estado haciendo durante años. Pero, ¿qué pasa con el...

Craig Campbell • 11 Jan 2017
CSS

Llevando las Formas CSS al Siguiente Nivel

Tutorial • Intermediate

En el tutorial anterior, echamos un vistazo a la creación de formas CSS, permitiéndonos definir la verdadera forma de un elemento. Tocamos los básicos; crear...

Louie Rootfield • 28 Dec 2016
JavaScript for Designers

3 Métodos para la Recarga Automática del Navegador

Tutorial • Beginner

En éste tutorial aprenderás sobre la recarga del navegador-específicamente la recarga automática-y consideraremos tres diferentes métodos para hacerlo....

Adi Purdila • 27 Dec 2016
HTML

Desarrollo para Diseñadores: Entendiendo el Front-End

Tutorial • Beginner

Durante el curso de éste artículo daremos un gran salto al desarrollo front-end y veremos cómo encaja en nuestro tema más completo. Aquí está lo que vamos a...

Daine Mawer • 19 Dec 2016
Design Theory

Por Qué Deberías Estar Usando Composiciones Basadas En Rem

Tutorial • Beginner

La unidad rem se utiliza para definir fuentes en términos relativos, más que en un tamaño absoluto en píxeles. Pero, ¿sabías que esta unidad es tan útil para...

Kezz Bracey • 15 Dec 2016
CSS

Consejo Rápido: Nombra tus Líneas de CSS Grid, Por Si Acaso

Tutorial • Intermediate

En cualquier CSS Grid cada línea tiene un número indice que podemos indicar para colocar elementos grid. Sin embargo, también podemos nombrar cada una de...

Ian Yates • 9 Dec 2016
JavaScript for Designers

Elimina CSS Innecesario Con PurifyCSS y Grunt

Tutorial • Intermediate

En este tutorial te mostraré cómo usar Grunt y PurifyCSS para crear una hoja de estilos superligera con el mínimo esfuerzo. Lo instalaremos, y después...

Adi Purdila • 23 Nov 2016