10 modern layouts in 1 line of CSS

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


Duration: 21:39
1,101,910 views
62,366

In this dynamic talk, Una goes over the power of modern CSS layout techniques by highlighting a few key terms and how much detail can be described in a single line of code. Learn a few layout tricks you can implement in your codebase today, and be able to write entire swaths of layout with just a few lines of code.

Resource:
Check out the demo website: 1-Line Layouts → https://goo.gle/2ViY1KE

Related Playlist:
Day 3 → https://goo.gle/WDL20Day3

Subscribe to the Chrome Developers → https://goo.gle/ChromeDevs

Speaker:
Una Kravets

#webdevLIVE #CSS #weblayout event: web.dev LIVE 2020; re_ty: Publish; fullname: Una Kravets; product: Chrome - General;



Other Videos By Chrome for Developers


2020-07-17What’s new in Web Payments
2020-07-17Sign-in form best practice
2020-07-17Just the data you need
2020-07-17Prevent Info leaks and enable powerful features: COOP and COEP
2020-07-17Find and fix problems with the Chrome DevTools Issues tab
2020-07-16Cookie recipes - SameSite and beyond
2020-07-16How to stay fast and fresh with Angular
2020-07-16Security and privacy for the open web
2020-07-16Writing build plugins
2020-07-16Image compression deep-dive
2020-07-1510 modern layouts in 1 line of CSS
2020-07-15Building better in the world of build tools!
2020-07-15Welcome to Day Three
2020-07-15Storage for the web
2020-07-15Zoom on Web: getting connected with advanced web technology
2020-07-15Chrome Developers Channel Trailer
2020-07-14Quieter notifications permissions
2020-07-14Progressively enhancing like it’s 2003
2020-07-14New in Chrome 84: App Shortcuts, Web Animations, Wake Lock, and lots more!
2020-07-14Advanced PWA patterns
2020-07-14Giving your PWA superpowers


Tags:
type: Conference Talk (Full production);
purpose: Educate