Sign in

Adam Collier

@adamcollier.bsky.social
63 followers 133 following 71 posts

adamcollier.co.uk

PostsRepliesMedia
Adam Collier @adamcollier.bsky.social · 23/04/2025
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...
adamcollier.co.uk
Adding validation to your Petite Vue form in Astro with Valibot
Adding validation to your Petite Vue form in Astro with Valibot
010
Adam Collier @adamcollier.bsky.social · 22/04/2025
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
180
Reposted by Adam Collier
Ahmad Shadeed @ishadeed.com · 16/04/2025
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
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.
34421
Adam Collier @adamcollier.bsky.social · 18/03/2025
Very cool!
010
Adam Collier @adamcollier.bsky.social · 18/03/2025
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-...
adamcollier.co.uk
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
060
Adam Collier @adamcollier.bsky.social · 17/03/2025
@astro.build, petite @vuejs.org and @motion.dev can be a pretty powerful combo for some lightweight interactions
081
Adam Collier @adamcollier.bsky.social · 13/03/2025
Wrote up a brief post about using @tanstack.com virtual and window virtualising a grid of items adamcollier.co.uk/posts/using-...
adamcollier.co.uk
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
000
Adam Collier @adamcollier.bsky.social · 04/03/2025
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
040
Adam Collier @adamcollier.bsky.social · 03/03/2025
Glad to hear!
010
Adam Collier @adamcollier.bsky.social · 27/02/2025
Love it!
010
Adam Collier @adamcollier.bsky.social · 16/02/2025
@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
130
Adam Collier @adamcollier.bsky.social · 15/02/2025
Oooo interesting, I’m heading to Hungary in a couple of months so will definitely look out for this!
010
Adam Collier @adamcollier.bsky.social · 15/02/2025
Any Hungarian delicacies you’ve found yourself enjoy cooking?
110
Adam Collier @adamcollier.bsky.social · 15/02/2025
Curious if you’re using them in Preact itself or as its own thing?
110
Adam Collier @adamcollier.bsky.social · 14/02/2025
Looking forward to this one @joshwcomeau.com big fan of your other courses
020
Adam Collier @adamcollier.bsky.social · 14/02/2025
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?
010
Adam Collier @adamcollier.bsky.social · 10/02/2025
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...
010
Adam Collier @adamcollier.bsky.social · 09/02/2025
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...
adamcollier.co.uk
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.
110
Adam Collier @adamcollier.bsky.social · 09/02/2025
Oh damn, jealous you’ve managed to get on there!
010
Adam Collier @adamcollier.bsky.social · 08/02/2025
Would love an invite!
010
Adam Collier @adamcollier.bsky.social · 08/02/2025
Ok, I need to start writing posts on my website again (committing to posting something this weekend)
010
Adam Collier @adamcollier.bsky.social · 01/02/2025
@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
000
Reposted by Adam Collier
Thomas G. Lopes @thomas.rocks · 30/01/2025
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!
thomasglopes.com
14318
Adam Collier @adamcollier.bsky.social · 28/01/2025
Gotcha! Cheers Matt!
010
Adam Collier @adamcollier.bsky.social · 28/01/2025
Both haha! But local ones are optimized pretty well already, so mainly remote
100
Adam Collier @adamcollier.bsky.social · 28/01/2025
@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?
110
Reposted by Adam Collier
Josh W. Comeau @joshwcomeau.com · 28/01/2025
Super cool!
1835
Adam Collier @adamcollier.bsky.social · 22/01/2025
Please no trending videos @bsky.app, glad I can hide it but still 😅
000
Adam Collier @adamcollier.bsky.social · 22/01/2025
Very cool!
020
Reposted by Adam Collier
Wes Bos @wesbos.com · 21/01/2025
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.
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
511599148
Adam Collier @adamcollier.bsky.social · 18/01/2025
What documentaries have you lovely people watched recently?
010
Adam Collier @adamcollier.bsky.social · 18/01/2025
No worries at all! Yes! Very much looking forward to checking it out
000
Adam Collier @adamcollier.bsky.social · 18/01/2025
Amazing stuff as always Maxime! I’ve recently stumbled into being interested in some shader stuff thanks to @juxtopposed.bsky.social’s video but I was wondering if you knew of any other resources around doing this kinda stuff? As I’ve been searching around the answers seem few and far between 🤷‍♂️
youtu.be
Your Images DESERVE These Effects
YouTube video by Juxtopposed
100
Adam Collier @adamcollier.bsky.social · 18/01/2025
Anyway I digress, I wanted to ask if there was a simple but lightweight setup you know of for applying shaders to images, Three.js feels like it would be pretty heavy?
000
Adam Collier @adamcollier.bsky.social · 18/01/2025
@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 😅
100
Adam Collier @adamcollier.bsky.social · 17/01/2025
Nice!
000
Adam Collier @adamcollier.bsky.social · 16/01/2025
This is great!
110
Adam Collier @adamcollier.bsky.social · 16/01/2025
Very cool! Great stuff
110
Adam Collier @adamcollier.bsky.social · 11/01/2025
Very much guilty of some of the things listed here 😅
hottakes.space
Don't let machines or the crowd decide your world
You will always be boring if you can't make your own choices
000
Adam Collier @adamcollier.bsky.social · 11/01/2025
Dan Da Dan’s intro is a vibe youtu.be/a4na2opArGY?...
youtu.be
DAN DA DAN Opening | Otonoke by Creepy Nuts
YouTube video by Crunchyroll
010
Adam Collier @adamcollier.bsky.social · 09/01/2025
Damn, this looks so good! Shame I’m not heading to Japan this year
000
Adam Collier @adamcollier.bsky.social · 08/01/2025
ALSO Letterboxd 2024 year in review is out, quite a few films I haven’t watched yet here 👀
letterboxd.com
The Letterboxd 2024 Year in Review
A comprehensive summary of the highest-rated and most popular films of 2024, according to the Letterboxd community.
020
Adam Collier @adamcollier.bsky.social · 08/01/2025
A very quick addition to my bookmarks - henry.codes/about/
adamcollier.co.uk
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.
000
Adam Collier @adamcollier.bsky.social · 08/01/2025
So wish bookmarks were a thing on here for this very moment 🥹
020
Adam Collier @adamcollier.bsky.social · 08/01/2025
Tanstack start looks kinda neat!
010
Adam Collier @adamcollier.bsky.social · 02/01/2025
Love this
000
Adam Collier @adamcollier.bsky.social · 02/01/2025
Playing around with some new interactions on my /films powered by CSS (still need to create the JS fallback for safari using @motion.dev 🥲)
010
Adam Collier @adamcollier.bsky.social · 02/01/2025
Great stuff!
010
Adam Collier @adamcollier.bsky.social · 01/01/2025
@astro.build Astro components are pretty powerful (just using standard JavaScript and html) veeeery surprised that you can’t use client directives on them though! Currently playing around with @motion.dev and it works great with a standard Astro file, I just want to load the js when visible 😅
010
Adam Collier @adamcollier.bsky.social · 30/12/2024
A lovely day here in Manchester
010