Cosas que puedes hacer con CSS hoy

Una buena cobertura de Andy sobre cosas de CSS que son realmente nuevas. Si no ha visto cosas nuevas en CSS en, digamos, un año, apuesto a que casi todo esto será nuevo para usted. Gran parte es lo suficientemente vanguardista como para que no puedas incorporarlo a los proyectos de inmediato, pero esa brecha se está acortando bastante en estos días. A grandes rasgos, diría que en un año usaremos todo esto sin pensarlo mucho.

• Diseño de mampostería (por ejemplo grid-template-rows: masonry;), que creo que fue una forma terriblemente inteligente de abordar esta característica tan esperada.
• El :isselector que hace que ciertos selectores sean mucho menos desagradables de escribir (por ejemplo article :is(h1, h2, h3):not(:first-child)). Esto me hace preguntarme por qué nunca tuvimos algo así en Sass que ayudara con eso.
• Funciones como min(), max()yclamp() , y creo que las mejores prácticas y usos inteligentes para ellas apenas están surgiendo. El tipo de fluido es el ejemplo más obvio y útil, pero sólo rosa la superficie.
• Unidades como chy ex. De verdad me gusta max-width: 70ch;. Hay un consejo tipográfico general de que la longitud de la línea debe tener entre 45 y 75 caracteres (hice un bookmarklet para probarlo una vez), por lo que en lugar de forzar eso con algunos relacionados de forma abstracta width, se utiliza el ancho real de los caracteres como ancho.
• Fancytext-decoration (por ejemplo, text-decoration-thickness: 0.5rem;), lo que significa que podemos espesar un subrayado sin renunciar a la utilidad que text-decoration-skip-inktendríamos si tuviéramos que recurrir a border.)