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
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 · 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 · 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 · 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
@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
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
511601148
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
@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 · 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
Tanstack start looks kinda neat!
010
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 · 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
Adam Collier @adamcollier.bsky.social · 27/12/2024
One of the only podcasts I religiously listen to: podcasts.apple.com/gb/podcast/s...
podcasts.apple.com
Why is the pool at Buckingham Palace a secret?
Podcast Episode · Search Engine · 27/12/2024 · 1h 14m
000
Adam Collier @adamcollier.bsky.social · 21/12/2024
Recently bought an old Fujifilm x10 as a means to take better photos when travelling (it’s super compact and lightweight) and damn for a 13 year old camera it handles light beautifully
000
Adam Collier @adamcollier.bsky.social · 14/12/2024
Starting to see a lot of cool stuff being posted and reeeeally missing the ability to bookmark 😅
000
Reposted by Adam Collier
Jhey ʕ·ᴥ· ʔ @jhey.dev · 12/12/2024
various ways to scramble text with CSS alone || JavaScript covered in this week's issue of "The Craft of UI" 🤙
21057
Reposted by Adam Collier
Ashlee 🤟🏻 @ashleemboyer.com · 10/12/2024
Hi! I'm a self-employed disabled gal looking for consulting projects. I could use your help! If you could share the quoted post by my biz account, that'd be grand. 🫶🏻 I can audit, remediate, teach, pair, coach, mentor, build, write, edit, document, design. Truly a lot I can help with! 🤓 #a11y
02912
Adam Collier @adamcollier.bsky.social · 07/12/2024
Was oddly thinking about this the other day, especially around the idea of software and its constant drive to scale: stevenscrawls.com/care-doesnt-...
stevenscrawls.com
Care doesn't scale
000
Reposted by Adam Collier
Vite @vite.dev · 26/11/2024
Vite 6.0 is out ⚡️ vite.dev/blog/announc...
vite.dev
Announcing Vite 6
Vite 6 Release Announcement
331462324
Adam Collier @adamcollier.bsky.social · 22/11/2024
Mannn Spotifys algorithm really sucks at surfacing new albums I want to listen to, I wouldn’t have known about Kendrick’s new album had it not been for a friend telling me (which of course if a great thing to have)
000
Reposted by Adam Collier
Tanner Linsley @tannerlinsley.com · 19/11/2024
Stoked to announce that TanStack Start is now officially BETA! 🎉 🎊 Please come and try it and help us get it ready for 1.0! tanstack.com/start cc @tanstack.com
tanstack.com
TanStack Start
Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router, Vinxi, and Nitro and ready to deploy to your favorite hosting provider.
3378595
Adam Collier @adamcollier.bsky.social · 21/11/2024
@joshwcomeau.com I was an early access for to your react course and not checked it out for a while, do you cover newer react features? Or will this be a new thing upcoming as a separate thing?
120
Adam Collier @adamcollier.bsky.social · 21/11/2024
So good to see so many people moving over here who I admire! @joshwcomeau.com @samselikoff.com @emilkowal.ski @ped.ro to name a few
020
Adam Collier @adamcollier.bsky.social · 21/11/2024
@danabra.mov are bookmarks going to be a thing here? I love keeping track of the cool stuff I see (also apologies if you’re not involved in this side of things)
100
Adam Collier @adamcollier.bsky.social · 01/11/2024
Helsinki airport… kinda nice
000
Adam Collier @adamcollier.bsky.social · 30/10/2024
Nice to see this place have some life to it 👀 Anyone know if bookmarks will become a thing?
000
Adam Collier @adamcollier.bsky.social · 15/11/2023
Hello world!
050