Selectores de atributos
Mediante los atributos CSS se permite aplicar estilos a elementos HTML dependiendo del contenido de sus atributos HTML.
Tipografías con Google Fonts
Si queremos que el usuario vea ciertas tipografías en su web, la opción más cómodo es elegir una de Google Fonts. Te explico como hacerlo.
La función LCH() y OKLCH()
Aprende como funciona la función de color LCH() y OKLCH()
Niveles de CSS
CSS tiene divididas sus características en módulos, niveles y versiones. En este post te explico como funcionan.
Condicionales if() en CSS
Descubre cómo utilizar la función if() y las reglas @when y @else en CSS para aplicar estilos condicionales en tus hojas de estilo.
¿Qué son las pseudoclases?
Las pseudoclases CSS permiten seleccionar elementos dependiendo de su comportamiento en el navegador. La más conocida es :hover.
¿Qué son y para que sirven?
¿Qué tipos de unidades existen en CSS? ¿Cuántas hay? Las más comunes son los píxels, aunque también existen muchos otros tipos de unidades.
¿Qué son las tipografías?
A la hora de elegir una tipografía para una página web es bueno conocer ciertos conceptos clave: serifas, fuentes monoespaciadas, interlineados, etc...
¿Cómo usar CSS?
Formas de añadir CSS a una página web... ¿Cómo lo hago? ¿Con la etiqueta <link> o con la etiqueta <style>?
Sombras CSS en cajas
Para crear sombras en CSS, en general, si no se trata de textos, necesitas utilizar la propiedad box-shadow. Veamos como se utiliza.
Scroll suave (Smooth Scroll)
Ciertas propiedades CSS como scroll-behavior y overflow nos permiten modificar el comportamiento de scroll en elementos.
Contenido generado en CSS
Mediante los pseudoelementos ::after y ::before puedes crear y estilar contenido desde CSS, sin que exista en HTML.
Bases de fuentes y tipografías
CSS permite indicar ciertos estilos a tipografias: familia tipográfica, tamaño de fuente, estilo, peso, etc... Te explico como funcionan.
Pixel art con CSS
¿Sabías que es posible hacer pixel art utilizando CSS? Se basa en un truco, donde creamos sombras que se repiten. Te lo explico paso a paso.
Grid por áreas
Las áreas en grid son una forma muy sencilla de crear cuadriculas grid en CSS de forma que sea muy sencillo ubicar las celdas.
Sombras CSS en textos
Si necesitamos crear sombras en textos, tipografías o incluso a veces en iconos, podemos utilizar la propiedad text-shadow.
Escalado 2D
Mediante la función scale de CSS podemos hacer escalas, o lo que es lo mismo, ampliar o reducir el tamaño de ciertos elementos.
Multi-columnas CSS
Las multicolumnas son una forma de dividir el contenido de un elemento en el número de columnas que desees, distribuyendo en grupos el contenido.
Guía de Introducción a Grid
Grid CSS permite dejar atrás la problemática forma de crear diseños en CSS, aportando un modelo de cuadrículas o rejillas muy personalizable y flexible.
La función image-set()
En algunas situaciones, es posible que necesitemos establecer imágenes alternativas en CSS: si no carga una imagen, que cargue otra diferente.
Selectores de atributos
Mediante los atributos CSS se permite aplicar estilos a elementos HTML dependiendo del contenido de sus atributos HTML.
Tipografías con Google Fonts
Si queremos que el usuario vea ciertas tipografías en su web, la opción más cómodo es elegir una de Google Fonts. Te explico como hacerlo.
La función LCH() y OKLCH()
Aprende como funciona la función de color LCH() y OKLCH()
Niveles de CSS
CSS tiene divididas sus características en módulos, niveles y versiones. En este post te explico como funcionan.
Condicionales if() en CSS
Descubre cómo utilizar la función if() y las reglas @when y @else en CSS para aplicar estilos condicionales en tus hojas de estilo.
¿Qué son las pseudoclases?
Las pseudoclases CSS permiten seleccionar elementos dependiendo de su comportamiento en el navegador. La más conocida es :hover.
¿Qué son y para que sirven?
¿Qué tipos de unidades existen en CSS? ¿Cuántas hay? Las más comunes son los píxels, aunque también existen muchos otros tipos de unidades.
¿Qué son las tipografías?
A la hora de elegir una tipografía para una página web es bueno conocer ciertos conceptos clave: serifas, fuentes monoespaciadas, interlineados, etc...
¿Cómo usar CSS?
Formas de añadir CSS a una página web... ¿Cómo lo hago? ¿Con la etiqueta <link> o con la etiqueta <style>?
Sombras CSS en cajas
Para crear sombras en CSS, en general, si no se trata de textos, necesitas utilizar la propiedad box-shadow. Veamos como se utiliza.
Scroll suave (Smooth Scroll)
Ciertas propiedades CSS como scroll-behavior y overflow nos permiten modificar el comportamiento de scroll en elementos.
Contenido generado en CSS
Mediante los pseudoelementos ::after y ::before puedes crear y estilar contenido desde CSS, sin que exista en HTML.
Bases de fuentes y tipografías
CSS permite indicar ciertos estilos a tipografias: familia tipográfica, tamaño de fuente, estilo, peso, etc... Te explico como funcionan.
Pixel art con CSS
¿Sabías que es posible hacer pixel art utilizando CSS? Se basa en un truco, donde creamos sombras que se repiten. Te lo explico paso a paso.
Grid por áreas
Las áreas en grid son una forma muy sencilla de crear cuadriculas grid en CSS de forma que sea muy sencillo ubicar las celdas.
Sombras CSS en textos
Si necesitamos crear sombras en textos, tipografías o incluso a veces en iconos, podemos utilizar la propiedad text-shadow.
Escalado 2D
Mediante la función scale de CSS podemos hacer escalas, o lo que es lo mismo, ampliar o reducir el tamaño de ciertos elementos.
Multi-columnas CSS
Las multicolumnas son una forma de dividir el contenido de un elemento en el número de columnas que desees, distribuyendo en grupos el contenido.
Guía de Introducción a Grid
Grid CSS permite dejar atrás la problemática forma de crear diseños en CSS, aportando un modelo de cuadrículas o rejillas muy personalizable y flexible.
La función image-set()
En algunas situaciones, es posible que necesitemos establecer imágenes alternativas en CSS: si no carga una imagen, que cargue otra diferente.
Selectores de atributos
Mediante los atributos CSS se permite aplicar estilos a elementos HTML dependiendo del contenido de sus atributos HTML.
Tipografías con Google Fonts
Si queremos que el usuario vea ciertas tipografías en su web, la opción más cómodo es elegir una de Google Fonts. Te explico como hacerlo.
La función LCH() y OKLCH()
Aprende como funciona la función de color LCH() y OKLCH()
Niveles de CSS
CSS tiene divididas sus características en módulos, niveles y versiones. En este post te explico como funcionan.
Condicionales if() en CSS
Descubre cómo utilizar la función if() y las reglas @when y @else en CSS para aplicar estilos condicionales en tus hojas de estilo.
¿Qué son las pseudoclases?
Las pseudoclases CSS permiten seleccionar elementos dependiendo de su comportamiento en el navegador. La más conocida es :hover.
¿Qué son y para que sirven?
¿Qué tipos de unidades existen en CSS? ¿Cuántas hay? Las más comunes son los píxels, aunque también existen muchos otros tipos de unidades.
¿Qué son las tipografías?
A la hora de elegir una tipografía para una página web es bueno conocer ciertos conceptos clave: serifas, fuentes monoespaciadas, interlineados, etc...
¿Cómo usar CSS?
Formas de añadir CSS a una página web... ¿Cómo lo hago? ¿Con la etiqueta <link> o con la etiqueta <style>?
Sombras CSS en cajas
Para crear sombras en CSS, en general, si no se trata de textos, necesitas utilizar la propiedad box-shadow. Veamos como se utiliza.
Scroll suave (Smooth Scroll)
Ciertas propiedades CSS como scroll-behavior y overflow nos permiten modificar el comportamiento de scroll en elementos.
Contenido generado en CSS
Mediante los pseudoelementos ::after y ::before puedes crear y estilar contenido desde CSS, sin que exista en HTML.
Bases de fuentes y tipografías
CSS permite indicar ciertos estilos a tipografias: familia tipográfica, tamaño de fuente, estilo, peso, etc... Te explico como funcionan.
Pixel art con CSS
¿Sabías que es posible hacer pixel art utilizando CSS? Se basa en un truco, donde creamos sombras que se repiten. Te lo explico paso a paso.
Grid por áreas
Las áreas en grid son una forma muy sencilla de crear cuadriculas grid en CSS de forma que sea muy sencillo ubicar las celdas.
Sombras CSS en textos
Si necesitamos crear sombras en textos, tipografías o incluso a veces en iconos, podemos utilizar la propiedad text-shadow.
Escalado 2D
Mediante la función scale de CSS podemos hacer escalas, o lo que es lo mismo, ampliar o reducir el tamaño de ciertos elementos.
Multi-columnas CSS
Las multicolumnas son una forma de dividir el contenido de un elemento en el número de columnas que desees, distribuyendo en grupos el contenido.
Guía de Introducción a Grid
Grid CSS permite dejar atrás la problemática forma de crear diseños en CSS, aportando un modelo de cuadrículas o rejillas muy personalizable y flexible.
La función image-set()
En algunas situaciones, es posible que necesitemos establecer imágenes alternativas en CSS: si no carga una imagen, que cargue otra diferente.
Selectores de atributos
Mediante los atributos CSS se permite aplicar estilos a elementos HTML dependiendo del contenido de sus atributos HTML.
Tipografías con Google Fonts
Si queremos que el usuario vea ciertas tipografías en su web, la opción más cómodo es elegir una de Google Fonts. Te explico como hacerlo.
La función LCH() y OKLCH()
Aprende como funciona la función de color LCH() y OKLCH()
Niveles de CSS
CSS tiene divididas sus características en módulos, niveles y versiones. En este post te explico como funcionan.
Condicionales if() en CSS
Descubre cómo utilizar la función if() y las reglas @when y @else en CSS para aplicar estilos condicionales en tus hojas de estilo.
¿Qué son las pseudoclases?
Las pseudoclases CSS permiten seleccionar elementos dependiendo de su comportamiento en el navegador. La más conocida es :hover.
¿Qué son y para que sirven?
¿Qué tipos de unidades existen en CSS? ¿Cuántas hay? Las más comunes son los píxels, aunque también existen muchos otros tipos de unidades.
¿Qué son las tipografías?
A la hora de elegir una tipografía para una página web es bueno conocer ciertos conceptos clave: serifas, fuentes monoespaciadas, interlineados, etc...
¿Cómo usar CSS?
Formas de añadir CSS a una página web... ¿Cómo lo hago? ¿Con la etiqueta <link> o con la etiqueta <style>?
Sombras CSS en cajas
Para crear sombras en CSS, en general, si no se trata de textos, necesitas utilizar la propiedad box-shadow. Veamos como se utiliza.
Scroll suave (Smooth Scroll)
Ciertas propiedades CSS como scroll-behavior y overflow nos permiten modificar el comportamiento de scroll en elementos.
Contenido generado en CSS
Mediante los pseudoelementos ::after y ::before puedes crear y estilar contenido desde CSS, sin que exista en HTML.
Bases de fuentes y tipografías
CSS permite indicar ciertos estilos a tipografias: familia tipográfica, tamaño de fuente, estilo, peso, etc... Te explico como funcionan.
Pixel art con CSS
¿Sabías que es posible hacer pixel art utilizando CSS? Se basa en un truco, donde creamos sombras que se repiten. Te lo explico paso a paso.
Grid por áreas
Las áreas en grid son una forma muy sencilla de crear cuadriculas grid en CSS de forma que sea muy sencillo ubicar las celdas.
Sombras CSS en textos
Si necesitamos crear sombras en textos, tipografías o incluso a veces en iconos, podemos utilizar la propiedad text-shadow.
Escalado 2D
Mediante la función scale de CSS podemos hacer escalas, o lo que es lo mismo, ampliar o reducir el tamaño de ciertos elementos.
Multi-columnas CSS
Las multicolumnas son una forma de dividir el contenido de un elemento en el número de columnas que desees, distribuyendo en grupos el contenido.
Guía de Introducción a Grid
Grid CSS permite dejar atrás la problemática forma de crear diseños en CSS, aportando un modelo de cuadrículas o rejillas muy personalizable y flexible.
La función image-set()
En algunas situaciones, es posible que necesitemos establecer imágenes alternativas en CSS: si no carga una imagen, que cargue otra diferente.
¿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