Building upon my previous post a reader got in touch curious about how to potentially add some validation. Uses petite @vuejs.org and @astro.build for the form and @valibot.dev for a lightweight validation solution adamcollier.co.uk/posts/adding...
Adding validation to your Petite Vue form in Astro with Valibot
Adding validation to your Petite Vue form in Astro with Valibot
adamcollier.co.uk
April 23, 2025 at 5:48 PM
Building upon my previous post a reader got in touch curious about how to potentially add some validation. Uses petite @vuejs.org and @astro.build for the form and @valibot.dev for a lightweight validation solution adamcollier.co.uk/posts/adding...
Added a new photos page to my personal site and liked the idea of having a stack of photos that expanded into a carousel (utilising scroll snap), built with @motion.dev and @astro.build
adamcollier.co.uk/photos
adamcollier.co.uk/photos
April 22, 2025 at 1:10 PM
Added a new photos page to my personal site and liked the idea of having a stack of photos that expanded into a carousel (utilising scroll snap), built with @motion.dev and @astro.build
adamcollier.co.uk/photos
adamcollier.co.uk/photos
Reposted by Adam Collier
A friendly reminder: if my CSS articles were ever helpful to you, maybe you should consider grabbing my debugging CSS book (Available for $19.99).
A repost will help, too. Thank you 💙
debuggingcss.com
A repost will help, too. Thank you 💙
debuggingcss.com
Master the Skill of Debugging CSS
An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.
debuggingcss.com
April 16, 2025 at 2:14 PM
A friendly reminder: if my CSS articles were ever helpful to you, maybe you should consider grabbing my debugging CSS book (Available for $19.99).
A repost will help, too. Thank you 💙
debuggingcss.com
A repost will help, too. Thank you 💙
debuggingcss.com
Just published a new post around using @astro.build petite @vuejs.org and @motion.dev together for powerful but lightweight interactions adamcollier.co.uk/posts/astro-...
Astro, Petite Vue and motion.dev for lightweight but powerful interactivity
A guide on how to use Astro, Petite Vue and motion.dev's spring function to add lightweight but incredibly powerful interactivity to your site
adamcollier.co.uk
March 18, 2025 at 12:03 PM
Just published a new post around using @astro.build petite @vuejs.org and @motion.dev together for powerful but lightweight interactions adamcollier.co.uk/posts/astro-...
@astro.build, petite @vuejs.org and @motion.dev can be a pretty powerful combo for some lightweight interactions
March 17, 2025 at 5:49 PM
@astro.build, petite @vuejs.org and @motion.dev can be a pretty powerful combo for some lightweight interactions
Wrote up a brief post about using @tanstack.com virtual and window virtualising a grid of items adamcollier.co.uk/posts/using-...
Using Tanstack Virtual and window virtualisation for a grid of items
A guide on how to use Tanstack's window virtualiser when rendering a grid of items with varying row heights
adamcollier.co.uk
March 13, 2025 at 10:10 PM
Wrote up a brief post about using @tanstack.com virtual and window virtualising a grid of items adamcollier.co.uk/posts/using-...
Adding page transitions to my naive custom router for @astro.build, currently using the web animations API... feels pretty smooooth, next up some custom transitions per page would be cool
March 4, 2025 at 5:48 PM
Adding page transitions to my naive custom router for @astro.build, currently using the web animations API... feels pretty smooooth, next up some custom transitions per page would be cool
@tannerlinsley.com loving tan stack virtual but I’m curious how you would handle a responsive grid of items? Currently using css grid for the layout but I’m wondering if there is a way for them to work together or if it has to be its own implementation
February 16, 2025 at 1:54 PM
@tannerlinsley.com loving tan stack virtual but I’m curious how you would handle a responsive grid of items? Currently using css grid for the layout but I’m wondering if there is a way for them to work together or if it has to be its own implementation
Giving Apple Music a whirl (mixing it up from Spotify) what’re some tips and tricks you like to use to navigate/find new music/good playlists?
February 14, 2025 at 7:08 PM
Giving Apple Music a whirl (mixing it up from Spotify) what’re some tips and tricks you like to use to navigate/find new music/good playlists?
Added a reference image to keep tabs on how the images look with the recipe (need to do one for the other recipe): adamcollier.co.uk/posts/fujifi...
February 10, 2025 at 7:26 PM
Added a reference image to keep tabs on how the images look with the recipe (need to do one for the other recipe): adamcollier.co.uk/posts/fujifi...
First (semi done) post of 2025, picked up a Fujifilm x10 a month or so ago and I’m really enjoying the intentional nature of carrying around this little gem. Nothing here much yet but more to follow as I experiment: adamcollier.co.uk/posts/fujifi...
Fujifilm x10 notes and recipes
A collection of notes and recipes for the Fujifilm x10 camera, a camera I recently picked up to experiment with.
adamcollier.co.uk
February 9, 2025 at 9:08 PM
First (semi done) post of 2025, picked up a Fujifilm x10 a month or so ago and I’m really enjoying the intentional nature of carrying around this little gem. Nothing here much yet but more to follow as I experiment: adamcollier.co.uk/posts/fujifi...
Ok, I need to start writing posts on my website again (committing to posting something this weekend)
February 8, 2025 at 2:41 PM
Ok, I need to start writing posts on my website again (committing to posting something this weekend)
@wesbos.com @tolin.ski @w3cj.com @syntax.fm hey fellas, just a thought but it would be great to get an episode on the new Next 15 caching behaviour, I’ve only dabbled but it seems kinda wild how aggressive the caching is? Maybe I’m missing something here but it’d be great to get your thoughts
February 1, 2025 at 12:20 PM
@wesbos.com @tolin.ski @w3cj.com @syntax.fm hey fellas, just a thought but it would be great to get an episode on the new Next 15 caching behaviour, I’ve only dabbled but it seems kinda wild how aggressive the caching is? Maybe I’m missing something here but it’d be great to get your thoughts
Reposted by Adam Collier
Hey all! I'm looking for my next role, after some unexpected happenings at a new role.
I'm a front-end dev with a passion for open-source, design, and accessibility, and have authored libraries surpassing 500k downloads monthly.
My CV: www.thomasglopes.com/cv.pdf
Thank you!
I'm a front-end dev with a passion for open-source, design, and accessibility, and have authored libraries surpassing 500k downloads monthly.
My CV: www.thomasglopes.com/cv.pdf
Thank you!
www.thomasglopes.com
January 30, 2025 at 2:27 PM
Hey all! I'm looking for my next role, after some unexpected happenings at a new role.
I'm a front-end dev with a passion for open-source, design, and accessibility, and have authored libraries surpassing 500k downloads monthly.
My CV: www.thomasglopes.com/cv.pdf
Thank you!
I'm a front-end dev with a passion for open-source, design, and accessibility, and have authored libraries surpassing 500k downloads monthly.
My CV: www.thomasglopes.com/cv.pdf
Thank you!
@mk.gg curious question around unpic, if you’ve got a node app (Astro) with a Cloudflare CDN in front of it would that work or is it more for cloudflare pages?
January 28, 2025 at 8:18 PM
@mk.gg curious question around unpic, if you’ve got a node app (Astro) with a Cloudflare CDN in front of it would that work or is it more for cloudflare pages?
Reposted by Adam Collier
Super cool!
🚀 Introducing
A Motion+ React component for making beautiful number animations. Based on @barvian.me's NumberFlow, this version is built entirely on Motion, so existing users can use it for just +2.5kb.
motion.dev/docs/react-animate-number
A Motion+ React component for making beautiful number animations. Based on @barvian.me's NumberFlow, this version is built entirely on Motion, so existing users can use it for just +2.5kb.
motion.dev/docs/react-animate-number
January 28, 2025 at 2:48 PM
Super cool!
Reposted by Adam Collier
You should be using JavaScript sets more often
Now in all browsers and Node - these 7 new set methods are key for when trying to compare two arrays or sets of data.
Now in all browsers and Node - these 7 new set methods are key for when trying to compare two arrays or sets of data.
![New JavaScript Set Methods
const set1 = new Set(['wes', 'kait']);
const set2 = new Set(['wes', 'scott']);
Difference
Elements in set2 but not in set1
set2.difference(set1)
> ['scott']
Intersection
Elements that exist in both sets
set1.intersection(set2)
> ['wes']
Symmetric Difference
Elements in either set, but not both
set1.symmetricDifference(set2)
> ['kait', 'scott']
Union
All elements from both sets
set1.union(set2)
> ['wes', 'kait', 'scott']
Is Disjoint From
True if sets share no elements
set1.isDisjointFrom(set2)
> false
Is Subset Of
True if all elements are in other set
set1.isSubsetOf(set2)
> false
Is Superset Of
True if it contains all other's elements
set1.isSupersetOf(set2)
> false](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:etdjdgnly5tz5l5xdd4jq76d/bafkreifpciv7ufsmynaqjmiw63rmyybije242ep2ylqs3iarkehaz4qxzi@jpeg)
January 21, 2025 at 7:43 PM
You should be using JavaScript sets more often
Now in all browsers and Node - these 7 new set methods are key for when trying to compare two arrays or sets of data.
Now in all browsers and Node - these 7 new set methods are key for when trying to compare two arrays or sets of data.
What documentaries have you lovely people watched recently?
January 18, 2025 at 11:10 PM
What documentaries have you lovely people watched recently?
@juxtopposed.bsky.social Just came across your video on adding different effects to images via shaders (which is wicked btw!), weirdly I find resources for this kinda thing seem few and far between, unless I’m googling the wrong thing 😅
January 18, 2025 at 12:40 PM
@juxtopposed.bsky.social Just came across your video on adding different effects to images via shaders (which is wicked btw!), weirdly I find resources for this kinda thing seem few and far between, unless I’m googling the wrong thing 😅
Very much guilty of some of the things listed here 😅
Don't let machines or the crowd decide your world
You will always be boring if you can't make your own choices
www.hottakes.space
January 11, 2025 at 1:12 PM
Very much guilty of some of the things listed here 😅
Dan Da Dan’s intro is a vibe youtu.be/a4na2opArGY?...
DAN DA DAN Opening | Otonoke by Creepy Nuts
YouTube video by Crunchyroll
youtu.be
January 11, 2025 at 12:35 AM
Dan Da Dan’s intro is a vibe youtu.be/a4na2opArGY?...
Damn, this looks so good! Shame I’m not heading to Japan this year
January 9, 2025 at 8:05 PM
Damn, this looks so good! Shame I’m not heading to Japan this year
ALSO Letterboxd 2024 year in review is out, quite a few films I haven’t watched yet here 👀
The Letterboxd 2024 Year in Review
A comprehensive summary of the highest-rated and most popular films of 2024, according to the Letterboxd community.
letterboxd.com
January 8, 2025 at 10:32 PM
ALSO Letterboxd 2024 year in review is out, quite a few films I haven’t watched yet here 👀
A very quick addition to my bookmarks - henry.codes/about/
Bookmark
Welcome to my corner of the internet and digital garden! I share all things I enjoy, with the hope that you stumble upon something you can enjoy too.
adamcollier.co.uk
January 8, 2025 at 10:27 PM
A very quick addition to my bookmarks - henry.codes/about/