Virtual-Coffee / VC-Community-Docs

Management and coordination for Virtual Coffee events
https://virtualcoffee.io/
Other
18 stars 3 forks source link

12 LT - Dan - Graceful Solutions to Tricky Layouts w/ CSS Grid #101

Closed bogdaaamn closed 3 years ago

bogdaaamn commented 3 years ago
bogdaaamn commented 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/

bogdaaamn commented 3 years ago

Graceful Solutions to Tricky Layouts w/ CSS Grid – Dan Ott – Lightning Talks 2021: https://youtu.be/fN67Gx4ubU4