iiinova — where your digital self keeps evolving

(working on a more detailed write-up about the why behind these... and also about the why not others)

My ranking: 🏆 Targeted #SVG improvements 👉 github.com/web-platform... 🥈 #CSS `filter(image, ...filters)` 👉 github.com/web-platform... 🥉 `border-⁠shape` property 4️⃣ `polygon()` vertex rounding 5️⃣ linked parameters 6️⃣ `flex-⁠wrap: balance` 7️⃣ `interpolate-⁠size` property and `calc-⁠size()` function

150

Reposted by Ana Tudor

European Space Agency @esa.int · 15/10/2026

This is Namibia’s Etosha Pan, the country’s largest salt pan, captured by Copernicus Sentinel-2. 🌍 Vegetation appears in striking red in this false-colour view, while water across the salt pans appears in shades of green and deep blue. Learn more: www.esa.int/ESA_Multimed...

011317

Ana Tudor @anatudor.bsky.social · 2h

Block the crap out of all ads. Oh, website stops working if you do that? Close tab and never return.

120

Ana Tudor @anatudor.bsky.social · 2h

First time I see this, was wondering if it would use a `shape()`-like syntax.

100

Ana Tudor @anatudor.bsky.social · 15/10/2026

I thought a storm had started, but it was just an army of pigeons...

030

Ana Tudor @anatudor.bsky.social · 14/10/2026

... and I used to think that I would never live past 25 musiccloud.io/SHQ2uhEj

musiccloud.io

musiccloud

020

Ana Tudor @anatudor.bsky.social · 14/10/2026

Another day of carrying stuff... One more day... 😮‍💨

100

Ana Tudor @anatudor.bsky.social · 13/10/2026

Moved boxes all day. Exhausted.

120

Reposted by Ana Tudor

explore.org @explore.org · 13/10/2026

Friendship.

221338

Reposted by Ana Tudor

explore.org @explore.org · 12/10/2026

Postcard from Gully.

422032

Ana Tudor @anatudor.bsky.social · 12/10/2026

I doubt I could tell their actual faces to the extent I can tell their statues. We had "drawing" classes from 5th to 8th grade and they included things like history of art. Architectural styles, sculptures, things like that... Basically, I've just seen a lot of photos of paintings and statues, lol.

010

Ana Tudor @anatudor.bsky.social · 12/10/2026

