That HTML Blog #17: Superpowered Style Queries, Rejiggering Jamstack
Friday, March 8, 2014 In a World… …Where No Selectors Can Be Applied Based on a Single Variable Value… …One Specification Emerges…One Which Will Change Everything… …And That Specification Is… Container Style Queries. 💥 All right, well maybe this doesn't rise to the excitement level of an 80s action movie, but I think it's pretty amazing. Read below to learn how you can add superpowers to your CSS variables. I also talk about a fresh look at the question of if "Jamstack" can be rehabilitated as a term and some of my recent appearances on CloudCannon's channels concerning this very topic. Plus a conversation about rallying around requestSubmit() instead of the button click hack. There's a lot of activity still around popovers and invokers which I'm excited about, but that'll have to wait for another day. I hope you enjoy this week's That HTML Blog Digest. Share it with your friends! –Jared Add Superpowers to Your CSS Variables with Style Queries ➦We’re on the verge of yet another CSS revolution with the arrival of style queries. If you’ve ever thought: Yeah, variables are cool and all, but it’s a bummer I can only use them to set one property at a time or Wow, I wish I could style this whole layout differently based on a CSS variable I set with a media query …then your dreams are about to come true! Style container queries were first added to Chromium browsers last year, and now they’re landing in Safari with the arrival of Safari Technology Preview 190. Rejiggering the Jamstack for Sustainability ➦Back in mid-2023, I wrote My Journey Away from the JAMstack over at The Spicy Web. I was feeling, well, spicy about how the marketing term “Jamstack” (née JAMstack) had been handled by its originator, Netlify. Well, I’m happy to report it looks like rumors of the death of Jamstack were greatly exaggerated! It’s Probably Time to Embrace requestSubmit() ➦For a long long time, JavaScript developers would need to query for a submit button inside of a form—or create one if need be!—and then call To solve this, a new method was added to the Form API: That HTML Blog See also our sibling publication The Spicy Web + Discord |