The best dependency is no dependency I no longer use X. Follow me on bluesky, https://xitter.cf/t.co/q0K8TzNK2E
Malaga, Spain
Joined May 2008
- Tweets977
- Following230
- Followers220
- Likes340
I don't normaly share this sort of thing but this one hits close to home. Billy is my nephew.
7 years ago mine and my families life got flipped upside down and changed forever On the morning of 14th July 2019 my sons 5th birthday of all days I suffe...
fundraise.cancerresearchuk.o…
Linked lists using anchor-positioning.
Adapted from my JS version, which used SVG paths, to use position-anchor linking pseudo elements between the checked checkbox items and the selected radio button.
See the full demo on @CodePen
codepen.io/cbolson/pen/emzeg…
A bouncing ball using CSS anchor-positioning and a simple rotate and resize animation on the anchor.
See the demo on #codepen codepen.io/cbolson/pen/vEKWo…
Another animation-timeline descrambling pen.
See the demo on #codepen (link in first comment)
Chris Bolson retweeted
"Flip Text on Hover (Syntax challenge)" by Chris Bolson
codepen.io/cbolson/pen/NPNjv…
An experiment using CSS position-anchor to create a hover before&after image slider.
Link to the #codepen in the first comment.
A roundup of my pens created in 2025 which have received the most love throughout the year.
#codepen, #2025rewind
Chris Bolson retweeted
CSS Weekly #629
🏔️ Range Syntax for Style Queries
🎯 New layouts with CSS Subgrid
🧠 Intro to CSS if Statements
Featuring @Una, @JoshWComeau, @MPorterBridges, @the_jonin_, @stefanjudis, @tylersticka, @amit_sheen, @enzoinnocenzi, @cbolson. 🙏
cssw.io/issue-629
Basic CSS only math using the new function() & if() functions (and a dash of custom select thrown in): codepen.io/cbolson/pen/wBGey… via @CodePen
#codepenchallenge
Whilst it may not like it, this is a normal HTML select list. It takes advantage of the CSS appearance: base-select property value (not yet widely available) to create customizable select elements. No JS required.
Using the new css corner-shape property to create a fun gallery for this weeks #codepenchallenge
A simple radio button allows you to toggle between the corner-shape keyword values.
codepen.io/cbolson/full/WbrW…
Testing out the experimental CSS ::scroll-* pseudo elements to create interactive carousels with no JavaScript.
This demo pushes the idea by not even appearing to scroll. Use the toggle to see the invisible scrolling elements.
See the demo on #codepen
codepen.io/cbolson/full/PwZG…