Inspecting Inspectors
Miriam and Stacy troubleshoot an issue with the dev tools available in each browser, exploring the differences and what each browser’s tools do best.
Winging It
post type
Learn CSS Grid - Part 2
In July we talked with Stephanie Eckles about how (and why) you can get started working grids into your CSS toolkit. As requested, this is part two of our dive into CSS grids. We address your questions about strategy – demoing how we plan and apply grid layouts, starting with a design and implementing in the browser.
- Winging It Ep 10: Learn CSS Grid First
- Winging It Ep 12: Learn CSS Grid - Part 2 (this episode)
What we cover:
Copy permalink to “What we cover:”- How we plan our grids when reviewing a design
- Working with the
grid-templateshorthand property - Making decisions about how content flows and stacks at different sizes
- Working with
gapand empty grid cells - Rapid prototyping with rough markup
Demos:
Copy permalink to “Demos:”Recent Episodes
Winging It post typeGrid Lanes – The Future of Masonry Layout
This long-debated solution for masonry layout is now available and it’s time to figure out how to use it. Join us for a deep dive into the workings of Grid Lanes.
Winging It post typeSurprising Effects of CSS Shorthands
CSS properties come in two excellent flavors – longhand properties have a direct impact on the element, while shorthand properties take a much more convoluted path. There’s a lot going on when we use a shorthand property, with hidden surprises, and reasons we might use one or the other.
