Closed bogdaaamn closed 3 years ago
Title: Graceful Solutions to Tricky Layouts w/ CSS Grid – Dan Ott – Lightning Talks 2021
Layout on web pages has always been a bit of a hack. The first web pages were simply documents, and so HTML (and later, CSS) had tools simply for enhancing the look and feel of a document, as opposed to placing elements in certain areas on a page. At some point designers started trying to make web pages that looked more like magazine articles or computer applications, but had to work with document-related tools to do so. Table layouts, CSS positioning, floats, even flexbox - none of these technologies were initially meant for page layout. CSS Grid is that tool. CSS Grid is powerful and complex, and introduces syntax and concepts to CSS that have not been seen before. This can make getting started with it seem overwhelming even for an experienced developer! In this Lightning Talk, I'm going to concentrate on a small chunk of the CSS Grid spec, and show some examples of how CSS Grid can solve some common-but-annoying layouts with just a few lines of CSS, and if we have time, maybe look at some cool tricks along the way.
Dan Ott has been an independent front-end designer and developer for over 15 years. He is a maintainer at Virtual Coffee, co-founder/organizer of Cleveland React, and father to two ridiculous little boys. https://dtott.com https://twitter.com/danieltott
Music by Marc Griffin. https://soundcloud.com/marcgriffin/ https://marc-and-britt.bandcamp.com/ https://anywaysoon.bandcamp.com/
Talk recorded on 26 February 2021 as part of Virtual Coffee Lightning Talks online event. https://virtualcoffee.io/ https://twitter.com/VirtualCoffeeIO https://instagram.com/virtualcoffee.io/
Graceful Solutions to Tricky Layouts w/ CSS Grid – Dan Ott – Lightning Talks 2021: https://youtu.be/fN67Gx4ubU4