Avoiding layout shift by putting the CSS in charge - HTTP 203

Avoiding layout shift by putting the CSS in charge - HTTP 203

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=7EKEav7Io5Y


Duration: 16:53
34,649 views
1,291

Jake and Surma chat about layouts that put the content in charge, vs layouts that put the CSS in charge, and why that difference matters.

Jake's ancient article → https://goo.gle/3kLxWBd

More videos in the HTTP 203 series → http://goo.gle/HTTP203
Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs

Also, if you enjoyed this, you might like the HTTP203 podcast → https://goo.gle/HTTP203Podcast

#HTTP203 #ChromeDeveloper #WebDev



Other Videos By Chrome for Developers


2021-11-09Yes, we use a Joy-Con to change slides. Here's how… | HTTP 203
2021-11-03Chrome Dev Summit 2021 livestream
2021-11-03Chrome Dev Summit 2021 recap
2021-11-03Chrome Dev Summit 2021 | Keynote: What's new in Chrome
2021-10-29Customize media notifications and playback controls outside the browser
2021-10-21Identify potential CSS improvements with the CSS Overview panel #DevToolsTips
2021-10-19New in Chrome 95: URLPattern, the Eye Dropper API, new origin trials, and more!
2021-10-19Are SPAs better than MPAs? | HTTP 203
2021-10-14Chrome 95 - What’s New in DevTools
2021-10-13Thinking on ways to solve ​​MULTI-SELECT
2021-09-28Avoiding layout shift by putting the CSS in charge - HTTP 203
2021-09-21New in Chrome 94: Color management for canvas, WebCodecs, WebGPU, and more!
2021-09-16Chrome 94 - What’s New in DevTools
2021-09-14Color Spaces: Do YOU know the difference between sRGB, LAB and CIE XYZ? - HTTP 203
2021-09-08Thinking on ways to solve ​​SPLIT BUTTONS
2021-09-08FLEDGE | What is the Privacy Sandbox?
2021-08-31New in Chrome 93: CSS Module Scripts, URL Handlers for PWAs, the PWA Summit, and more!
2021-08-31Random paint effects - HTTP 203
2021-08-26Chrome 93 - What’s New in DevTools
2021-08-25Attribution reporting | What is the Privacy Sandbox?
2021-08-17Deno - HTTP 203


Tags:
purpose: Educate
pr_pr: Chrome
series: HTTP203
type: Interview
content driven layout
what is content driven layout
how to use content driven layout
content driven layout tutorial
http tutorial
what is http
http 203
http
http developer
developer
developers
chrome developer
chrome developers
google chrome
google chrome developers
google
chrome
Jake Archibald
Surma
GDS: Yes