Andrew Aquino
@aqandrew.com
📤 230
📥 337
📝 182
frontend engineer, CSS enjoyer. obsessed with guitar and cookery. he/him 🇵🇭
https://aqandrew.com/
pinned post!
pinned Lupe post
about 1 year ago
0
8
1
reposted by
Andrew Aquino
Freya Holmér
1 day ago
creative freedom has this dark side that constantly reminds you of the things you chose to neglect
2
181
13
reposted by
Andrew Aquino
GIFS GALORE
3 days ago
FANTASY/SKELETON.GIF
60
2580
266
reposted by
Andrew Aquino
ah yes, set in the kingdom of <hr />
3 days ago
0
7
2
reposted by
Andrew Aquino
Andy Bell
4 days ago
bringing this one back because it shouldn't die with twitter
8
317
41
reposted by
Andrew Aquino
Kit Langton
9 days ago
Visual Types, a humble collection of semi-interactive TypeScript lessons, is ready to be clicked upon.
types.kitlangton.com
← 👀
loading . . .
4
27
9
yesss Two-Way Mirror by Loathe came on in this cafe’s shoegaze playlist 💆🏽♂️
8 days ago
0
1
0
reposted by
Andrew Aquino
Stefan Judis
11 days ago
Did you know that you can localize quotes right in CSS? Now you do! 🫵
www.stefanjudis.com/today-i-lear...
1
54
7
reposted by
Andrew Aquino
Adam Argyle
13 days ago
Rad dithering breakdown / interactive learning experience
visualrambling.space/dithering-pa...
loading . . .
Dithering - Part 1
Understanding how dithering works, visually.
https://visualrambling.space/dithering-part-1/
7
122
25
reposted by
Andrew Aquino
Andrew Turley
19 days ago
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
37
2983
1250
reposted by
Andrew Aquino
Spacewing War 2 - Wishlist Today!!
22 days ago
@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
loading . . .
1
13
3
reposted by
Andrew Aquino
rich harris
30 days ago
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
loading . . .
4
112
11
reposted by
Andrew Aquino
Aleksandr
about 1 month ago
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
1
2
1
reposted by
Andrew Aquino
henry ✷
about 1 month ago
using 4 lines of CSS to fix a full-sprint JS bug
loading . . .
1
38
5
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...
loading . . .
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...
https://codepen.io/ccprog/pen/qEBLjZo
about 2 months ago
0
0
0
reposted by
Andrew Aquino
sam henri gold
3 months ago
you know what? fuck it. theremin mode.
github.com/samhenrigold...
loading . . .
36
1609
339
reposted by
Andrew Aquino
Ben Werdmuller
3 months ago
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...
loading . . .
News Applications Developer
Remote, United States
https://job-boards.greenhouse.io/propublica/jobs/4599062006?gh_src=k5crh6ph6us
2
32
15
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
3 months ago
0
0
0
reposted by
Andrew Aquino
Ahmad Shadeed
3 months ago
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...
loading . . .
1
65
8
reposted by
Andrew Aquino
Andromeda Yelton
3 months ago
This is honestly fascinating - dissecting vibes into the incredibly concrete - and people should be using it as a discussion starter in writing classes
add a skeleton here at some point
4
43
17
reposted by
Andrew Aquino
Adam Argyle
3 months ago
gradient.style
has finally - come out of beta - offers multiple background editing - is open source 🎉
nerdy.dev/gradient.sty...
12
288
70
reposted by
Andrew Aquino
Tynan Purdy
3 months ago
I love interactive blog posts
add a skeleton here at some point
0
3
1
reposted by
Andrew Aquino
Addy Osmani
3 months ago
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.
3
124
39
reposted by
Andrew Aquino
sebs
3 months ago
one of the best pieces the pudding has put out srsly (mainly because the onion typography is genius)
add a skeleton here at some point
0
2
1
reposted by
Andrew Aquino
Christian Alder
3 months ago
Now every time I cut onions I think of this. 🔪🧅
add a skeleton here at some point
0
2
1
reposted by
Andrew Aquino
Andrew Heiss
3 months ago
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...
)
add a skeleton here at some point
0
26
2
reposted by
Andrew Aquino
Michael
3 months ago
Websites are so cool! You can’t do this shit on a platform! Make a website!
add a skeleton here at some point
0
3
1
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)
loading . . .
3 months ago
0
0
1
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
add a skeleton here at some point
3 months ago
2
6
1
reposted by
Andrew Aquino
The Pudding
3 months ago
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...
loading . . .
3
65
20
reposted by
Andrew Aquino
Andrey Sitnik
4 months ago
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...
1
41
15
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 🙂
loading . . .
4 months ago
0
1
0
reposted by
Andrew Aquino
CSS by T. Afif
4 months ago
📝 New CSS Article! Do you want to have an overview of what modern CSS can do? Check my latest article
@frontendmasters.com
frontendmasters.com/blog/infinit...
Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!
add a skeleton here at some point
1
57
9
this but music
add a skeleton here at some point
4 months ago
0
2
0
reposted by
Andrew Aquino
Neal Agarwal
4 months ago
ikea captcha
loading . . .
32
1732
234
reposted by
Andrew Aquino
Pavel*
over 2 years ago
getting into this template
37
3131
1392
first creative coding sketch I've done in a looong time. felt inspired to pick it back up after connecting with some algorave folks at RenderATL last month 😊 visualized with Hydra synth:
hydra.ojack.xyz?sketch_id=Lk...
loading . . .
4 months ago
2
3
0
reposted by
Andrew Aquino
Annie Sexton
4 months ago
I love CSS folks. They are soldiers of joy and delight. The world is burning and AI debates have people at each others throats and CSS peeps keep being like “check out this dancing turtle I made out of divs 🥰”
10
411
72
reposted by
Andrew Aquino
Konnor Rogers
4 months ago
This is art:
secretgeek.github.io/html_wysiwyg...
loading . . .
This page is a truly naked, brutalist html quine.
https://secretgeek.github.io/html_wysiwyg/html.html
1
42
20
reposted by
Andrew Aquino
SeasonalPun
4 months ago
You know what emergent tech of the last decade actually works well, and was adopted by millions? 3D printing. It’s great! So many applications. But also nobody is sneering at you for not having or utilizing 3D printing. Nobody is trying to sneak a 3D printer into your garage without your consent
100
4955
1620
practicing writing alt text by watching Severance S2 with my fiancée and describing the graphic bits while she covers her eyes
4 months ago
1
3
0
reposted by
Andrew Aquino
Addy Osmani
4 months ago
New in ChromeDevTools: Debug complex CSS values more easily! 🎉 The Elements > Styles tab now shows a tooltip on hover with: 1. A step-by-step evaluation of complex CSS calculations to trace values back to their origin! 2. The full definition chain of CSS variables!
7
89
19
reposted by
Andrew Aquino
Saron Yitbarek
4 months ago
New blog post just dropped! Animation-range cheatsheet for scroll-driven animations:
webkit.org/blog/17184/s...
All the values for animation-range broken down with detailed graphics. Hope it's helpful ❤️
loading . . .
So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Background If you’re new to scroll-driven animations, welcome!
https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation/
2
49
17
reposted by
Andrew Aquino
Luke
5 months ago
It occured to me that the web doesn't provide any utility functions for working with the geometry primitives (e.g. DOMRect), so I've proposed adding some:
github.com/w3c/fxtf-dra...
Seems like an obvious addition to me, but curious if others agree? Any other obvious ones beyond what I've mentioned?
loading . . .
[geometry-1] Proposal: Geometry Utility Methods · Issue #602 · w3c/fxtf-drafts
Proposal: Geometry Utility Methods Summary This proposal adds common utility methods to the DOMRectReadOnly interface. These methods are widely used across DOM APIs and developer code, but currentl...
https://github.com/w3c/fxtf-drafts/issues/602
9
61
20
reposted by
Andrew Aquino
Standplaats Kraków could really use some cash!
5 months ago
5
373
106
reposted by
Andrew Aquino
Kevin Powell
5 months ago
I was using anchor positioning with a pseudo-element, and wanted to transition it between anchors. Thought I'd run into a wall with it, but instead of chaning the position-anchor on the element itself, you can just update which element has the anchor-name... Code 👉
codepen.io/kevinpowell/...
loading . . .
20
266
22
reposted by
Andrew Aquino
Alexander Lichter
5 months ago
Wow!
@posthog.com
moved from
@eslint.org
to Oxlint and achieved 97% faster linting. Instead of 7.7s, the pre-commit hook takes 230ms now 👀
github.com/PostHog/post...
loading . . .
chore(frontend): Migrate from 🐌 ESLint to ⚡ Oxlint by Twixes · Pull Request #33714 · PostHog/posthog
Problem Any commit to the PostHog frontend is painful. Here's how long it takes to lint a staged TypeScript file, as part of the pre-commit hooks: > time pnpm eslint frontend/src/scenes/max/...
https://github.com/PostHog/posthog/pull/33714
3
72
5
reposted by
Andrew Aquino
COUNTING WORMS MOSH CALL
7 months ago
this post was engineered in a lab to do critical damage to Cameron Maynard
1
52
6
reposted by
Andrew Aquino
CSS-Tricks*
5 months ago
Four years go,
@patrickbrosset.com
showed us how to style the gap between layout elements using clever workarounds. Well, he's back to show us how we'll soon have a few simple CSS properties that make it easy, yet also flexible without any fuss.
css-tricks.com/the-gap-stri...
loading . . .
The Gap Strikes Back: Now Stylable | CSS-Tricks
Styling the space between layout items — the gap — has typically required some clever workarounds. But a new CSS feature changes all that with just a few simple CSS properties that make it easy, yet a...
https://css-tricks.com/the-gap-strikes-back-now-stylable/
0
21
9
reposted by
Andrew Aquino
Ian Boudreau
5 months ago
The Crock Pot is one of the only times when real life works like video game crafting. You dump in some powders and the remains of several vile birds and out comes hot delicious food
44
5137
995
Load more
feeds!
log in