Andrew Aquino
@aqandrew.com
frontend engineer, CSS enjoyer. obsessed with guitar and cookery. he/him 🇵🇭 https://aqandrew.com/
Pinned
Reposted by Andrew Aquino
Did you know that you can localize quotes right in CSS?
Now you do! 🫵
www.stefanjudis.com/today-i-lear...
Now you do! 🫵
www.stefanjudis.com/today-i-lear...
November 10, 2025 at 6:09 PM
Did you know that you can localize quotes right in CSS?
Now you do! 🫵
www.stefanjudis.com/today-i-lear...
Now you do! 🫵
www.stefanjudis.com/today-i-lear...
Reposted by Andrew Aquino
Dithering - Part 1
Understanding how dithering works, visually.
visualrambling.space
November 8, 2025 at 7:41 AM
Reposted by Andrew Aquino
Look folks gen AI videos are out in the wild so if you weren't already being careful about sharing rage bait videos then now is a great time to start
If you can't trace a video back to a trusted source then I recommend leaving it where it is, like a slice of bologna you found on the street
If you can't trace a video back to a trusted source then I recommend leaving it where it is, like a slice of bologna you found on the street
November 2, 2025 at 9:02 PM
Look folks gen AI videos are out in the wild so if you weren't already being careful about sharing rage bait videos then now is a great time to start
If you can't trace a video back to a trusted source then I recommend leaving it where it is, like a slice of bologna you found on the street
If you can't trace a video back to a trusted source then I recommend leaving it where it is, like a slice of bologna you found on the street
Reposted by Andrew Aquino
@xordev.com develops insane shaders specialised in procedural generation.
They have a page dedicated to tutorials. If this is your kind of thing or it can match with your game’s aesthetic, don’t miss out.
mini.gmshaders.com
They have a page dedicated to tutorials. If this is your kind of thing or it can match with your game’s aesthetic, don’t miss out.
mini.gmshaders.com
October 30, 2025 at 9:01 AM
@xordev.com develops insane shaders specialised in procedural generation.
They have a page dedicated to tutorials. If this is your kind of thing or it can match with your game’s aesthetic, don’t miss out.
mini.gmshaders.com
They have a page dedicated to tutorials. If this is your kind of thing or it can match with your game’s aesthetic, don’t miss out.
mini.gmshaders.com
Reposted by Andrew Aquino
if you're ever confused about the origin of a state change in your @svelte.dev app, we just shipped a nice quality of life enhancement to the `$inspect(...)` rune (svelte.dev/docs/svelte/...) — it now automatically prints a stack trace. @pngwn.at goaded me into it
October 22, 2025 at 2:37 PM
if you're ever confused about the origin of a state change in your @svelte.dev app, we just shipped a nice quality of life enhancement to the `$inspect(...)` rune (svelte.dev/docs/svelte/...) — it now automatically prints a stack trace. @pngwn.at goaded me into it
Reposted by Andrew Aquino
sometimes I learn a guitar riff that scratches this weird ADHD itch in my brain and I will just sit there and mindlessly play it over and over again for an hour, not even exaggerating
October 22, 2025 at 3:45 AM
sometimes I learn a guitar riff that scratches this weird ADHD itch in my brain and I will just sit there and mindlessly play it over and over again for an hour, not even exaggerating
Reposted by Andrew Aquino
using 4 lines of CSS to fix a full-sprint JS bug
October 7, 2025 at 11:24 PM
using 4 lines of CSS to fix a full-sprint JS bug
got curious looking for dials in web UIs and found this one that has a drag interaction that feels pretty nice. but my head is spinning because I now know there exists a widely supported DOMPoint class with a matrixTransform method
codepen.io/ccprog/pen/q...
codepen.io/ccprog/pen/q...
Volume Dial Web Component
Grafically based on Jon Kantner's [Volume Dials](https://codepen.io/jkantner/pen/dPyWKqb) and its inspiration, the [Dribbble shot](https://dribbble.com...
codepen.io
September 26, 2025 at 7:46 AM
got curious looking for dials in web UIs and found this one that has a drag interaction that feels pretty nice. but my head is spinning because I now know there exists a widely supported DOMPoint class with a matrixTransform method
codepen.io/ccprog/pen/q...
codepen.io/ccprog/pen/q...
Reposted by Andrew Aquino
you know what? fuck it. theremin mode. github.com/samhenrigold...
September 6, 2025 at 11:04 PM
you know what? fuck it. theremin mode. github.com/samhenrigold...
Reposted by Andrew Aquino
We're looking for a journalist with development chops (or a developer with journalism chops) to join our news apps team and build new web-based interactive stories, databases, and experiences. It's a remote role; candidates must be eligible to work in the US. job-boards.greenhouse.io/propublica/j...
News Applications Developer
Remote, United States
job-boards.greenhouse.io
September 5, 2025 at 2:56 PM
We're looking for a journalist with development chops (or a developer with journalism chops) to join our news apps team and build new web-based interactive stories, databases, and experiences. It's a remote role; candidates must be eligible to work in the US. job-boards.greenhouse.io/propublica/j...
asked the guy at the burger place for extra ketchup to go with my tots and he said “the ketchup is dire”. what does this mean
September 5, 2025 at 4:40 AM
asked the guy at the burger place for extra ketchup to go with my tots and he said “the ketchup is dire”. what does this mean
Reposted by Andrew Aquino
This demo helped me visualize how `position-try` works in CSS Anchor Positioning. It was so much fun to design & build! 😄
Learn more in the article: ishadeed.com/article/anch...
Learn more in the article: ishadeed.com/article/anch...
September 2, 2025 at 7:44 AM
This demo helped me visualize how `position-try` works in CSS Anchor Positioning. It was so much fun to design & build! 😄
Learn more in the article: ishadeed.com/article/anch...
Learn more in the article: ishadeed.com/article/anch...
Reposted by Andrew Aquino
This is honestly fascinating - dissecting vibes into the incredibly concrete - and people should be using it as a discussion starter in writing classes
Wikipedia editors trying to fend off the onslaught of AI crap have crowdsourced some telltale signs of LLM-generated writing; it might be handy for editors and proofreaders generally. Thanks to @ellenrykers.com for pointing me to it. en.wikipedia.org/wiki/Wikiped...
Wikipedia:Signs of AI writing - Wikipedia
en.wikipedia.org
September 1, 2025 at 12:13 PM
This is honestly fascinating - dissecting vibes into the incredibly concrete - and people should be using it as a discussion starter in writing classes
Reposted by Andrew Aquino
gradient.style has finally
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
August 28, 2025 at 9:06 PM
gradient.style has finally
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
Reposted by Andrew Aquino
I love interactive blog posts
Ever cry while cutting an onion? Well, now you don’t have to! Building off of chef J. Kenji López-Alt, we found the mathematically optimal way to dice an onion. *Cutting uniform pieces has not been proven to reduce crying, but you do get bragging rights.
pudding.cool/2025/08/onio...
pudding.cool/2025/08/onio...
August 19, 2025 at 4:44 PM
I love interactive blog posts
Reposted by Andrew Aquino
New in Chrome DevTools: Instantly check CSS feature compatibility with Baseline!
Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
August 22, 2025 at 6:04 PM
New in Chrome DevTools: Instantly check CSS feature compatibility with Baseline!
Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
Chrome DevTools now displays the Baseline status for CSS properties right in the Elements panel - Baseline gives you clear info about which web features are ready to use today.
Reposted by Andrew Aquino
one of the best pieces the pudding has put out srsly (mainly because the onion typography is genius)
Ever cry while cutting an onion? Well, now you don’t have to! Building off of chef J. Kenji López-Alt, we found the mathematically optimal way to dice an onion. *Cutting uniform pieces has not been proven to reduce crying, but you do get bragging rights.
pudding.cool/2025/08/onio...
pudding.cool/2025/08/onio...
August 18, 2025 at 9:48 PM
one of the best pieces the pudding has put out srsly (mainly because the onion typography is genius)
Reposted by Andrew Aquino
Now every time I cut onions I think of this. 🔪🧅
Ever cry while cutting an onion? Well, now you don’t have to! Building off of chef J. Kenji López-Alt, we found the mathematically optimal way to dice an onion. *Cutting uniform pieces has not been proven to reduce crying, but you do get bragging rights.
pudding.cool/2025/08/onio...
pudding.cool/2025/08/onio...
August 18, 2025 at 8:53 PM
Now every time I cut onions I think of this. 🔪🧅
Reposted by Andrew Aquino
ahhh this post is so cool! They find the ideal way to get uniform onion pieces when dicing: 10 cuts with increasing angles, with the base of the angle moving towards the outside
(And they're using an actual onion font! See kottke.org/25/08/the-re...)
(And they're using an actual onion font! See kottke.org/25/08/the-re...)
August 17, 2025 at 5:06 PM
ahhh this post is so cool! They find the ideal way to get uniform onion pieces when dicing: 10 cuts with increasing angles, with the base of the angle moving towards the outside
(And they're using an actual onion font! See kottke.org/25/08/the-re...)
(And they're using an actual onion font! See kottke.org/25/08/the-re...)
Reposted by Andrew Aquino
Websites are so cool! You can’t do this shit on a platform!
Make a website!
Make a website!
Ever cry while cutting an onion? Well, now you don’t have to! Building off of chef J. Kenji López-Alt, we found the mathematically optimal way to dice an onion. *Cutting uniform pieces has not been proven to reduce crying, but you do get bragging rights.
pudding.cool/2025/08/onio...
pudding.cool/2025/08/onio...
August 14, 2025 at 7:51 PM
Websites are so cool! You can’t do this shit on a platform!
Make a website!
Make a website!
Reposted by Andrew Aquino
this smooth transition to/from the exploded onion dice view took a lot of time and tinkering, but it came out soooo satisfying
(don't bother adding horizontal cuts when dicing your onion, it's bad for uniformity)
(don't bother adding horizontal cuts when dicing your onion, it's bad for uniformity)
August 14, 2025 at 6:24 PM
this smooth transition to/from the exploded onion dice view took a lot of time and tinkering, but it came out soooo satisfying
(don't bother adding horizontal cuts when dicing your onion, it's bad for uniformity)
(don't bother adding horizontal cuts when dicing your onion, it's bad for uniformity)
so glad I got the chance to develop this interactive dataviz piece for @puddingviz.bsky.social! I'm really proud of how it turned out, and amazed there are others who also love cooking + math + web dev enough to help me make this silly dream a reality
Ever cry while cutting an onion? Well, now you don’t have to! Building off of chef J. Kenji López-Alt, we found the mathematically optimal way to dice an onion. *Cutting uniform pieces has not been proven to reduce crying, but you do get bragging rights.
pudding.cool/2025/08/onio...
pudding.cool/2025/08/onio...
August 14, 2025 at 6:14 PM
so glad I got the chance to develop this interactive dataviz piece for @puddingviz.bsky.social! I'm really proud of how it turned out, and amazed there are others who also love cooking + math + web dev enough to help me make this silly dream a reality
Reposted by Andrew Aquino
Ever cry while cutting an onion? Well, now you don’t have to! Building off of chef J. Kenji López-Alt, we found the mathematically optimal way to dice an onion. *Cutting uniform pieces has not been proven to reduce crying, but you do get bragging rights.
pudding.cool/2025/08/onio...
pudding.cool/2025/08/onio...
August 14, 2025 at 4:25 PM
Ever cry while cutting an onion? Well, now you don’t have to! Building off of chef J. Kenji López-Alt, we found the mathematically optimal way to dice an onion. *Cutting uniform pieces has not been proven to reduce crying, but you do get bragging rights.
pudding.cool/2025/08/onio...
pudding.cool/2025/08/onio...
Reposted by Andrew Aquino
This is me a couple of days before the first release of PostCSS.
From my new article about the history of PostCSS and the lessons I learned from it (for example, how to break an API when you have 400M downloads per month).
evilmartians.com/chronicles/w...
From my new article about the history of PostCSS and the lessons I learned from it (for example, how to break an API when you have 400M downloads per month).
evilmartians.com/chronicles/w...
August 6, 2025 at 5:20 PM
This is me a couple of days before the first release of PostCSS.
From my new article about the history of PostCSS and the lessons I learned from it (for example, how to break an API when you have 400M downloads per month).
evilmartians.com/chronicles/w...
From my new article about the history of PostCSS and the lessons I learned from it (for example, how to break an API when you have 400M downloads per month).
evilmartians.com/chronicles/w...
it is a gift to hack on my little data visualization project and try out some hithertofore unknown (to me) HTML elements: <output> and <meter>
<meter> takes optional low/high/optimum attributes that help to automatically color code the bar 🙂
<meter> takes optional low/high/optimum attributes that help to automatically color code the bar 🙂
August 4, 2025 at 7:32 PM
it is a gift to hack on my little data visualization project and try out some hithertofore unknown (to me) HTML elements: <output> and <meter>
<meter> takes optional low/high/optimum attributes that help to automatically color code the bar 🙂
<meter> takes optional low/high/optimum attributes that help to automatically color code the bar 🙂