Sign in

Andrew Aquino

@aqandrew.com
314 followers 383 following 249 posts

frontend engineer, CSS enjoyer. obsessed with guitar and cookery. he/him 🇵🇭 aqandrew.com

PostsRepliesMedia
Reposted by Andrew Aquino
shri @shrikhalpada.dev · 28/09/2026
The 9th entry of my "How The Heck?" series is out! 🔒 It's all about how locks work, from ancient Egyptians nailing the design to why the perfect lock doesn't exist. It was a fun rabbit hole to go down, and challenging to get the visuals right.
perthirtysix.com
How The Heck Do Locks Work? (An Interactive Exploration)
An interactive exploration of how locks work: from pin tumbler mechanics and shear lines to wrong keys, picking, bumping, and better lock designs.
3288
Reposted by Andrew Aquino
Bramus @bram.us · 25/09/2026
The time to ramp up your scroll-driven animations skills is **NOW** Go check scroll-driven-animations.style for and free 10-part video course created by yours truly, as well as a bunch of tools and demos.
scroll-driven-animations.style
Scroll-driven Animations
A bunch of demos and tools to show off Scroll-driven Animations
311220
Reposted by Andrew Aquino
Tressie McMillan Cottom @tressiemcphd.bsky.social · 25/09/2026
Please try to reclaim your precious precious attention, at all costs. Do puzzles. Take walks without a phone. Dear god, try to read, almost anything that isn’t a manifesto will really do. You are going to need your brain.
52518653
Andrew Aquino @aqandrew.com · 24/09/2026
just saw my European coworker type "ooh la la" as "ulala", this is the only acceptable spelling from now on
030
Reposted by Andrew Aquino
nat alison @tesseralis.site · 04/09/2026
Pokemon JP made a pokerap for ALL 1025 POKEMON and it's a gesamkunstwerk www.youtube.com/watch?v=PqOB...
youtube.com
【公式】オーイシマサヨシ - ポケモンオールスターズ1025
YouTube video by ポケモン公式YouTubeチャンネル
141
Reposted by Andrew Aquino
austin @aparker.io · 29/08/2026
I endorse this shorthand and will be borrowing it. mckayla.blog/posts/yap.html
mckayla.blog
Yap: a particular kind of slop
0154
Reposted by Andrew Aquino
Cullen @hellocullen.bsky.social · 30/08/2026
a cool thing about waffle house is you can eat the best meal youve ever had for 11 dollars
6854
Reposted by Andrew Aquino
Brian Honan @brianhonan.bsky.social · 29/08/2026
Happy Skynet day to all those who celebrate
6352291727
Reposted by Andrew Aquino
shri @shrikhalpada.dev · 27/08/2026
My latest interactive explainer all about the technology behind record players is done! perthirtysix.com/how-the-heck...
823051
Reposted by Andrew Aquino
Productive Outs @productiveouts.bsky.social · 27/08/2026
The Father, the Sunn O))), and the Holy Spirit.
31402
Reposted by Andrew Aquino
Bramus @bram.us · 18/08/2026
New blog post: The Case for Tri-State Dark Mode Toggles brm.us/dark-mode-tr... #CSS #DarkMode #UX
brm.us
The Case for Tri-State Dark Mode Toggles
Adding a Dark Mode toggle to your website is a nice touch that many users appreciate. When implementing one, the default instinct for many developers is to reach for a simple binary switch: Light on o...
128714
Reposted by Andrew Aquino
Andreas Møller @handle.invalid · 22/08/2026
The current debate between 2 vs 3 state theme switchers is ridiculous. Everyone knows that the right answer is 100 #css #a11y
10976
Reposted by Andrew Aquino
The Linux Foundation @linuxfoundation.org · 21/08/2026
In April 2005, Linux kernel devs lost access to their source control tool. Linus Torvalds' response? Build a brand-new distributed version control system from scratch. Within 10 days, Git was tracking itself. Today, it’s the global backbone of modern software development. bit.ly/4zyL0yf #Linux35
1568199
Reposted by Andrew Aquino
Sam Rose @samwho.dev · 18/08/2026
Am I tripping or did Chrome used to have a little icon in the elements panel of the DevTools, a little person in the top right, to quickly open the accessibility tree? That’s gone for me now, and I have to find the accessibility tab to open it. Is there a setting to bring this old icon back?
8142
Reposted by Andrew Aquino
Freya Holmér @freya.bsky.social · 18/08/2026
what's up with these numbers man 45m = 0.75h = 270° = -90° deranged
151145
Reposted by Andrew Aquino
derek guy @dieworkwear.bsky.social · 13/08/2026
I enjoyed this. ordinaryabundance.com
ordinaryabundance.com
Ordinary Abundance
A walk through a modern apartment, through the eyes of the people for whom everything in it was new.
753423906
Andrew Aquino @aqandrew.com · 12/08/2026
nifty visualizer on @aljazeera.com for tracking eclipse timing/coverage in your area
210
Reposted by Andrew Aquino
Manuel Matuzović @matuzo.at · 29/07/2026
The Human-in-the-Loop is Tired by @summerscope.bsky.social pydantic.dev/articles/the...
pydantic.dev
The Human-in-the-Loop is Tired
On reward functions, dopamine, and what it actually feels like when the code starts writing itself
0272
Reposted by Andrew Aquino
red. logged on edition @likethecolour.red · 29/07/2026
I would absolutely fucking love to own this but it is $1,500. And it is worth at least that but sadly a purchase of that size gets in the way of my sole reason for being alive: to transfer wealth from my employer to my landlord.
071
Reposted by Andrew Aquino
outofband.bsky.social @outofband.bsky.social · 26/06/2026
logging on
dhalsim from the street fighter cartoon saying 'Using technology sickens me, but it was necessary'
022848
Reposted by Andrew Aquino
CSS by T. Afif @css-only.dev · 24/06/2026
📝 New CSS Article! I did a quick exploration of the new "Gap Decorations" thing, and I ended up doing a lot of fancy stuff except for decorating the gaps 😅 master.dev/blog/lets-pl... Read my latest article to learn a lot of nice tricks around this feature.
master.dev
Let’s Play With Gap Decorations!
Let’s take a look at a quite new CSS feature: Gap Decorations. As its name suggests, it allows us to decorate gaps across different layout types (e.g., flexbox, grid, and multi-column). With a few lin...
37312
Reposted by Andrew Aquino
Stefan Judis @stefanjudis.com · 03/06/2026
This is absolutely beautiful and so well done: if you want to understand how a retractable pen (or lighter or candy dispenser) works mechanically this site will explain it to you. mechanical-penci...
Three illustrations: a retractable pen, a zippo and a pencil
0123
Reposted by Andrew Aquino
TK (Takashi DY) Kozai @bioniclab.bsky.social · 30/05/2026
🪼 Your tax dollars paid a scientist to squeeze jellyfish through cheesecloth. Osamu Shimomura processed tens of thousands on an NSF grant to understand why they glow. He found a protein that glowed green under UV light. Called it "green protein." Nobody cared. For decades.
622923923
Reposted by Andrew Aquino
ctrlaltditto @ctrlaltditto.bsky.social · 22/04/2026
Kretschmar, Turkey of the Bone, lowers itself into a large arena as lightning strikes and music swells.
31366
Reposted by Andrew Aquino
Stella Sacco @antlervel.vet · 22/04/2026
Dark Souls boss-ass cold cut name
Supermarket deli shelf with cold cuts labeled “KRETSCHMAR TURKEY OF THE BONE”
342427435
Reposted by Andrew Aquino
depths of wikipedia @depthsofwikipedia.bsky.social · 21/04/2026
41443185
Reposted by Andrew Aquino
Natalia Markoborodova @nmarkoborodova.bsky.social · 17/04/2026
This is a call for your creativity! 🫵 Everyone seems to be so excited about HTML-in-Canvas, and understandably so. Have you seen all the impressive demos developers have been sharing? We've started collecting some examples: github.com/GoogleChrome... Add your own demos!🎨 🎉
14512
Reposted by Andrew Aquino
iDuckFilms @iduckfilms.bsky.social · 14/04/2026
Today is the 30th anniversary of Steamed Hams!
12845225
Reposted by Andrew Aquino
Claire Willett @clairewillett.bsky.social · 09/03/2026
NO NO NO YOU DON’T GUYS LET ME PLEASE SPREAD THE GOSPEL OF FREE TAX USA federal is free, state is $16, handles even my chaotic freelancer taxes just fine, same step-by-step “designed for normies” kind of interface as TurboTax but NOT EVIL tell everyone you know www.freetaxusa.com
freetaxusa.com
FreeTaxUSA® - Free Online Tax Filing for Federal Returns
100% free federal tax filing. E-File your tax return directly to the IRS. Prepare federal and state income taxes online. 2025 tax preparation software.
13128627756
Reposted by Andrew Aquino
mrmrs @mrmrs.bsky.social · 08/04/2026
Got app toolbar in Safari to dynamically use current colors on randoma11y.com - took me 6 hours longer than I expected to figure out but I think it was worth it. Before and after video.
3487
Reposted by Andrew Aquino
Liam Egan @liamegan.bsky.social · 24/03/2026
Pretty simple "magic gem" mesh using Three.js convex hull and TSL for materials. This sort of object has always been satisfying to me. Really simple stuff.
2182
Reposted by Andrew Aquino
David Aerne @meodai.bsky.social · 07/04/2026
I wanted a way to explore Unicode by visual similarity, not just by name or codepoint, so I built Charcutrie. It lets you browse characters that look alike, search across scripts and symbols, and even sketch a shape to find matching glyphs. (pretty badly for now :D) charcuterie.elastiq.ch#U+221E
17540106
Reposted by Andrew Aquino
nixon TICONDEROGA® @nticonderoga.bsky.social · 05/04/2026
half the speed of the hour hand of a clock
524811
Reposted by Andrew Aquino
Katie Mack @astrokatie.com · 04/04/2026
2. 1000 mph is the approximate surface motion at the equator, but it's less at other latitudes (0 mph at poles!) 3. The rotation rate is about 15 degrees / hour (i.e., 360 degrees / 24 hours), so for a one-minute video, it's only 0.25 degrees of rotation -- would be very hard to notice! 2/2
2890942
Reposted by Andrew Aquino
Pavel Laptev @pavellaptev.bsky.social · 19/03/2026
Been thinking about how much JavaScript we ship for basic UI patterns. Wrote it up. Anchor positioning, Popover API, Scroll-Driven Animations and more — what they replace and what's still missing 👉 blog.gitbutler.com/the-great-cs...
blog.gitbutler.com
The Great CSS Expansion
CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their si...
44424
Reposted by Andrew Aquino
Una Kravets @una.im · 03/04/2026
Real DOM content in a canvas: fully searchable, translatable, inspectable. You can have forms, add WebGL effects & much more. Imagine if this was a customizable select 🤯 A little WIP exploration (not finished) for a very exciting API. github.com/WICG/html-in...
414511
Reposted by Andrew Aquino
David Aerne @meodai.bsky.social · 28/03/2026
Just released heerich.js, a tiny voxel engine that renders 3D scenes to SVG ╬ Boolean ops ◮ Oblique & perspective 𝑥 Zero dependencies ◌ Pure vector output, infinite scaling Named after Erwin Heerich's geometric cardboard sculptures. meodai.github.io/heerich/ www.youtube.com/watch?v=jndl...
youtube.com
Heerich Website Demo
YouTube video by David
922651
Reposted by Andrew Aquino
Jen Simmons @jensimmons.bsky.social · 24/03/2026
Safari 26.4 is here! webkit.org/blog/17862/w... Grid Lanes. WebTransport. Keyboard Lock API. And _tons_ of fixes & improvements. Please read the introduction to our article to learn what we’ve been up to…
webkit.org
WebKit Features for Safari 26.4
March has a way of bringing a lot of new things to WebKit — and this year is no exception.
1215222
Reposted by Andrew Aquino
VoidZero @voidzero.dev · 24/03/2026
Vite's new plugin registry is live! 🎉 Browse @vite.dev, @rolldown.rs, and Rollup plugins from the teams and the community. Filter by version compatibility to find plugins that work with your setup. And if you are a maintainer, you can add your plugin easily too registry.vite.dev
registry.vite.dev
Vite Plugin Registry | Discover plugins for your build tools
Discover plugins for Vite, Rolldown, and Rollup
38712
Reposted by Andrew Aquino
Scott Jehl @scottjehl.com · 23/03/2026
Spec proposal merged. HTML video and audio lazy loading is now a web standard. github.com/whatwg/html/... html.spec.whatwg.org#the-video-el... html.spec.whatwg.org#the-audio-el...
A screenshot of the video section of the HTML standard, now containing the loading attribute, a new addition
614633
Reposted by Andrew Aquino
˚.⋆꒰১ ditzy ritzy ໒꒱⋆.˚ @itsatastymeal.bsky.social · 23/03/2026
unnerving lofi beats to tremble and cower to
191204258
Reposted by Andrew Aquino
Matthias Ott @matthiasott.com · 21/03/2026
✍️ New post: The Shape of Friction I wrote a short blog post reply to @davatron5000.bsky.social’s recent post (👏) about generative AI, friction, and people. matthiasott.com/notes/the-sh...
matthiasott.com
The Shape of Friction · Matthias Ott
Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.
49128
Reposted by Andrew Aquino
michael lutz @ztul.bsky.social · 21/03/2026
not sure what i've done to make the youtube algo push me a video of a jazz ensemble composed entirely of extremely talented high school students from across the country performing a piece one of them wrote called "dracula flow 6" but hot damn look at these kids go www.youtube.com/watch?v=Ugnu...
youtube.com
"Dracula Flow 6" | Jazz | 2026 National YoungArts Week
YouTube video by YoungArts
1125570
Reposted by Andrew Aquino
Steve Faulkner @stevefaulkner.eurosky.social · 21/03/2026
Understanding Fucking WCAG robertjmccaffery.com/fucking-wcag...
robertjmccaffery.com
Fucking WCAG
12112
Reposted by Andrew Aquino
Maxwell Neely-Cohen @maxy.bsky.social · 20/03/2026
Issue Five of The HTML Review is here! Get to your browser for 15 excellent new pieces of web-based literature and art thehtml.review/05/
19739
Reposted by Andrew Aquino
Zach Leatherman @zachleat.com · 16/03/2026
The 49MB Web Page thatshubham.com/blog/news-au...
thatshubham.com
The 49MB Web Page
A look at modern news websites. How programmatic ad-tech, huge payloads and hostile architecture destroyed the reading experience.
3349
Reposted by Andrew Aquino
Niels Leenheer @html5test.com · 13/03/2026
DOOM fully rendered in CSS. Every surface is a <div> that has a background image, with a clipping path with 3D transforms applied. Of course CSS does not have a movable camera, so we rotate and translate the scene around the user.
312800801
Reposted by Andrew Aquino
John Kreitlow @john.kreitlow.rocks · 12/03/2026
Really can't wait to try out the new JavaScript Tempura APi
0131
Andrew Aquino @aqandrew.com · 11/03/2026
const bar = “art installations that prioritise contemplation over comprehension”;
000