CSS Grid: Moving From CSS Frameworks To CSS Grid (2018 and beyond)

Channel:

Coding Tech

Subscribers:

725,000

Published on December 14, 2017 4:30:03 PM ● Video Link: https://www.youtube.com/watch?v=paMmgo4MhQ8

Game:

Counter-Strike: Source (2004)

Duration: 21:20

110,878 views

2,541

For the first time since its inception, CSS now has a real two-dimensional layout tool in the CSS Grid specification. We’ve had to resort to using floats, inline blocks and most recently, Flexbox. Because using these for layout is essentially a hack, we’re often tempted to resort to grid frameworks like those provided by Foundation and Bootstrap.

Using examples, my talk will look at how we can do what we’ve done with frameworks using CSS Grid instead, and also how we can do things we couldn’t do before without complex tricks or JavaScript. I’ll also share some thoughts on using CSS Grid in production today, accessibility concerns and tips on the best resources for learning more.

This talk will be useful for both beginners, intermediate and long-time front end devs who aren’t yet too familiar with CSS Grid. It should also be interesting to designers who want to know what is possible with today's CSS.

EVENT: WordCamp 2017

SPEAKER: Daniel Koskinen

PERMISSIONS: The original video was published on IIS YouTube channel with the Creative Commons Attribution license (reuse allowed).

ORIGINAL SOURCE: https://www.youtube.com/watch?v=-xVxnuTgK_U

Additional material for CSS learners:
https://amzn.to/2Tk6kBZ CSS: The Definitive Guide: Visual Presentation for the Web https://amzn.to/2FgQcMI A Smarter Way to Learn HTML & CSS: Learn it faster. Remember it longer
https://amzn.to/2Ffp1ll CSS in Depth
https://amzn.to/2FlKV6N CSS Secrets: Better Solutions to Everyday Web Design Problems

Other Statistics