iiinova — where your digital self keeps evolving

AMW @misterwalker.bsky.social · 16/12/2025

If you've ever needed to design and implement a 'Quick exit' bar for a site (usually for an at-risk audience), this is the most phenomenally well-researched and complete thinking I've seen on the topic. 10,000 words and all of it valuable. Bookmark it. dl.acm.org/doi/fullHtml...

dl.acm.org

Click Here to Exit: An Evaluation of Quick Exit Buttons

000

Reposted by AMW

Stoyan Stefanov @stoyan.me · 13/12/2025

Web Performance Calendar day 13 with Yoav Weiss (@yoav.ws) showing us a clever and creative way to ship *only* critical/necessary CSS for each page type (home, search, etc) while also avoiding duplicate code in the CSS bundles. calendar.perfplanet.com/2025/how-to-...

calendar.perfplanet.com

How to load CSS (fast)

Loading styles on the web is something that looks trivial at first. You just add a <link rel=stylesheet> to your page (or <style> for inline styles) and you're done. But if you wanted to load CSS fas...

14413

AMW @misterwalker.bsky.social · 28/10/2025

Technology regrets: Synology NAS. Overly complicated, over-engineered and temperamental. Thought I was permanently solving a longtime problem but just swapped for new ones. #wouldntdoagain

010

AMW @misterwalker.bsky.social · 20/10/2025

First 10 minutes into MacOS #Tahoe. First gut feel: I try hard not to just react to the 'NEW=BAD'ness of it, but, boy, there's seems to be a lot of new visually busy-ness without an obvious benefit.

000

AMW @misterwalker.bsky.social · 19/08/2025

Amazing work on @joshwcomeau.com's new course page. Click around and find the very playable keyboard - complete with phaser, tremelo, distortion and more. 🤯😍https://whimsy.joshwcomeau.com/

Whimsical animations page showing a small purple synthesizer.

230

AMW @misterwalker.bsky.social · 30/07/2025

As someone who has heard 'why wouldn't you just use JavaScript to do that?' too many times to recall, I really resonated with this piece from Lee Meyer. css-tricks.com/how-to-disco...

css-tricks.com

How to Discover a CSS Trick | CSS-Tricks

Do we invent or discover CSS tricks? Lee Meyer discusses how creative limitations, recursive thinking, and unexpected combinations lead to his most interesting ideas.

030

AMW @misterwalker.bsky.social · 28/07/2025

@joshwcomeau.com I found your @container query piece a great foundation. Am I wasting my time trying to use @container to make a text element where the font-size gets smaller as you add more characters (i.e. the width stays the same)? I'm pretty sure I am..

110

AMW @misterwalker.bsky.social · 12/06/2025

@shibcodes.bsky.social telling us to “Stop using React”. As a recent 11ty convert, I love that advice. #webdirections

020

AMW @misterwalker.bsky.social · 12/06/2025

TIL: ‘Cumulative Layout Shift’ - or how much your page changes when fonts load later - is a measurable metric in chrome Dev Tools. #webdirections.

030

AMW @misterwalker.bsky.social · 12/06/2025

May from Refugees Code, looking for employment partners, laptops and mentors for #webdiections

000

AMW @misterwalker.bsky.social · 12/06/2025

Fershad Irani talking about ‘energy grid-sensitive’ coding and infrastructure. Interesting ideas. #webdirectionscode2025

010

AMW @misterwalker.bsky.social · 07/05/2025

This is nuts! What is going on here?

010

AMW @misterwalker.bsky.social · 05/05/2025

Censorship resistant data format. Seems like a sadly timely idea.

030

Reposted by AMW

comiCSS @comicss.art · 30/04/2025

comiCSS #11: superheroes.css comicss.art/comics/11/su... Different DC and Marvel superheroes described using CSS. Some of them are a bit of a stretch or too niched (or both), but at the time it looked like a fun approach, so I even did a second take on this idea 20 cartoons later. #css #cartoon

$/* DC */ #BruceWayne, #DickGrayson, #ClarkKent { orphans: 3; } #Bizarro { content: "Superman"; transform: scaleX(-1); } #JayGarrick { #WallyWest, #BarryAllen, #BartAllen, #AveryHo { animation-duration: 0.000000001s; } #DinahDrake, #DinahLance { color: #000; volume: x-loud; } #OliverQueen { content: "\2192"; color: #008000; }$ /* Marvel */

#PeterParker {
position: sticky;
}
#NatashaRomanoff {
color: #000;
widows: 1;
}
#ReedRichards {
flex: 1;
}
#SueStorm,
#SueRichards {
visibility: hidden;
opacity: 1;
will-change: opacity;
}
#BlackBolt {
speak: never;
}
#PietroMaximoff {
animation-duration: 0.000001s;
color: #c0c0c0;
}
#WandaMaximoff ~ .mutant {
all: unset;
}

/* Marvel */

#PeterParker {
position: sticky;
}
#NatashaRomanoff {
color: #000;
widows: 1;
}
#ReedRichards {
flex: 1;
}
#SueStorm,
#SueRichards {
visibility: hidden;
opacity: 1;
will-change: opacity;
}
#BlackBolt {
speak: never;
}
#PietroMaximoff {
animation-duration: 0.000001s;
color: #c0c0c0;
}
#WandaMaximoff ~ .mutant {
all: unset;
}

