CSS

CSS Flexbox: aprende paso a paso

CSS Flexbox es un modo de diseño de contenido flexible. Así evitamos usar float o position. Permite a los diseñadores frontend crear fácilmente diseños flexibles y adaptables que se ajustan perfectamente al contenido y al tamaño de la pantalla. En este tutorial paso a paso, te mostraré cómo usar Flexbox para crear diseños dinámicos e […]

CSS Flexbox: aprende paso a paso Leer más »

Como se crean los filtros CSS

Con los filtros CSS podrás aplicar varios efectos visuales a elementos, normalmente imágenes, aunque también los podrás usar para fondos, bordes… Propiedades generales de los filtros CSS La propiedad se define de la siguiente forma: En este ejemplo, estamos diciendo que las imágenes se vean con un filtro de escala de grises al 75%. Podrás

Como se crean los filtros CSS Leer más »

Como utilizar las variables CSS

Las variables CSS o custom properties están definidas desde el 2015. En un principio no se usaban demasiado por temas de compatibilidad con algunos navegadores, aunque hoy en día la compatibilidad es mínima y hay opciones css para solventarlo, lo verás a lo largo del artículo. Si eres de los que nunca las utilizaste, ya

Como utilizar las variables CSS Leer más »

Tutorial de CSS con ejemplos

En este artículo podrás aprender trucos, utilidades… No es un tutorial de CSS al uso, sino ejemplos con CSS útiles y buenas prácticas para cualquier diseñador web. Podrás aprender como comprimir tu archivo css, diferenciar entre id y class que muchas veces se utilizan mal entre otras muchas cosas. Interesantes efectos css con fuentes Con

Tutorial de CSS con ejemplos Leer más »

Scroll al inicio