Andrew Aquino

@aqandrew.com

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

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

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

master.dev

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

Bild

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

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

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.