With new CSS features landing in browsers, and Houdini on the horizon, web styling has become so much more powerful than ever. In this talk, we’ll show you how to leverage these new properties and worklets to build fast, beautiful, and accessible websites.
Presented by: Adam Argyle, Una Kravets
View the schedule →
#ChromeDevSummit All Sessions →
Subscribe to Google Chrome Developers →
Event photos →…
Next generating Web styling 💯
At 20:09 quicker to type CMD+K rather than `clear()`
today I had my first tech talk, and we covered little-bit about CSS Houdini. the response is crazyyyyy 🙂 I know those who hate CSS will fall in love. 🙂
lol, i got so excited when i saw aspect-ratio, then it showed 6 red bars for no support on any browser
Cool
Web future looks good.
What a content packed talk. I suggest watching at 0.75x speed to get everything.
Thanks.
I stopped by Js, goodbye now
Oh my god this is so cool.
i want that css shirt
When are Chrome developers going to start replacing JavaScript with TypeScript?
thanks god I'm a Scala developer
Oh I just learned Una works for Google now. It bums me out that all these brilliant people are snagged up by Google.
A lot of this looks powerful, but also very low level. I wonder how many devs would be willing to put in all the work for a notched button that won't work on a lot of browsers. Plus, are any features lost when custom painting buttons?
This is my new cringe material, bye bye tick tock
This kind of cringe helps me calm down after a hard day of work. Thank you google…
Wish u guys shared the demo links for these presentations, in the description.
Material design is bad
it's not accessible and it's not user friendly. please delete it.
:OOOOOOO
I need this!…
Wow, these improvements are insanely good. The presentation even better, great work guys!
Let's see whispers: a demo
They included TenHun! WOW!
Nice
Where can I find this CSS shirt? I'll wear it at my next PHP code review 😁
I think it was a major mistake to cater CSS/HTML to graphical design people instead of programmers. They keep adding more and more capabilities to CSS, which makes it seem like more cool graphical designs are possible. Instead it just creates a spec that becomes more and more bloated, and it will still not do exactly what everyone needs. Imagine instead if they had exposed the browser's layout engine through an API, and let us define the CSS syntax ourselves through Javascript. We could extend CSS with whatever stuff we need for each project.
Thank you for your spotless design tips. Thanks, Frank. finally found refs
Excellent
Nice !
Did anybody else notice the typo at 17:18
the IE keeps the red bar
frickin good features, cant wait to use it
sticky looks amazing!! also backdrop-filter thank God it's finally here, I remember I had to use SVG and a bunch of clipping and stuff to do just that.
Also properties without using anything else is great! No more "look back to copy the color numer from the top of the file" * -*
what is the second browser on 5:42?
Never seen this before
A moment of silence for all the people like me who are still developing for IE support
That IE incompatibality is a headache, but its "super cool" this people have adhds -_-
Houdini https://developers.google.com/web/updates/2016/05/houdini
Most of these features are not supported by all browsers :/
the future is bright.
{margin or padding}-{block or inline} ('margin-block: 1rem' for example) does not seem to currently work on chrome 78 or 80, and yet caniuse says both versions can use it. any idea why this is? help?
I think like your audience didn't understand the importance of features you are showing them like they are not devs if I was there I would yell for each feature!
thanks for your efforts and excitement for delivering this to us
9:01 Why 200px and not 300px?
24:27 Galactica-style corners, finally !
i love "vh", but not in mobile device
Super cool