Unless you have no affinity with CSS at all, you should have noticed that new CSS features are skyrocketing like never before. How can we use these new playthings today? I wrote a miniseries about this on the iO tech_hub.
Read the article at iO tech_hubRelated posts
Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSS
Oh, how I wanted to write this title for some time! I have Googled these questions before when working with sticky positioning and scroll snapping. It looks like we are finally getting an answer to these questions in the form of CSS state queries and I have been eagerly waiting to play around with this since CSS Day 2023. In this article, I want to show a few first impressions and demos I created with state queries in CSS and Scroll Snap events in JavaScript.
Read moreabout Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSSA spec update on CSS anchor positioning
The CSS Working Group (CSSWG) has recently introduced changes to the anchor positioning spec in CSS. I've focused on anchoring in previous articles and to maintain accuracy, I will be updating an older article (just this once). This article will highlight the specific name changes and their corresponding Chrome release dates.
Read moreabout A spec update on CSS anchor positioning