152

Reposted by AMW

Scott O'Hara @scottohara.me · 01/05/2025

i was told that my blog post on making an accessible toast notification had a typo. so of course when i fixed that, i also ended up adjusting some of the content and adding a whole new section about popovers at the end. www.scottohara.me/blog/2019/07...

scottohara.me

A toast to an accessible toast... | scottohara.me

You may have recently read Adrian Roselli’s Scraping Burned Toast, Chris Coyier’s summary of the current “toast conversation”. Or maybe you’ve browsed the G...

2234

Reposted by AMW

David Bisset @davidbisset.com · 28/04/2025

www.gradii.fun is a gradient generator. You can add text overlays and image overlays. github.com/keshav-exe/w... #opensource #TypeScript #WebTools

Screenshot of the UI in a web browser. Like a simple Photoshop UI.

082

AMW @misterwalker.bsky.social · 27/04/2025

@kenjennings.bsky.social i suspect someone has made the connection by now, but the theme you hinted on the Omnibus Podcast sounds like ‘F Troop’ to me. youtu.be/BLSu2AIy4-k...

youtu.be

F Troop Opening Credits and Theme Song

000

Reposted by AMW

DiDoesDigital @didoesdigital.com · 20/04/2025

One thing I enjoy about this social media chart challenge is that I can sneak in silly choices I wouldn't usually make. Behold my gradient, lack of data point circles, and use of curvy lines! I also don't have to spend time making it work at all the screen sizes and ratios. #30DayChartChallenge

Carlton is a Densely Populated Suburb
Carlton, Melbourne is among Australia's most densely populated suburbs. And yet it boasts Victoria's 12th best offering of well-loved open spaces.¹

Line chart of Population density (persons/km²) shows in 2018: 11,453.8; 2019: 11,562.7: 2020: 11,472.5; 2021: 9,382.5; 2022: 9,928.5; and 2023: 11,753.5.

¹ Neighbourlytics (2024), 'Where are Australia's most well-loved open spaces?' https://www.neighbourlytics.com/post/where-are-australias-most-well-loved-open-spaces.
Data: Australian Bureau of Statistics (2024), Data by region, Region summary: Carlton https://dbr.abs.gov.au/region.html?lyr=sa2&rgn=206041117, accessed 19 April 2025.
Chart: @DiDoesDigital.

0142

AMW @misterwalker.bsky.social · 10/02/2025

@operagxofficial.bsky.social . While I'm good with the idea of not living in a self-constructed media bubble, the 'Personal Newsfeed' that OperaGX builds for me seems to have an inordinate number of Russi@n state media items. And I don't seem to be able to change that... Ideas?

010

AMW @misterwalker.bsky.social · 10/02/2025

Mind the gap! Great sum up of the advantages of using 'gap' with #flexbox and #cssgrid. Took me a while to break the habit of thinking in terms of margin and padding when planning layouts, but gap simplifies so many things. #CSS

050

Reposted by AMW

Una Kravets @una.im · 22/01/2025

Dang I'm excited about new semantic attr() capabilities in CSS! I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it. Advanced attr() is rolling out in Chrome 133 starting next week 🥰 una.im/advanced-attr/

una.im

una.im | New capabilities for attr()

Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.

417143

Reposted by AMW

Luke Knox @lukeknox.me · 06/02/2025

this haptic display absolutely rocks. basketball is for everyone.

243211846783

AMW @misterwalker.bsky.social · 02/02/2025

zumerlab.github.io/orbit-docs/intro… A CSS-powered framework for making radial/circular UI components from @tinchox5.bsky.social . Really interested to dig into this a bit deeper when I get back to a laptop. Nice job the scrolling introduction on phone too. #css

032

AMW @misterwalker.bsky.social · 01/02/2025

I asked Llama AI a CSS question. Not sure... but I think I sent it insane... Hey, it's ok to say, 'sorry, I don't know', fella. #CSS

An AI answer to a HTML/CSS question that starts reasonably, before devolving into a recurring loop of the same sentence fragment.

020

Reposted by AMW

dan mentos @danmentos.com · 28/01/2025

Boston Market recently changed their name to Boston MARKET, a move that increased their market capitalization by 500%

1105390681

AMW @misterwalker.bsky.social · 24/01/2025

codepen.io/alexmwalker/... There might be others that find this handy. A CSS-only, floating 'back to top' link that fades in after you begin to scroll. On the surface it seemed easier than it turned out, but I think it's kinda useful. #CSS #CSS-only #no-js

codepen.io

CSS-only: Hide the 'Back to Top' control

The idea was have a cross site 'back to top' button placed the code of the footer, but using 'position: fixed' to keep it in the bottom right corner of...

041

AMW @misterwalker.bsky.social · 10/01/2025

Nice experience so far subbing in Orbstack for Docker. MUCH lighter and kinder with my RAM and works out of the box with no fuss.

030

Reposted by AMW

Eric Meyer @meyerweb.com · 19/12/2024

’Tis the season to hold this timeless holiday message close to our hearts.

Rudolph the Red-Nosed Reindeer from the 1970s Rankin-Bass animated TV special. A caption next to Rudolph reads “deviation from the norm will be punished unless it is exploitable”.

14113