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
Quick & Easy UI Wins (for real)
Hidden gems of UI development
Join Stacy, James, and Miriam
as we explore some hidden gems
of UI development –
from @starting-style
for smoother entry transitions
to performance boosts with AVIF images
and using the browser’s built-in lazy-loading.
We cover a variety of quick wins
that you can use
to make your life easier
and improve the experience
for your website visitors.
Based on Stacy’s web.dev article
What We Cover:
Copy permalink to “What We Cover:”- AVIF
- What makes AVIF a good choice
- How to convert images
- Where you can use them
- Example image sizes after converting
- Lazy Loading
@starting-style- Backdrop-filter
- Relative colors
- Text-box
nth-childof .class CodePen
Links:
Copy permalink to “Links:”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…
