CSS es un lenguaje de estilos para dotar de apariencia y aspecto visual a una página o sitio web (entre otras cosas). También es conocido como el mayor enemigo de los programadores backend. En esta página te ayudo a aprender a dominarlo.
¿...o prefieres un roadmap?
¿Ya sabes la teoría? ¡Es hora de ponerse a practicar!
CSS ofrece un conjunto de propiedades para realizar transformaciones 2D y 3D, permitiendo realizar modificaciones visuales de diferentes formas.
Mediante la función steps() de CSS podemos crear ritmos en intervalos escalonados con la misma duración. ¡Investiga y aprende a utilizarlos!
Lightning CSS es una herramienta ultrarápida (hecha en Rust) para realizar transformaciones de código CSS. Una alternativa a PostCSS.
Aprovecha las clases de utilidad para definir mejor tu CSS y escribir código mucho más mantenible y reutilizable
Sass es un preprocesador CSS, es decir, un lenguaje que añade características a CSS, ampliándolo con bucles, funciones y otras funcionalidades.
Los modos de fusión (o blend modes) nos permiten establecer combinaciones de colores entre varios elementos y fusionarlos.
Aprende a crear efectos de animaciones dirigidas por scroll (Scroll Driven Animations) utilizando CSS, sin necesidad de utilizar Javascript.
En CSS es muy importante la herencia. Las propiedades CSS se aplican desde arriba hacia abajo, sobreescribiendo las propiedades anteriores.
Una característica deseable es poder limitar el alcance de la aplicación de ciertos estilos CSS. En este artículo te explico la problemática y porque es interesante aplicar esta técnica.
Plugin de PostCSS que sirve para analizar el código CSS y añadir los vendor prefixes de CSS necesarios para compatibilidad con navegadores antiguos.
Ciertas propiedades CSS como scroll-behavior y overflow nos permiten modificar el comportamiento de scroll en elementos.
Aprende todo sobre los estilos en línea de CSS: Cómo aplicarlos, cuando evitarlos, ventajas, desventajas y ejemplos de uso.
Podemos utilizar el selector combinador :where() de CSS para crear selectores con baja especificidad que nos permitan definir estilos base sobreescribibles.
CSS es muy potente porque permite seleccionar elementos HTML de una forma muy práctica. Los IDs y las clases son el método más utilizado.
Las animaciones CSS son muy potentes, pero en ciertos casos nos interesa la flexibilidad de Javascript. Con WebAnimations podemos crear animaciones CSS usando Javascript.
Las variables de entorno de CSS son un mecanismo mediante el cuál el navegador te proporciona información útil sobre el sistema que utilizas.
Aprende a utilizar la función cubic-bezier() para darle un toque de personalización a tus transiciones o animaciones, utilizando un ritmo o aceleración suavizada.
Conoce las ventajas y desventajas de utilizar TailwindCSS en tus proyectos web y cómo empezar a utilizarlo de manera efectiva
En ciertas situaciones nos puede interesar añadir un contorno o borde a los textos. Hay formas de hacerlo con CSS, te las explico.
¿Prefieres contenido de video? ¡Echa un vistazo a mi canal!
Soy Manz, vivo en Tenerife (España) y soy streamer partner en Twitch y profesor. Me apasiona el universo de la programación web, el diseño y desarrollo web y la tecnología en general. Aunque soy full-stack, mi pasión es el front-end, la terminal y crear cosas divertidas y locas.
Puedes encontrar más sobre mi en Manz.dev