DEV Community

Discussion on: What is the future of CSS?

Collapse
 
afif profile image
Temani Afif

utility-first it not an evolution. It's only a trending as it doesn't add anything new to CSS.

The future of CSS is:

  • The houdini project where you and me can extend the CSS language with new feature (houdini.how/about/)
  • Cascade Layers that bring another level of flexibility related to CSS selectors: css-tricks.com/css-cascade-layers/
  • CSS variables, calc(), clamp(), etc. They are quite old but still not used a lot

And many more

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

calc() combined with var() and @property can be used to build amazing things without any need for pre-processors.

Collapse
 
alohci profile image
Nicholas Stimpson • Edited

One thing I read recently that amazed me:

Set the left margin to be 1/10 of the widow[sic] width, but always more than 2em and less than 20em:

html : margin.left = 2em < WIDTH/10 < 20em

From: w3.org/Style/CSS/draft1.html#arith...

This is a proto- clamp()! In the very first draft of CSS in May 1995. Before declaration blocks had even been invented, or CSS syntax had been established.