My first article for CSS-tricks on how to create a watch face with a conic gradient Using custom-properties and a little bit of Javascript.
Read the article at CSS-TricksRelated 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