CSS4 Is Coming (Not a Clickbait)

Рет қаралды 7,493

Күн бұрын

A look at the current state of CSS development, with a detailed explanation of why CSS4 is coming even though we were told that it will never happen, what it might include, and what all of this means for you.
🔗 Links
Let’s Define CSS 4: github.com/w3c/csswg-drafts/i...
CSS Feature List: github.com/orgs/CSS-Next/proj...
Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com/
📖 Chapters
00:00 Intro
00:27 Why were we told CSS 4 will never happen
03:15 Why is CSS 4 happening now
04:45 What are the reasons CSS 4 is coming
05:22 About “Let’s Define CSS 4” GitHub discussion
06:37 What should be included in CSS 4
07:39 What features are currently in CSS 4
09:04 My opinion on CSS4
11:33 Conclusion
Course Mastering Prettier & Stylelint
🔥 Learn everything about the best linting tools while supporting CSS Weekly: masteringlinting.com/
🏷️ Use coupon code KZfaq25 to get an additional 25% off on the already discounted pre-launch price.
Keep up-to-date with CSS Weekly:
👉 Twitter: / cssweekly
👉 Instagram: / cssweekly
👉 Facebook: / cssweekly
Keep up to date with what I'm up to:
🔗 Blog: zoranjambor.com
👉 Twitter: / zoranjambor
👉 LinkedIn: / zoranjambor
- Zoran Jambor
#css #css4

Пікірлер: 52

@ppk3882 7 ай бұрын

Good summary, thanks. I'd like to add that the current CSS4 feature list that you showed is not yet set in stone. The community will still get an opportunity to help shape the final CSS4 feature list, probably early next year.

@CSSWeekly 7 ай бұрын

Thank you for clarifying that the feature list isn't finished, and for all your work on this! ❤️

@Cahnisama 7 ай бұрын

job requirements in 2024: at least 5 years of CSS4

@CSSWeekly 7 ай бұрын

Haha, good one! 🤣

@Nerdy_Aomeba 7 ай бұрын

😂😂😂

@gustaff.weldon 7 ай бұрын

true story

@richards16 7 ай бұрын

The idea of using the name CSS4 as a marketing strategy is amazing. It's going to bring more interest back to CSS, and it's also going to force people who have been using CSS for years to get up to date, which is GREAT!

@CSSWeekly 7 ай бұрын

Yes, this is pretty much my opinion as well, Richard! Thanks so much for sharing it! 🙏

@AhmadShadeed 7 ай бұрын

Thanks a lot for the overview, Zoran. Very helpful! I enjoyed every second :)

@CSSWeekly 7 ай бұрын

Thank you for watching and for your kind words, my friend! 🙏

@maartenpsion9036 7 ай бұрын

Finally we can center a div!!

@CSSWeekly 7 ай бұрын

Oh, but we already can! 🙂 kzfaq.infoy7OCTcvm634 🙃

@ScriptRaccoon 7 ай бұрын

{ alignment: center } would be a nice addition in CSS4.

@maartenpsion9036 7 ай бұрын

@@CSSWeekly it's a joke :D the css running gag haha

@CSSWeekly 7 ай бұрын

You certainly got me! 😆

@ScriptRaccoon 7 ай бұрын

Very interesting, thanks for covering this! I was wondering since you mentioned the people who are implementing CSS: is it possible for you to cover something along these lines? So far the channel was just about using CSS, but at least I have a huge blind spot when it comes to how it actually works under the hood. Maybe this is also browser-specific, but already learning it for one browser would be very interesting. For example, how does the browser parse CSS? Which language is used? How is the cascade handled internally? How has the potential loop with :has been fixed? Basically everything we developers don't see on a daily basis, but depend on all the time.

@CSSWeekly 7 ай бұрын

Thank you, my friend! 🙏 These are fantastic suggestions! I did consider something along these lines, so hearing that you want to hear about this is certainly moving it up on the list of priorities. 🙂 And your question about :has() is absolutely brilliant. I want to know about that! 🙂

@ste9890 4 ай бұрын

Totally on board with the concept, but I think it could be a mistake to include things like Flexbox, Grid and other mainstream features in CSS4, as in my experience these were already covered back when CSS3 was being used as the catch-all term. I wrote a book on CSS3 (published 2013) and much of what was in the proposed 'CSS4' feature list you showed was covered in my book, and this is probably the same for other CSS3 material. I think CSS4 could hit the web dev scene in quite a big way, and feel it may be underwhelming and also a bit confusing when people realise it just includes such features that have been around for years.

@CSSWeekly 4 ай бұрын

This makes a lot of sense, Stephen! My sentiment is exactly the same. Unless we get something new and exciting, CSS4 might feel underwhelming. Even CSS5, in its current state, seems a bit underwhelming. (github.com/orgs/CSS-Next/projects/1/views/2) 🙂 However, we still need to close the technical gap between CSS3 and new releases; it has been too many years, so that's a challenge that we currently have. I hope something new and cutting-edge will be included in CSS4; I believe it would help, especially as this is mainly meant to get people excited about CSS. 🙂

@StanleyBateswar 7 ай бұрын

I'm looking forward to CSS4. While I think that Grid and Flexbox are great features in CSS3. Let's see what this new version will bring :)

