Hey there
Last Thursday I went to Basel for the very first WordPress Basel meetup, where Pascal showed us an impressive live-demo of his recent media experiments and we had a very nice evening meeting new and old friends.
Now, on to the reading list.
Frontend Development
🎥 CSS Scroll-triggered Animations with Style Queries
In this post, Ryan Mulligan experiments with scroll-triggered animations that are built with pure CSS and Style Queries. While its possibly still too early to use this in production without an IntersectionObserver fallback, it’s a great demonstration of what will be possible in a not so distant future.
Ryan Mulligan – CSS Scroll-triggered Animations with Style Queries
🪄 Building a highly configurable switch component using CSS
Andy Bell recently re-launched his web development blog piccalilli (which is great!) and in this article he shared a walk through of his process to build a solid, configurable switch component using modern CSS like custom properties and the :has selector.
piccalilli – A highly configurable switch component using modern CSS techniques
WordPress
🍱 Adding and using grid support in WordPress Themes
I knew that grid support will be available soon in the group block, and that you can try it already using the Gutenberg plugin, but did you know you can already use it in a block variation right now? I didn’t. Justin Tadlock shows how you do just that.
WP.org – Adding and using grid support in WordPress themes
🚀 WP Performance Team released two new Plugins
The core performance team is responsible for working on initiatives that will directly improve the performance of WordPress core. The first of their plugins, Performance Labs, already includes various experiments that you can activate and test before they eventually hit core when they are ready. Now, they released two new interesting performance features as separate plugins: Auto-sizes for Lazy-loaded Images and Speculation Rules.
Search Engine Journal – WordPress Releases Two Plugins For Speeding Up Webpages
👋 Have a great week, friends!