State.of.dev

CSS

These charts are based on the opinion of our contributors. We encourage experts to propose changes.
cssnext

Edge CSS syntax made available for browsers now.

http://cssnext.io/

Flexbox
Web Components

Web Components allow for modular CSS using import() and the Shadow DOM which solve complex nested selectors that could overwrite each other.

Less

Less adds advanced features to CSS, including a nested CSS syntax, parameters and mixins. Less is a pre-processor, hence needs to be compiled to CSS.

http://lesscss.org/

SASS

SASS adds advanced features to CSS, including a nested CSS syntax, parameters and mixins. Less is a pre-processor, hence needs to be compiled to CSS.

http://sass-lang.com/

Plain

Writing plain CSS is almost an anti-pattern for bigger projects because its hard to maintain.

It might be still a good option for a small project that don't want to employ build tools.

Grid

Next to Flexbox, a CSS grid support is covered by the major browsers, and brings several advantages for positioning.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout

Contributors: Yvo Schaap.

Last modified February 21, 2018. Edit this page.