Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

DevTools, the CSS Advocate in Your Browse

JSConf via YouTube

Overview

Explore DevTools features that demystify CSS and empower web developers to experiment with new techniques in this 43-minute JSConf talk. Dive into content-based sizing, flexbox, free-space distribution, and flex-based sizing. Learn to leverage the Grid Inspector for flexible sizing and CSS Grid implementations. Understand the nuances of MinMax, Auto, and their interactions in various scenarios. Examine real-world examples that demonstrate how these concepts apply to practical web development challenges. Gain insights into making CSS less intimidating and more accessible for both novice and experienced developers.

Syllabus

Intro
Contentbased sizing
Flexbox
Freespace distribution
Flexbased sizing
Grid Inspector
Flexible Sizing
CSS Grid
CSS Fr
MinMax
MinMax vs Auto
MinMax shrinks
MinMax shrinks together
MaxMax shrinks together
MaxMax continues to grow
MaxMax stops growing
Blue stops growing
Real world examples

Taught by

JSConf

Reviews

Start your review of DevTools, the CSS Advocate in Your Browse

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.