Everyone gangster, until older safari versions need to be supported. 😎😵 Still... What a fantastic presentation!!! Really stoked about these new features
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.
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.
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....
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.
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.
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!
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?!
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.
CSS is getting tricky with so many variations and options to choose from. Powerful, but the learning curve is increasing. Not complaining, just mentioning.
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?
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.
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.
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!!
Ma man, CSS experts will be quite rare in the upcoming years. :D
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
3:15 people died waiting for this but celebrate its here now
Everyone gangster, until older safari versions need to be supported. 😎😵
Still... What a fantastic presentation!!! Really stoked about these new features
Thanks for the super thorough breakdown. I have been buzzing for fully supported container queries for the longest time - can’t wait!
Omg, this is phenomenal. I watched this at 0.75x speed whereas normally I am at 1.5x
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.
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.
@container is a game changer. So excited to try it!
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
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....
inert finally gives us a solid fix for the "scrolling the main page while a modal is open" problem!
yaya!
Most excited about the @container query and the :has selector
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
I love how CIE LAB looks spot on like a simplified map of Poland ✨
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
Cool, but how do we center a div?
yall just made styling a whole new job position.
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.
Adam man, I love your excitement about CSS and web in general. In this video, in the CSS podcast, in UI Challenges, …. Many thanks 🙏
Not even bored a sec. Pure bliss to watch.
Hey it's that one dude! The living CSS Encyclopedia.
This dude’s energy is second to none.
I find it obnoxious 😅
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!
Holey Moley! So many small yet powerful features coming up.
I'm bursting with excitement!
A wowie wow wow wow for this video.
One of Google's smartest acquisitions was Adam Arglye.
damm, can't believe we had to wait this long for subgrids. Good job Microsoft
Thanks i love the way Adam and Una presents 💚💛💙❤
color space feature made me happy.... 😊
Reis sende mi web development yapıyorsun?
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?!
It is indeed a great time to be CSS nerd 🤓
What a time to be a web developer
Love your vibes Adam!
Finally we waited for this for so long!!
Personally i waited for the has selector
What is the reason my chrome book is slower ? Why is my chrome book not suported past June ?
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.
CSS is getting tricky with so many variations and options to choose from. Powerful, but the learning curve is increasing. Not complaining, just mentioning.
that means, we can animate background gradients, right?
that one is unlocked with @property, shipped only in Chrome so far
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?
Yo Adam Argyle, brother of Felix Argyle 🤟
Is there an idea of how long until these are stable ??
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.
what browser currently supported by [fullbleed-start]?
is your right arm okay? :(
holding the clicker lol
Super excited for :has
I'm enjoying how the CSS is becoming more powerful by the day.
Gosh! Nice upd) we waiting for this sooo long)
:watermelon:
yeah, big blow though: @container queries can't see past slot borders, meaning its breaking with the logic of how css variables behave.
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.
I haven't used CSS in years, but as a designer this was pretty cool.
`accent-color` is really cool. You have no excuse not to use native controls now.
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!
Nice breakdown! Question - Why would you choose 'accent-color' over regular 'color' to highlight feature text?
contrast
Color contrast is so amazing, can't wait to use it!
Please, PLEASE make CSS Nesting a thing...
workin on it!!
Which software could let me make video like this
So many awesome ideas. Now this is innovation.
Waiting for :has and those new viewport height variants. 😀
I'm used to the sRGB gradients, so I think they actually kinda look better...
Awesome presentation 👏
Lots of new cool stuffs to make CSS easier. I hope these will lessen my hate for CSS.
So damn cool, thanks Adam and Chrome devs.
Also the other browser devs
It's November 23rd and I still don't have good subgrid or @container support 😢
Please add masonry grid template rows for other browsers too, not only firefox!
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.
Thank you!
Finally we're back in 2007 where we can again design our websites with tables, ukmm... I mean grids.
Thanks Adam. Great overview. It's indeed great to be working on the web.
Congratulations on the performance in this creativity, leveraging success with objectivity; Perfect design. Mutual success and happiness.
Great update! Thank you!
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!! 🤯
Wonderful presentation.
let it load~ let it load~🎵
Thank you.
Thanks, Jesse Pinkman! You really breaking it bad!
16:09 inert.css? Doesn't look like CSS to me 😅
Wow..very exciting stuff !!
Awesome work! Thanks to all devs involved to push boundaries for css! Css roks! :D
the accent color on native element is huge
Finally we get to see your face!
i never thought i'd actually get excited about CSS ahahahahaha
okLAB out here flexin on em
showing a online bookshelf with the book 1984 in the age of mass surveillance.
Excited about these improvements to CSS !
This was surprisingly entertaining!
thanks adam!! css is the way!
This guy's energy 📈📈📈📈📈
great update
@container is a game changer
Inert is taking away my freedom!
I am so hyped for the future!
rad demo bro
Woow. Super good job guys 👍
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
Adam unmasked, always known him for his cartoon character :D
i'm a real boy!