14 cursos esenciales de CSS

Si desea ser un diseñador web exitoso, es imprescindible tener un sólido conocimiento de CSS. Afortunadamente, tenemos algunos recursos para ayudarlo, ya sea que desee aprender los conceptos básicos de CSS o expandirse a áreas más avanzadas.

Aquí hay 14 cursos completos que lo ayudarán a desarrollar sus habilidades de CSS, desde los fundamentos del posicionamiento y tipografía de CSS hasta el uso de pseudo-elementos y el dominio de Sass..

1. Comience aquí: aprenda la tipografía CSS

Si eres un diseñador web en ciernes y estás listo para aprender CSS, comienza aquí!

Si hay un tipo de estilo que podría decirse que es más importante que cualquier otro en diseño web, es la tipografía. Idealmente, sus sitios deben comenzar con una tipografía sólida, y el resto del diseño debe basarse en eso. Por esta razón, es importante comprender primero la parte tipográfica del proceso de diseño y, en este curso, el instructor de Envato Tuts + Kezz Bracey lo pondrá al día completamente.

 

2. Comience aquí: Aprenda CSS Layout

Ahora que ha aprendido lo esencial de la tipografía en el curso anterior "Comience aquí", está listo para pasar al siguiente elemento fundamental del diseño web: diseño.

En este curso, aprenderá todo lo que necesita saber para crear los tipos más comunes de diseños en diseño web.

 

3. Comience aquí: Aprenda los colores y fondos de CSS

En esta instalación de nuestra serie "Empiece aquí", le dará vida al sitio que ha estado creando mediante el uso de colores y fondos CSS..

En este curso, aprenderá todo sobre las técnicas visuales que hacen que los sitios se destaquen entre sí y que incorpore el "diseño" al diseño web..

 

4. Recorte y enmascaramiento en CSS

Recortar y enmascarar imágenes es un concepto con el que puede estar familiarizado al utilizar aplicaciones de gráficos como Photoshop. En este Curso de Coffee Break, sin embargo, Adi Purdila te enseñará cómo usar el recorte y el enmascaramiento en CSS.

 

5. La guía completa para el posicionamiento CSS

El posicionamiento CSS es una habilidad fundamental en el diseño web; potencia los diseños y, por lo tanto, forma la base de todo lo que está dentro de esos diseños. Dicho esto, puede ser bastante complicado envolver la cabeza cuando empiezas por primera vez.

Para cuando haya terminado este curso, tendrá una comprensión firme de los principios esenciales que necesita para impulsar sus diseños. Kezz Bracey le mostrará cada uno de los cuatro tipos de posicionamiento utilizados en CSS, así como la forma de solucionar algunas de las rarezas que pueden aparecer al usarlos..

 

6. 3 CSS Grid Projects para diseñadores web

El diseño de cuadrícula de CSS es un borrador de trabajo de W3C que define un sistema de cuadrícula potente para, en última instancia, facilitar el diseño de sus páginas web utilizando CSS.

En este curso, construirá tres proyectos para ayudarlo a comprender lo que será posible con "Grid". El primero es de nivel principiante y te presentará los conceptos de Grid. El segundo lleva las cosas a un nivel, examinando cosas como la alineación y el anidamiento. El proyecto final es aún más avanzado, utilizando Flexbox en combinación con Grid. Seguir estos tres proyectos hasta su finalización con Craig Campbell lo llevará constantemente de Grid novice a un usuario seguro de Grid.

 

7. Bibliotecas CSS esenciales para diseñadores web

En este curso, Adi Purdila le enseñará cómo usar diez bibliotecas CSS esenciales para los diseñadores web. Aprenderá sobre reinicios, animaciones, transiciones y bibliotecas relacionadas con la tipografía. Utilizará Bower para administrar sus proyectos, asegurándose de que todo se mantenga actualizado y sea fácil de mantener..

 

8. El CSS del futuro.

CSS está en constante evolución. En este curso, Craig Campbell lo guiará a través de algunas de las características de vanguardia de CSS para ayudarlo a mantenerse actualizado y al frente del campo..

Algunas de las características cubiertas pueden convertirse en una práctica general en un futuro próximo, mientras que otras probablemente se desvanecerán en la oscuridad. De cualquier manera, entender qué selectores de CSS, módulos de diseño y filtros se están considerando para el futuro lo convertirá en un desarrollador front-end más sólido.

 

9. Rejillas y trucos de diseño con "postcss-ant"

En este curso, aprenderá a usar uno de los sistemas de red más potentes, limpios y exagerados disponibles en la actualidad: postcss-ant. Fue creado por Cory Simmons, conocido por sus populares sistemas de cuadrícula Jeet y Lost..

Al ejecutarse sobre el increíble sistema PostCSS, postcss-ant le brinda la capacidad de administrar de manera sencilla y eficiente los diseños, desde los más simples hasta los más complejos, utilizando CSS vainilla o su preprocesador favorito. Kezz Bracey lo pondrá al día en este curso.

 

10. Explorando los pseudo-elementos CSS

En la superficie, los pseudo-elementos parecen nada más que un subconjunto utilitario de CSS. Sin embargo, en este breve curso con Craig Campbell, descubrirás que dominar los pseudo-elementos puede ayudarte a llevar tus diseños al siguiente nivel..

 

11. Animación práctica de la web.

Los días de los sitios web cargados de animación se están desvaneciendo, pero todavía hay algo que decir sobre un sitio con pequeñas cantidades de movimiento sutil y llamativo para ayudar a los usuarios a interpretar las interfaces. En este curso, Craig Campbell le mostrará formas prácticas de crear animaciones para botones, tablas de precios y otros elementos web, utilizando CSS conciso y jQuery para hacerlo..

 

12. Conviértete en un superhéroe CSS con Stylus

Stylus es uno de los tres preprocesadores de CSS líderes que hacen que CSS sea más fácil y más poderoso que nunca, compartiendo la liga con Sass y LESS. En Become a Stylus CSS Superhero, aprenderás a escribir código más rápido que una bala de alta velocidad, crearás una funcionalidad de diseño más potente que una locomotora y actualizarás esquemas de colores completos en un solo límite. Únete a Kezz Bracey y comienza tu entrenamiento de superhéroes!

 

13. 6 proyectos Flexbox para diseñadores web

El modelo CSS Flexbox está comenzando a ver un uso más generalizado y ahora es compatible con todos los navegadores principales. En este curso, Craig Campbell aprovechará su curso de CSS: Flexbox Essentials a medida que describe seis proyectos prácticos de CSS para el uso diario..

 

14. 14 días para aprender Sass

En este curso con Adi Purdila, aprenderás los conceptos básicos de Sass en 14 días. Cada día aprenderá algo nuevo y obtendrá un pequeño ejercicio que lo ayudará a consolidar su conocimiento.. 

Este curso es para principiantes, por lo que no necesita ninguna experiencia previa con Sass, pero sí necesita experiencia con CSS ya que Sass es una extensión de la misma..

 

Mira cualquier curso ahora

Puede tomar cualquiera de nuestros cursos de inmediato con una suscripción a Envato Elements. Por una única tarifa mensual baja, obtiene acceso no solo a estos cursos, sino también a nuestra creciente biblioteca de más de 1,000 cursos de video y libros electrónicos líderes en la industria en Envato Tuts+. 

Además, ahora obtiene descargas ilimitadas de la enorme biblioteca de Elementos Envato de más de 200,000 fotos y más de 26,000 activos y plantillas de diseño. Cree con fuentes, fotos, gráficos y plantillas únicas, y entregue mejores proyectos más rápido.