Andrew Aquino

pinned Lupe post

Yesterday, the CSSWG accepted my proposal for mesh gradients and diffusion curve gradients! Want to make gradients like this natively in CSS? Well, we've started the work on it. It's coming! Here's the Explainer: github.com/w3c/csswg-dr...

Hey Japanese learners! I built a font that renders Furigana or Romaji on top of Kanji, with ligatures to support words. It can be applied everywhere to get furigana notations for free. Give it a try, and I hope it will be helpful :) furifont.antfu.me

📣 NEW! I’ve just released the BIGGEST and perhaps most creative project I’ve ever worked on! “Searching for Birds” searchingforbirds.visualcinnamon.com 🐤 A project, an article, an exploration that dives into the data that connects humans with birds, by looking at how we search for birds.

Explore the universe in 3D CSS. JavaScript is optional. Launching css.earth 🌍 🚀 #WorldSpaceWeek

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.

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.

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.

just saw my European coworker type "ooh la la" as "ulala", this is the only acceptable spelling from now on

Pokemon JP made a pokerap for ALL 1025 POKEMON and it's a gesamkunstwerk www.youtube.com/watch?v=PqOB...

I endorse this shorthand and will be borrowing it. mckayla.blog/posts/yap.html

Happy Skynet day to all those who celebrate

My latest interactive explainer all about the technology behind record players is done! perthirtysix.com/how-the-heck...

The Father, the Sunn O))), and the Holy Spirit.

New blog post: The Case for Tri-State Dark Mode Toggles brm.us/dark-mode-tr... #CSS #DarkMode #UX

The current debate between 2 vs 3 state theme switchers is ridiculous. Everyone knows that the right answer is 100 #css #a11y

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

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?

what's up with these numbers man 45m = 0.75h = 270° = -90° deranged

I enjoyed this. ordinaryabundance.com

The Human-in-the-Loop is Tired by @summerscope.bsky.social pydantic.dev/articles/the...

logging on

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

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. https://mechanical-penci...

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

Dark Souls boss-ass cold cut name

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!🎨 🎉

Today is the 30th anniversary of Steamed Hams!

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.

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.

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

half the speed of the hour hand of a clock

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

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

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

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

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…

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

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

unnerving lofi beats to tremble and cower to

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