PHPnews.io

The State of CSS 2020

Written by Bram.us / Original link on Dec. 2, 2020

state-of-css-2020.gif

The results for The State of CSS 2020 are in!

Forget everything you know about CSS. Or at least, be ready to reconsider a lot of it. If like me you’ve been writing CSS for over a decade, CSS in 2020 looks nothing like what you were used to.

Instead of breakpoints, we can now leverage CSS Grid to make dynamic, responsive layouts that adapt to any viewport size with fewer lines of code. Instead of relying on global stylesheets, CSS-in-JS lets us colocate our styles with our components to build themeable design systems

I personally find this a very pleasing site, both visually and content-wise. Check out this visualization for example, where the size of the outer opaque circle corresponds to the total number of users who know about a feature, while the inner (non-opaque) one represents those who have actually used it:

state-of-css-vis.png

And oh, can you spot to link to bram.us in the content?

The State of CSS 2020 →

Related: The State of CSS 2019 →

bram tutorialzine link bram

« Splitting a large Laravel Livewire Component - ibis — A PHP tool that helps you write eBooks in markdown and convert to PDF »