I have a confession: I am not that excited about all these new CSS features. Let me tell you why.
CSS in 2022
The year 2022 has been pr...
For further actions, you may consider blocking this person and/or reporting abuse
I'm still happy to have them, because at some point, we can use them in production, which is great. Yes, standards and their adoptions are moving a lot slower than modern frameworks, but they don't need extra downloads or installations.
Thanks for making a point about backward compatibility. Although Apple fans tell me not to claim that "Safari is the new Internet Explorer", this is what I see as today's biggest obstacle holding back progress. While we can use an old Android phone and install a recent Firefox, Chrome, or Vivialdi browser, this is not possible on older iPhones. This is only Apple's fault, and that's called planned obsolescence.
Like JavaScript, CSS is now making fast progress, while the core language remains backward compatible, which is an achievement hard to find apart from frontend languages, taking the breaking changes in PHP 8 for example. We can handle backward compatibility conceptually by using progressive enhancement, or if we have required features, we must - as you said - either not use the latest language features, or provide a compatibility solution like rewriting Syntax (using postCSS) where it is possible, and using JavaScript-based CSS polyfills where it isn't (like parent selectors).
I don't feel that the recent upgrades to CSS are niche features, quite the contrary! And then, those are just options, nobody is required to use it, and the core language will not be "overwhelmed" by new features. Just like we can decide to use or not to use grid, flex box, float or table layouts, we can choose to use or not use new color spaces, improved selectors, helpful pseudo classes or even layers (which is something that does not excite me, for example).
There are more possible syntax upgrades that I would wish for CSS, like pseudo classes to detect the
:stuckstate of aposition: stickyelement or the:visbilityof an element inside the viewport without having to use JavaScriptIntersectionObserver.P.S. probably no coincidence that we have this discussion right now, as The State of CSS survey 2022, an annual developer survey about the latest trends in CSS, is currently awaiting our input, so check stateofcss.com if you haven't done already.
I hate those.
This is very well put.
P.S. I might steal your
:stuckand:visibilitysuggestions for my side project: Invalid CSS."Safari is the new Internet Explorer", even worse. Updates are very rare, and new features appear after a very long time (web Crypto). Some existing features are simply killed by its sole decision (web SQL for example).
Thanks again for your post, @starbist ! Now at the end of the year, with a review of the state of css 2022 and many positive reviews of a year where tech finally released some noteworthy CSS and AI features, we can't emphasize enough the importance of long-term perspectives, stability, and progressive enhancement.
yes, for me css also feels like learning vocabulary. I will not learn.everything about css.
Flex boxes is a topic i only studied last christmas, when browsersupport is ok.
for now I never learned tailwind, but in personal projects usually I use mini.css. not sure if or when I study tailwind.
Well, Tailwind is framework and I am not bothered with those these days.
Im sorry, but this post is kinda irrelevant.
The new features are NOT todays problem, but tomorrows solution.
The more CSS advances, the less we need preprocessors like sass.
Does constant updates make a language more complicated? Absolutely!
Do we learn everything 100%? F*ck no.
Go to a senior FE react developer, he knows like 50% of react, excluding reacts extra packages.
Does that mean we should stop updating react? Hell no!
Overall, I completely disagree. I dont expect you to know everything about css, I expect you to understand css and use that understanding with modern solutions.
I've always had a 5 year grace period before trying this stiluff out, works for me
Niche features?
Really?
It's not like these CSS features are the next Flash or JS framework fad that are here today gone tomorrow.
CSS written 10 years ago still work today and will work 10 years from now. These CSS features are foundational, to which all other standards compliant fads cater.
What is the alternative? Stay where we are with all these unintuitive workarounds and brittle hacks? Should we not improve how we write DRY, flexible, intuitive code?
Let the CSS renaissance begin!
These new features will start to alter the scope of CCS - it feels like it’s moving away from presentation control to a kind of interaction design javascript.
My job is to ensure all digital experiences work for everyone no matter what device or browser. So what happens to those of us that design proper systems built on progressive enhancement principles? Are all the fallbacks in place for IE6?
No - thought not.
Well, it is your personal opinion, whether you like it or not it will head in direction that community chose. To use or not to use these features it is the question.
Funny you mention flexbox, but not css grid lol....the irony in that as it's another "newer" feature almost no one uses day to day, even though browsers support it.
Interesting.
I'm still happy to have them, because at some point, we can use them in production, which is great.
sadsad
It will be supported in browsers after 3-4 years.
And having more complex syntax is just making it more difficult to enter into the web development field. But it's still easier than becoming a doctor.