Thanks Adam! Finally perceptually consistent color spaces like CIE L*a*b. Thanks to everyone in the team and keep up the good works. But: it also means browsers should not assume sRGB but must be aware of and use "local" custom monitor profiles...Or at least Adobe RGB.
Everyone gangster, until older safari versions need to be supported. 😎😵 Still... What a fantastic presentation!!! Really stoked about these new features
Maybe there should also be a focus on phasing out stuff that's inconsistent and/or old, to remove bloat and hopefully end up with a CSS language that doesn't require "moz-" and all sorts of stuff. Consistency between things like "font-size" and "text-color" would also be nice.
Amazing stuff! That css relative one is great, no need for css in js bullshits, just convert dumb hex value to hsl for example and up brightness easily.
Wow, on the one hand I'm excited about so many new possibilities - on the other hand I'm afraid that at some point I won't be able to get it all into my head....
I've been doing this color stuff for some time now with Sass, but I've always missed this functionality in real time in browser. CSS is getting better and better every year, this is so exciting!
All that stuff with color is cool (except gradients, because sRGB still look the best) but minor, I would say. But :has() seems revolutionary! I would say it's more important change than adding grid layout few years ago.
It makes me dizzy that he does not use / hides his right hand under the table. i know its for the next and prev slide button, but can't you add just a red big button in the table and both of his hands on top of it.
CSS is getting tricky with so many variations and options to choose from. Powerful, but the learning curve is increasing. Not complaining, just mentioning.
Tbh, there is to much emphasis on colors... We still can't reliably layout our pages to be adaptive and responsive on all devices, but now we will fight with designers and all their "creative" ideas. It would be amazing to have more layout tools like @container in development and not most of those colors things... 16:06 So, instead of adding a modal attribute that would work only at the component level and would do the same thing we now have to manually insert inert attribute into some parent container when we want to show a modal dialog? Why?!
can anyone explain to me why we shouldnt just open up the rendering engine (as safely as possible), to just let people make their own features? people are always going to want new CSS rules. why are browsers and web standards spending any time on new rules at all? why not spend all of their time getting Houdini up and running?
I'm wondering when we might get CSS4. I'm learning Full Stack Web Development and CSS3 is interesting. It can be a little hard to understand (Grid, Flex-box, Block, Inline) but it's an important styles language nonetheless.
If there's ever going to be a CSS 4 it's going to be merely a marketing name, not more. CSS 3 is a living standard, there is no need to ever increase the version number.
No, there's no CSS Level 4. You can read the W3C spec on CSS Snapshot. What we're having are modules, ie features, which will have their own levels developed forward with time. There're already level 4 and 5 modules. For example, the new extended color space is in CSS Color Module Level 4. In CSS Color Module Level 5, they're speccing out mainly the features to modify colors relatively like how we have been doing with Sass but it will be native in the future if committees and every browser get to an agreement.
Really excited about the Colrv1 Fonts and the color-contrast(). One question that came to mind: Why are many of the features currently available only for the experimental Safari?
IMO, Safari and iOS have extremely high quality screens that are capable of spectacular color, it's in their best interested to give the web full power to showcase these colors for users, so users continue to believe things look best on their devices.
So happy Jessie Pinkman got into web dev 😝 Thanks Adam, this video was splendid! Super stoked to test all this new stuff
lolol, you're not the first to say I look like that guy. I agree in this video especially I look like him.
Cookin up UI hehe
Haha. First thing that came up in my mind. The question is where is Walter White in that UI kitchen?
Adam makes me a million times more excited about CSS! Such a gem!
awww thanks!!
This :has selector its surely a game changer. This will greatly impact how css is used, and avoid many backend / js processing
The man, the myth, the legend behind the challenges 😋
can you share his work? i am just a noob trying to learn
Ma man, CSS experts will be quite rare in the upcoming years. :D
Thanks Adam! Finally perceptually consistent color spaces like CIE L*a*b. Thanks to everyone in the team and keep up the good works. But: it also means browsers should not assume sRGB but must be aware of and use "local" custom monitor profiles...Or at least Adobe RGB.
Omg, this is phenomenal. I watched this at 0.75x speed whereas normally I am at 1.5x
Thanks for the super thorough breakdown. I have been buzzing for fully supported container queries for the longest time - can’t wait!
Everyone gangster, until older safari versions need to be supported. 😎😵
Still... What a fantastic presentation!!! Really stoked about these new features
Maybe there should also be a focus on phasing out stuff that's inconsistent and/or old, to remove bloat and hopefully end up with a CSS language that doesn't require "moz-" and all sorts of stuff.
Consistency between things like "font-size" and "text-color" would also be nice.
inert finally gives us a solid fix for the "scrolling the main page while a modal is open" problem!
yaya!
Amazing stuff!
That css relative one is great, no need for css in js bullshits, just convert dumb hex value to hsl for example and up brightness easily.
i'm soooo excited for the relative color syntax. so powerful and will save so much boilerplate
the last one is very powerful and it's really helpful, you don't have to search in children for someone who class is something, greattt
Wow, on the one hand I'm excited about so many new possibilities - on the other hand I'm afraid that at some point I won't be able to get it all into my head....
3:15 people died waiting for this but celebrate its here now
It's interesting that a lot of things that had to be managed by js, like the container functionality, are possible via pure css now
@container is a game changer. So excited to try it!
I've been doing this color stuff for some time now with Sass, but I've always missed this functionality in real time in browser. CSS is getting better and better every year, this is so exciting!
Adam man, I love your excitement about CSS and web in general. In this video, in the CSS podcast, in UI Challenges, …. Many thanks 🙏
This dude’s energy is second to none.
I find it obnoxious 😅
Most excited about the @container query and the :has selector
yall just made styling a whole new job position.
Hey it's that one dude! The living CSS Encyclopedia.
I love how CIE LAB looks spot on like a simplified map of Poland ✨
1:39 - "Just let it load, let it load, whenever it wants to assign to one of your predefined layer nodes" - classy, I like it XD
A wowie wow wow wow for this video.
One of Google's smartest acquisitions was Adam Arglye.
Not even bored a sec. Pure bliss to watch.
Thanks i love the way Adam and Una presents 💚💛💙❤
All that stuff with color is cool (except gradients, because sRGB still look the best) but minor, I would say. But :has() seems revolutionary! I would say it's more important change than adding grid layout few years ago.
Holey Moley! So many small yet powerful features coming up.
Cool, but how do we center a div?
It makes me dizzy that he does not use / hides his right hand under the table. i know its for the next and prev slide button, but can't you add just a red big button in the table and both of his hands on top of it.
CSS is getting tricky with so many variations and options to choose from. Powerful, but the learning curve is increasing. Not complaining, just mentioning.
the color space stuff is so hard to grasp, I had to skip that part after a while of my mind getting blown. but it sounds really cool!
It is indeed a great time to be CSS nerd 🤓
damm, can't believe we had to wait this long for subgrids. Good job Microsoft
What a time to be a web developer
I haven't used CSS in years, but as a designer this was pretty cool.
Waiting for :has and those new viewport height variants. 😀
Tbh, there is to much emphasis on colors... We still can't reliably layout our pages to be adaptive and responsive on all devices, but now we will fight with designers and all their "creative" ideas.
It would be amazing to have more layout tools like @container in development and not most of those colors things...
16:06 So, instead of adding a modal attribute that would work only at the component level and would do the same thing we now have to manually insert inert attribute into some parent container when we want to show a modal dialog? Why?!
I'm bursting with excitement!
color space feature made me happy.... 😊
Reis sende mi web development yapıyorsun?
Finally we waited for this for so long!!
Personally i waited for the has selector
I'm enjoying how the CSS is becoming more powerful by the day.
Gosh! Nice upd) we waiting for this sooo long)
:watermelon:
Love your vibes Adam!
Super excited for :has
yeah, big blow though: @container queries can't see past slot borders, meaning its breaking with the logic of how css variables behave.
Lots of new cool stuffs to make CSS easier. I hope these will lessen my hate for CSS.
Please add masonry grid template rows for other browsers too, not only firefox!
Thanks Adam. Great overview. It's indeed great to be working on the web.
`accent-color` is really cool. You have no excuse not to use native controls now.
Color contrast is so amazing, can't wait to use it!
What is the reason my chrome book is slower ? Why is my chrome book not suported past June ?
So many awesome ideas. Now this is innovation.
I'm used to the sRGB gradients, so I think they actually kinda look better...
Congratulations on the performance in this creativity, leveraging success with objectivity; Perfect design. Mutual success and happiness.
can anyone explain to me why we shouldnt just open up the rendering engine (as safely as possible), to just let people make their own features?
people are always going to want new CSS rules. why are browsers and web standards spending any time on new rules at all? why not spend all of their time getting Houdini up and running?
the accent color on native element is huge
Finally we're back in 2007 where we can again design our websites with tables, ukmm... I mean grids.
So damn cool, thanks Adam and Chrome devs.
Also the other browser devs
Yo Adam Argyle, brother of Felix Argyle 🤟
I'm wondering when we might get CSS4. I'm learning Full Stack Web Development and CSS3 is interesting. It can be a little hard to understand (Grid, Flex-box, Block, Inline) but it's an important styles language nonetheless.
If there's ever going to be a CSS 4 it's going to be merely a marketing name, not more. CSS 3 is a living standard, there is no need to ever increase the version number.
No, there's no CSS Level 4. You can read the W3C spec on CSS Snapshot. What we're having are modules, ie features, which will have their own levels developed forward with time. There're already level 4 and 5 modules. For example, the new extended color space is in CSS Color Module Level 4. In CSS Color Module Level 5, they're speccing out mainly the features to modify colors relatively like how we have been doing with Sass but it will be native in the future if committees and every browser get to an agreement.
It's November 23rd and I still don't have good subgrid or @container support 😢
what browser currently supported by [fullbleed-start]?
color-contrast() and how it is able to select from a list of predefined colors or default to black or white in order to pass!! 🤯
Really excited about the Colrv1 Fonts and the color-contrast(). One question that came to mind: Why are many of the features currently available only for the experimental Safari?
IMO, Safari and iOS have extremely high quality screens that are capable of spectacular color, it's in their best interested to give the web full power to showcase these colors for users, so users continue to believe things look best on their devices.
Awesome work! Thanks to all devs involved to push boundaries for css! Css roks! :D
Is there an idea of how long until these are stable ??
Awesome presentation 👏
that means, we can animate background gradients, right?
that one is unlocked with @property, shipped only in Chrome so far
Wow..very exciting stuff !!
Thank you!
Wonderful presentation.
Which software could let me make video like this
Please, PLEASE make CSS Nesting a thing...
workin on it!!
Excited about these improvements to CSS !
I am so hyped for the future!
Great update! Thank you!
Nice breakdown! Question - Why would you choose 'accent-color' over regular 'color' to highlight feature text?
contrast
okLAB out here flexin on em
Thank you.
This guy's energy 📈📈📈📈📈
showing a online bookshelf with the book 1984 in the age of mass surveillance.
For some reason I was expecting you to have much bigger eyes :) Great video, thanks.
lol, they do look tiny in this video. let's blame the lighting
let it load~ let it load~🎵
This was surprisingly entertaining!
thanks adam!! css is the way!
We want container queries!!!!
Ok. So when are we going to be able to get font sizes to fit a given space that resize with the viewport?
the new container units could help with that! they're like viewport units but for @containers 🤓
@@AdamArgyleInk could?
@@heathbruce9928 they will help you achieve a kind of the style you're after, but not exactly. so they could help with some scenarios but not all.
I can't believe that CSS nesting is still not possible.
great update
is your right arm okay? :(
holding the clicker lol
about new units amazing
Woow. Super good job guys 👍
16:09 inert.css? Doesn't look like CSS to me 😅
Finally we get to see your face!
Now we need an AI to tell us which method to use for the better to achieve a specific goal with all things considered.
Aspect ratio in NOT consistently working on iOS
Adam unmasked, always known him for his cartoon character :D
i'm a real boy!