@CSSWeekly 7 ай бұрын

It feels very strange to me that Grid and Flexbox are not in CSS3. Almost like it's wrong to include them in CSS4. 🙂

@anthonydsouza8202 7 ай бұрын

Thank you sir for the update. 👍

@CSSWeekly 7 ай бұрын

You're very welcome, Anthony! 🙂

@Killyspudful 7 ай бұрын

Yep, I'm gonna update my CV/Resume. This is a good idea all-round, glad to see it moving forward.

@CSSWeekly 7 ай бұрын

I'm glad you feel that way! 🙂

@MaxMov-sp8hr 7 ай бұрын

On the one hand, of course, there is a lift in mood with the arrival of c4 (c5). On the other hand, there will be even more confusion in the versions. Maybe, in order to somehow sweeten the pill, we can also give names to the versions? For example, css3 is Chris, css4 is Una, css5 is Zoran. )

@CSSWeekly 7 ай бұрын

This seems like an interesting idea, but I don't think people would be thrilled with the codename "CSS: Zoran" - this is just wrong. 😆 Perhaps something like this: CSS4: A New Layout Hope CSS5: Containers Strike Back CSS6: Return of the Floats Or perhaps I took it a bit too far. 🙂

@WebDeveloper-xs4uf 5 ай бұрын

Your channel needs more views as spu-tube puts out crap but your content is brilliant.

@CSSWeekly 5 ай бұрын

Thank you so much, my friend! This means a lot! 🙏

@RadoslavSharapanov 7 ай бұрын

This is great, because we would fall back to CSS4 and everything newer and enhanced would be behind @supports

@CSSWeekly 7 ай бұрын

Thanks for sharing this, Radoslav! 🙏 I'm not sure that browser support and project requirements should necessarily be tied to the version of CSS, but it could certainly give us a better idea of where @supports might be more important.

@DanielDogeanu 7 ай бұрын

I think CSS should follow semantic versioning whenever it gets new features, like flexbox, grid (CSS 3.3, CSS 3.4, etc). But selector nesting must absolutely be a new CSS version and should be considered a breaking change!

@CSSWeekly 7 ай бұрын

This is an interesting take, Daniel! It seems like this would result in too many releases, but it is worth exploring, at least to some extent. 🙂

@DanielDogeanu 7 ай бұрын

@@CSSWeekly I don't know why you or others fear too many releases... Literally every other package or software has many versions and release cycles. Are we not developers? It doesn't mean we need to update all the time, heck, we don't need to do anything in case of CSS, except maybe write about major or minor versions from time to time. I think it would be more useful to at least have major and minor versions, and list all the new feature added to those minor versions. It would definitely make it easier to learn and keep track of new features. I personally lost track of many new CSS features, and sometimes I'm shocked to know such a thing exists...

@CSSWeekly 7 ай бұрын

Yes, this makes a lot of sense, Daniel. We did have CSS 2.1 & 2.2. On the other hand, CSS4 is a group of existing features, and each of those features has its own spec. So, if the Flexbox Level 1 Module is in CSS4, we could assume that this includes the latest version of Flexbox Level 1, whichever "minor" version this is. And the "traditional" versioning model might not work at all, as CSS should never ship with breaking changes in existing, finished modules. This could potentially have a devastating effect on the web. And if all new features are non-breaking, do we ever change the major version? From that perspective, adding new features can be seen as a major change, as it can change how we write CSS. In any case, this is a very interesting question and discussion. 🙏

@love4ever026 7 ай бұрын

hope css4 is not confusing, it took me months to learn css positions clearly😐

@CSSWeekly 7 ай бұрын

It won't be; it will be a collection of existing CSS features. If anything, it will give you a better idea of what to learn next. 🙂 What was the most challenging part of learning CSS positions for you? 🙂

@love4ever026 7 ай бұрын

understanding relative, absolute, sticky. In my college books i read the defination "relative positions means related to parent element" and i couldnt understand it. I had to learn code like parrot and vomit in exam then forget. Those time i used to have nightmares when i think about css positions. Later few months i watched tutor how to make nav bar from scratch, then i realized i need to clear the concept of positions first. Then i started looking for videos about positions and i learned instantly. I must have learn from youtube from early time but i was scared if the marks get reduce if the college code doesnt match exactly. 😬 l@@CSSWeekly

@CSSWeekly 7 ай бұрын

Thank you so much for sharing this! Positioning in CSS can be pretty challenging to understand properly, so you're certainly not alone in this. I found that often when I can't make something work, I need to take a step back, look at the basics, and figure out the related concepts before I can solve the problem at hand. 🙂

@love4ever026 7 ай бұрын

@@CSSWeekly haha😘

@badcatdesign 7 ай бұрын

CSS*

@CSSWeekly 7 ай бұрын

⭐

@Absolute585 7 ай бұрын

I don't like this idea. If everything will stay the same people won't fall for this 'trick' a second time. For me, I couldn't care less about this.

@CSSWeekly 7 ай бұрын

Thanks for sharing this! 🙏 I guess one of the main benefits might be that it will make the CSS learning path a bit more defined and clear. 🤔 But if you're keeping up with everything happening in CSS, I certainly see how it could be underwhelming and uninteresting. 🙂