Tools for Developers
With special guest Kilian Valkhof
Kilian Valkhof, Miriam Suzanne, and James Stuckey Weber talk about developer tools including the Polypane browser and other accessibility tools.
Learn CSS Grid First
With special guest Stephanie Eckles
We talk with Stephanie Eckles – the brain behind ModernCSS.dev and SmolCSS.dev – about CSS grids. We look at a few of the most common grid patterns, to show you how (and why) you can get started working grids into your CSS toolkit!
- Winging It Ep 10: Learn CSS Grid First (this episode)
- Winging It Ep 12: Learn CSS Grid - Part 2
What we cover:
Copy permalink to “What we cover:”- Is flexbox alone good enough?
- When do you use grid vs flexbox?
- CSS Grid Terminology
Different grid techniques:
- Implicit grid to add spacing and alignment
- Auto-repeating grids for gallery layouts
auto-fitvs.auto-fill- Grid areas for overlapping content
- Named lines
minmax()- Single-area grids vs. absolute positioning
Links:
Copy permalink to “Links:”Demos:
Copy permalink to “Demos:”Webmentions
Recent Episodes
Winging It post type
Winging It post typeWhat’s New in CSS
CSS Q&A Party
Miriam Suzanne and Stacy Kvernmo answer questions from listeners about CSS – what the next big evolution for CSS may be, how to make a site more accessible, whether float is still useful, and what’s on their CSS wish list.
Winging It post typeTake Command with Invokers
With special guest Luke Warlow
Learn how to declaratively add behavior to buttons with the Invoker Commands API. Join James Stuckey Weber and Miriam Suzanne for a live conversation with special guest Luke Warlow, Web Platform Engineer at Igalia.
