Adam Collier

Adding validation to your Petite Vue form in Astro with Valibot Adding validation to your Petite Vue form in Astro with Valibot

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

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.

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

Very cool!

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

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

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

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

Glad to hear!

Love it!

@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

Oooo interesting, I’m heading to Hungary in a couple of months so will definitely look out for this!

Any Hungarian delicacies you’ve found yourself enjoy cooking?

Curious if you’re using them in Preact itself or as its own thing?

Looking forward to this one @joshwcomeau.com big fan of your other courses

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...

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.

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...

Oh damn, jealous you’ve managed to get on there!

Would love an invite!

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

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!

Gotcha! Cheers Matt!

Both haha! But local ones are optimized pretty well already, so mainly remote

@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?

Super cool!

Please no trending videos @bsky.app, glad I can hide it but still 😅

Very cool!

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

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.