Lenguaje CSS
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.
Comienza a aprender
¿...o prefieres un roadmap?
Comienza a practicar
¿Ya sabes la teoría? ¡Es hora de ponerse a practicar!
¿Qué son las transiciones?
Antes de comenzar con las transiciones CSS, es adecuado conocer una serie de conceptos que nos harán entender mejor las animaciones y transiciones.
TailwindCSS: Clases de utilidad
Conoce las ventajas y desventajas de utilizar TailwindCSS en tus proyectos web y cómo empezar a utilizarlo de manera efectiva
Tablas CSS
Al margen de las propiedades de CSS comunes, también existen algunas propiedades orientadas a tablas HTML.
Selectores básicos
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.
Pseudoclases de interacción
Las pseudoclases CSS de interacción permiten dar estilo cuando el usuario interactua con un enlace o elemento.
Autoprefixer: Prefijos CSS
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.
¿Qué son las funciones de tiempo?
Mediante las funciones de tiempo se puede suavizar una transición o animación para que no se realice de forma brusca.
PostCSS desde terminal
PostCSS realmente es una herramienta de línea de comandos, por lo que si te interesa puedes usarla para hacer tus propios scripts
ECSStatic: CSS-in-JS en templates
La librería ECSStatic proporciona una forma moderna de gestionar el CSS desde Javascript utilizando la sintaxis de string templates.
La propiedad float
Mediante la propiedad float de CSS se pueden desplazar elementos hacia una dirección u otra.
Scoping en Javascript
En la industria Javascript y en los frameworks JS como React, Vue, Angular o Svelte se han creado formas concretas de aislar el código CSS para que no afecte a ciertas partes. Te explico las más populares.
CSS Nesting: CSS anidado
Una característica futura de CSS es la posibilidad de anidar bloques de CSS uno dentro de otro. Con PostCSS podemos utilizarlo hoy mismo.
¿Qué es la cascada CSS?
La cascada CSS es el conjunto de características que hacen funcionar a CSS en un navegador. Conocer como funcionan es aprender el funcionamiento de CSS.
¿Qué es Sass?
Sass es un preprocesador CSS, es decir, un lenguaje que añade características a CSS, ampliándolo con bucles, funciones y otras funcionalidades.
Cursor del ratón
Es posible modificar ciertos detalles del ratón del usuario y su interacción con una página web mediante CSS.
Optimizar animaciones
En este artículo encontrarás algunos consejos para optimizar animaciones CSS de modo que sean más eficientes.
Animaciones CSS
Con CSS podemos realizar animaciones de forma muy sencilla, ofreciéndonos grandes posibilidades y la flexibilidad de utilizar propiedades para cambiar su comportamiento.
Características personalizadas
Es posible activar o desactivar aspectos avanzados relacionados con la tipografía, como ligaduras, variaciones... directamente desde CSS.
View Transition personalizada
Descubre cómo personalizar tus View Transitions con Javascript y CSS para mejorar la experiencia del usuario.
Videos
¿Prefieres contenido de video? ¡Echa un vistazo a mi canal!
¿Quién soy yo?
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