Bramus Van Damme shares his CSS-only peek-a-boo header method (hide when scrolling down, show again when scrolling up). Not a fan of this UI pattern, myself, but I am a huge fan of being able to do it sans JS when it is required.
I love watching Ahmad Shadeed iterate through these steps as he tackles various CSS layout options for a single component! Each step takes in another consideration, solving the next situation. Inspiring to see how powerful CSS (and someone that knows how to wield it) is now-days!
CSS tabs… A topic sure to make an audience bristle… Can they be CSS-only? Can they be accessible? Silvestar Bistrović says “Yes!” and “Yes!!” as he uses details/summary and CSS Grid/Subgrid to make CSS-only tabs. Lovely step-by-step walk-through!
Joan León presents a collection of Web Performance snippets, usable in your browser console or as Chrome DevTools snippets.
Matt Zeunert of DebugBear takes a deep-dive into whether or not Critical CSS really makes your site faster. BLUF: Yes, but is it really the best optimization you can make?
With View Transitions suddenly Baseline Newly Available, seems like a perfect time to let Cyd Stumpel walk us through how to start implementing view transitions on your websites today. At the very least, just adding the following declaration to your main CSS (ideally only for those who have not requested reduced motion) gives your site a very subtle touch-of-class…
@view-transition {
navigation: auto;
}
Be sure to stick around until the collection of defaults and best practices!
Joffrey Spitzer shares a cool Layered Zoom Scroll Effect built using GSAP. Love the zoom-via-scroll effect. Thinking of other ways to use this, traveling through space seems like an obvious extension, maybe starting with the sun in the center, maybe notes about it, and as you zoom you go past all the planets, each with its own note? Anyone feel like experimenting? :-)
I know this made the rounds last week, but I had to add it here, as the great Jeffrey Zeldman posts this collection of obituaries for our good friend, The Web. Maybe someday, but that day is still not today…
I don’t often comment on design, mostly because I don’t think I really have the right words for describing what I appreciate… But Thomas Moes‘ 52 Weeks of Obsessions is a thought-provoking, visual masterpiece… First of all, where does he find the time to churn out such gloriously detailed work every week, and second, how pleasing to the eye each page is, with varying font selections and layout choices, then topping it all off with tantalizing animations and “freeze frames” of content as you scroll down the page… Just gorgeous work. I love the web…
And finally, got this one from Stefan Judis‘ Web Weekly newsletter, for those with a LOT of time on their hands, can you prove you are not a robot? And if you get bored there, Neal Agarwal, aka neal.fun, has lots more entertainment for you!
Caution: Strong possibility you will lose track of all time and space… Maybe set an alarm before getting started…
Happy reading,
Atg