Nero ❌ Vespasian ✅ Marcus Aurelius ❌ Claudius ❌ Hadrian ❌ Lucius Verus ❌ Augustus ❌ Constantine the Great ❌ Caligula ❌ Julius Caesar ❌ Titus ✅ (no idea, but can't be, already identified all 3 dudes) ❌ Domitian ✅ Caracalla ❌ Julian the Apostate ❌ Septimius Severus ❌

170

Reposted by Ana Tudor

Bruce Lawson @brucel.bsky.social · 12/10/2026

Finally, a CAPTCHA that doesn't require me to instantly know what American fire hydrants or school buses look like.

A grid showing 16 different Roman busts, with the rubric "Please click each image containing an emperor of the Flavian dynasty
If there are none, click skip"

3446

Ana Tudor @anatudor.bsky.social · 10/10/2026

Dann lassen sie mich wenigstens in Ruhe. Es könnte schlimmer sein. Sie könnten anfangen, mir von Jesus zu erzählen. 🫠 Sie könnten 🤬🤬🤬 brüllen. Oder noch schlimmer. 😟

100

Ana Tudor @anatudor.bsky.social · 10/10/2026

I eventually found this if it helps. Clicked the copy to clipboard & pasted it in the alt.

000

Ana Tudor @anatudor.bsky.social · 10/10/2026

To clarify: I have WebMaker on Chrome Dev and I got the results in the screens in Vivaldi. I have custom content blockers for twitter & the likes, but not CodePen.

100

Ana Tudor @anatudor.bsky.social · 10/10/2026

Tested just two other websites now: yes.

100

Ana Tudor @anatudor.bsky.social · 10/10/2026

I never use any extensions for the browsers that browse with. I've always been on older hardware, so I avoid anything that can drag perf down. I have WebMaker installed on a browser because I need smth simpler than CodePen. I am using custom blocking filters for certain websites, but not CodePen.

100

Ana Tudor @anatudor.bsky.social · 10/10/2026

I don't understand any of this, but I don't think this is how it's supposed to look...

110

Ana Tudor @anatudor.bsky.social · 10/10/2026

Saturday morning tunes musiccloud.io/uBBtInY7

musiccloud.io

musiccloud

000

Ana Tudor @anatudor.bsky.social · 10/10/2026

Your wallpaper looks like firefox-settings-attachments.cdn.mozilla.net/main-workspa... With dark version firefox-settings-attachments.cdn.mozilla.net/main-workspa... github.com/web-platform... should make it easier than having separate images

w3.org

CSS Linked Parameters Module Level 1

120

Ana Tudor @anatudor.bsky.social · 10/10/2026

Oh, yeah, you're right. about:config -> enable toolkit.legacyUserProfileCustomizations.stylesheets about:support -> Profile Directory -> Open Create a folder called chrome, save your current wallpaper in both light & dark versions. Create userContent.css & add light & dark body styles.

The CSS:

@-moz-document url(about:home), url(about:newtab) {
body {
background: url(light.svg) 50% / cover fixed !important
}

@media (prefers-color-scheme: dark) {
body { background-image: url(dark.svg) !important }
}
}

110

Ana Tudor @anatudor.bsky.social · 09/10/2026

about:preferences#home -> Choose a wallpaper? Unless I misunderstood?

100

Reposted by Ana Tudor

explore.org @explore.org · 09/10/2026

A little glimpses of Patches.

429058

Ana Tudor @anatudor.bsky.social · 09/10/2026

I have largely moved away from GitHub, so I can't log in until mid next week, that's why I asked.

110

Reposted by Ana Tudor

Firefox for Web Developers @webdevs.firefox.com · 08/10/2026

What do you want us to work on in 2027? Here's a web app where you can rank the Interop proposals you care about, giving us data we can use to prioritise feature development. interop-rank.fxdx.dev

interop-rank.fxdx.dev

Interop Feature Ranking

Rank the web platform features you care most about

1215072

Ana Tudor @anatudor.bsky.social · 08/10/2026

Please test your pages with the browser forcing a dark theme... ... because some of us are vampires and sure to enable it when we find it... and then come across plenty that look atrocious this way. (yes, just handling dark mode suffices in a lot of cases... but not always)

Screenshot of this feature enabled in Vivaldi settings

090

Reposted by Ana Tudor

Ana Tudor @anatudor.bsky.social · 23/09/2026

If you're supporting me on Ko-fi or Patreon, then first of all thank you! And second, I've been posting stuff lately 😼 ❇️ ko-fi.com/anatudor ❇️ www.patreon.com/c/anatudor #code #Maths #3D

ko-fi.com

Support Ana Tudor

If you like my work and you want me to be able to continue coding, please consider supporting it.

042

Ana Tudor @anatudor.bsky.social · 06/10/2026

So this came on www.youtube.com/watch?v=q_Qw... (the last time I saw them, heard them soundchecking this at noon while waiting outside the venue... and then they didn't play it... fingers crossed for 2027)

youtube.com

Die Toten Hosen - Ein guter Tag zum Fliegen, Pushed Again - Live @ Rock am Ring 2015

YouTube video by NPKV41

000

Reposted by Ana Tudor

Ana Tudor @anatudor.bsky.social · 14/02/2025

If you also want borders, I made another (hopefully accessible) tabs pattern demo using #SVG #filter and #CSS #subgrid to answer another reddit question last year www.reddit.com/r/css/commen... No extra elements or pseudos to create corner roundings. Works with unknown tab content length.

0151

Reposted by Ana Tudor

Ana Tudor @anatudor.bsky.social · 01/04/2025

How would you create this in such a way that its individual parts can be scaled independently, including via CSS animations/ transitions? Here's my take on it www.reddit.com/r/css/commen...

Image occupying the shape of the union of three intersecting rounded corner boxes.

151

Ana Tudor @anatudor.bsky.social · 06/10/2026

And now it seems to be solved without me ever doing anything about it...

010

Ana Tudor @anatudor.bsky.social · 06/10/2026

Couldn't help myself and quickly coded this on @codepen.io codepen.io/thebabydino/... No text duplication, no lists of n shadows.

codepen.io

Text extrusion

...

110

Ana Tudor @anatudor.bsky.social · 05/10/2026

There's a certain irony in the fact that the "where do you reside" dropdown is broken. I can see the options in DevTools, but clicking on that select doesn't open it... ¯\_(ツ)_/¯

050

Ana Tudor @anatudor.bsky.social · 04/10/2026

Has anyone else encountered this? ¯\_(ツ)_/¯

Trying to go to StackOverflow and getting:

Access Denied
This IP address [xxxx] has been blocked from access to our services. If you believe this to be in error, please contact us at team@stackexchange.com.

When contacting us, please include the following information in the email:

Method: block

IP: [xxxx]

RAY ID: [xxxx]

GEO: RO

430

Reposted by Ana Tudor

Ana Tudor @anatudor.bsky.social · 12/07/2024

Realistic grainy shadows on @codepen.io codepen.io/thebabydino/... Inspired by codepen.io/gayane-gaspa... except not setting each image as a div background, then duplicate it on a pseudo. Instead, I'm using a single img elem with an alt. More maintainable, accessible + get right click img menu.

Screenshot. Shows a 3×2 grid of neon images, each with a shadow that is basically its own grainy blur, slightly more transparent self, offset towards the bottom right.

081

Reposted by Ana Tudor

Ana Tudor @anatudor.bsky.social · 28/02/2025

#tinySVGtips: If you want a circle in the middle of your #SVG, choose your `viewBox` wisely. Both options below produce the same visual result, but the second one makes it easier to use the circle later. To animate transform (make it pulse), to build (animated) pie/ 🍩 charts and so on.

/* ❌ DON'T ❌ */
<svg viewBox='0 0 8 8'>
<circle cx='4' cy='4' r='4'/>
</svg>

/* ✅ DO ✅ */
<svg viewBox='-4 -4 8 8'>
<circle r='50%'/>
</svg>

1474

Ana Tudor @anatudor.bsky.social · 02/10/2026

There were way more* than just 2 prompts asking to either rotate it all by 180deg or flip it all vertically and Gemini producing the exact same result over and over... then the final screen happened... *8 to be precise, counted.