Timothy B. Smith
Adactio: Links—Flexbox Patterns adactio.com/links/10546
Flexbox Patterns
Here’s a well put-together collection of common patterns that are now much easier thanks to flexbox.
Responses
Related links
Complex conditional width using flex-basis with clamp: Every Layout
Okay, combining flex-basis and clamp() is pretty cool!
Understanding Layout Algorithms
Josh is great at explaining tricky concepts and here he’s really set himself a challenge: explaining layout modes in CSS.
How Flexbox Works
A really deep dive into flexbox. This is a great example of what I categorise as “thinking like a browser” (a skill I recommend for any front-end developer).
SmolCSS
Minimal snippets for modern CSS layouts and components.
Learn Box Alignment
A cute walkthrough for flexbox and grid.
Related posts
Making Things Better: Redefining the Technical Possibilities of CSS by Rachel Andrew
A presentation at An Event Apart Seattle 2019.
aria-live
An exception to my general rule that ARIA attributes should be added with JavaScript.
ARIA in CSS
Apply your ARIA attributes with JavaScript and then use them as hooks in your CSS.
Overlay gap
A problem shared is a problem halved. And the web has a big problem with awful overlays.
Pattern Libraries, Performance, and Progressive Web Apps
You should hire Clearleft for these front-end development skills.