Grid 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 type
CSS IS AWESOME Game 2
With special guests Adam Argyle, Cassondra Roberts, and Dave Rupert
The second annual CSS is Awesome Game was a heated battle between a few of our favorite CSS professionals including Adam Argyle, Cassondra Roberts, Dave Rupert, and Miriam Suzanne. If you love CSS as much as we do, we hope you will play along and enjoy the challenge.
The Contestants
Copy permalink to “The Contestants”Adam Argyle
CSS nerd, creator of VisBug, open-props.style, gradient.style, transition.style & more.
Cassondra Roberts
Founder of Allons-Y Consulting and CSS Working Group invited expert specializing in design systems that scale without the chaos. She works remotely from Raleigh, NC as a front-end developer, is a mom of 2, and a neurospicy human who turned her special interests (CSS, web components, design systems) into a career – because hyperfocus is a feature, not a bug.
Dave Rupert
Web developer, blogger, and podcaster based in Austin, TX. He makes web components at Microsoft and talks about the web on Shop Talk Show.
Miriam Suzanne
One of the original OddBirds, building stuff on the web since IE5 mac – especially a fan of HTML and CSS. These days, she’s also making a lot of music and theater and pottery, and working on a course to teach ‘poetic’ CSS.
Games we play:
Copy permalink to “Games we play:”- 7-Point Polygon
- Password Reset
- Family Feud
- Jeoparty
Example questions:
Copy permalink to “Example questions:”- This is the display value adopted by the CSSWG to make a masonry-like layout
- This color starting with the letter
Fis one of the original 16 named colors - Name 3 of the 6 keyword values for
corner-shape
Recent Episodes
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.
Winging It post typeDos & Don’ts of Anchor Positioning
CSS anchor positioning isn’t baseline yet, and there’s good reason for that. You can use it, but it comes with some caveats. James, Stacy, and Miriam cover new resources to make anchor positioning easier, and work through some demos to help you understand how anchor positioning works. We also look…
