2016
Pluralsight
Brian Treese
1:14
English
This course introduces web developers to modern web layout techniques with Flexbox and CSS Grid Layout - the two most modern CSS layout specifications. Get up to speed and learn how to use each of the two in-depth and explore some of their differences, browser support, gotchas, and helpful resources to help you get the most out of them.
Introduction
3m 53s
Introduction 0m 39s
A Little History 3m 13s
Flexbox
28m 13s
Introduction 1m 21s
Flexbox the Basics 1m 26s
The Flex Container 1m 36s
Flex Flow Direction 2m 0s
Flex Line Wrapping 2m 46s
Display Order 3m 6s
Flexibility 4m 0s
Alignment 5m 54s
Flexbox in the Real World 4m 35s
Summary 1m 25s
CSS Grid Layout
31m 49s
Introduction 1m 59s
Grid Layout the Basics 2m 1s
Enabling Grid in Various Browsers 1m 35s
Setting up a Grid 5m 25s
Auto Grid Features 3m 11s
Grid Shorthand 3m 37s
Naming Grid Lines & Grid Areas 4m 44s
Auto, fr, & Overlapping/Layering Items 3m 0s
Grid Layout & Box Alignment 2m 3s
Grid in the Real World 2m 44s
Summary 1m 26s
Gotchas, Browser Support, & Resources
10m 47s
Introduction 0m 52s
Gotchas 3m 18s
Browser Support 2m 42s
Resources 2m 40s
Summary 1m 13s
pluralsight.com/courses/modern-web-layout-flexbox-css-grid
Download File Size:177.04 MB