Chris Coyier shows off some old-school tabs, but no CSS sprites here, folks, just straight-up modern CSS, namely shape().
Sticking with Chris, as he offers up a cool scroll-driven animation that takes advantage of sibling-index(). The end result is a sweet staggered rolling/falling animation as you scroll down the page.
Bálint Ferenczy offers up another cool CSS animation, this time a sizzling border animation. I can almost hear the crackle! Quite elaborate CSS, but no JS in sight!
Daniel Cranney offers up another cool CSS animation, this time highlighting text as you hover across it. And this time, there is a smidge of JS…
This one is from last month, but well worth sharing: Adam Argyle created One List To Rule Them All, a list of links for all things CSS. Wow, that’s quite a syllabus…
Switching from CSS to AI, Scott Tolinski apparently wasn’t happy with the CSS he was getting from AI, so he created his own CSS MCP, that consults MDN Docs, allows summary or full analysis, of groups of files or single files, checking over 150 metrics. Pretty heady stuff!
Sticking with AI, Matt Zeunert of DebugBear shares a deep-dive in debugging with the Chrome DevTools MCP Server!
And just for fun, while we’re chatting it up about AI, Dave Karpf delivers some light bedtime reading in which he compares (and contrasts?) the current AI bubble to former tech bubbles… Yay, such fun!
Big web performance news out of WebKit yesterday, as they announce LCP will be included in STP 230!!!
A couple more biggies from the world of web performance:
- The Interweb has been all–abuzz about Firefox now including INP timing! Everywhere, except, ironically, the Firefox Performance team itself… :shrug:
- This one is especially for e-commerce sites, as Yotta just introduced their Web Performance Index. A dynamic dashboard that lets you choose a category, platform and device, then spits out KPIs, data and charts, including effects of third-party, allowing you to see how your site stacks up against the competition!
- Weston Ruter points out that WordPress will soon be allowing us to deprioritze less-important scripts to allow other assets to load sooner. (Weston also links to his plugin which can provide this behavior now, if you don’t want to wait!)
- After some bad benchmark test comparisons surfaced, Cloudflare announces updates to their Workers that should greatly improve their performance!
- The folks at Catchpoint announce some big changes coming to our old friend WebPageTest. Let’s hope these new changes bring some solutions to the paper cuts we’ve all been suffering since the acquisition…
And some big news from famed Piccalilli, as they offer a new JavaScript for Everyone course! Yes, it costs money, but it is sure to be a great one! Paraphrasing the description:
This course isn’t a catalogue of every method and property JavaScript has to offer… we will cover … practical patterns that you can put to use in your work right away… We’re going to focus on the syntaxes you’re most likely to encounter in your day-to-day work, the ones that make up more advanced features of the language, and most importantly, the ones that will help you gain a better understanding of JavaScript, the language…
And finally, one of the more inspired portfolio sites I have seen in a long time comes from Mitch Ivin. Warning: May cause seizures for anyone that lived through Windows XP, but, beyond the obvious imagery, be sure to investigate every nook and cranny, as Mitch took some real care with each part of every window to make this a truly entertaining experience! (Was kinda bummed that the music player wasn’t WinAmp, but I guess I can let it slide… ;-P )
Happy reading,
Atg