Sign in

AMW

@misterwalker.bsky.social
54 followers 114 following 49 posts

Probably somewhere doing cruel and/or unusual things to CSS. Long time SitePoint.

PostsRepliesMedia
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 · 29/11/2025
That’s your email app trying to frisk your network?
100
AMW @misterwalker.bsky.social · 31/10/2025
Weird. You’d think the url alone should be a big enough signal
100
AMW @misterwalker.bsky.social · 30/10/2025
Interesting. Is this because AI-generated spam is harder to tag as different from traditional spambot fare?
100
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
Deep cut! Nice.
000
AMW @misterwalker.bsky.social · 20/10/2025
I prefer to look at it as swap. Some jewels for a pretty dope ladder, right?
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
Yes, I remember thinking years ago, 'who would ACTUALLY ever code on their phone?'. Turns out, increasingly often, me. Sometimes it's just a case of : An idea occurs and I'd have to go upstairs to grab my laptop and bed is cosy.
020
AMW @misterwalker.bsky.social · 19/08/2025
whimsy.joshwcomeau.com
whimsy.joshwcomeau.com
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
010
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
I remember Paul Simon wanted people to call him 'AI' years ago. Miles ahead of his time, that guy.
030
AMW @misterwalker.bsky.social · 30/07/2025
I think that makes the Roomba your line manager?
010
AMW @misterwalker.bsky.social · 30/07/2025
Aww! And got a nice shout out in Lee's CSS Pong update too! My “glittering city of hacks built on the banks of the ol’ Hack River. On the Planet Hack.“ :) css-tricks.com/worlds-colli...
css-tricks.com
Worlds Collide: Keyframe Collision Detection Using Style Queries | CSS-Tricks
Interactive CSS animations with elements ricocheting off each other seem more plausible in 2025. While it’s unnecessary to implement Pong in CSS, the increasing flexibility and power of CSS reinforce ...
020
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 · 29/07/2025
Thanks. Yes it's a useful function. I have 300 location names with the same logotype. Feels like something that should be managed by the CSS ideally.
010
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 · 25/07/2025
This is SUCH as great lead-in to not just what SVG is, but why it is so fun and powerful to work with. It's easy to lose designers at the moment you mention the idea of 'making an image by typing with code'. This introduction makes that mental leap so much more 'jumpable'.
010
AMW @misterwalker.bsky.social · 12/06/2025
I can’t see and way ‘Good Vibrations’ and ‘God only knows’ aren’t in the greatest 50 songs of all time. Maybe 25 even. Fair effort.
010
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 · 07/05/2025
Heya Craig! Great to see you're here too! Been having a look through Publican. Nice work! I built my first site with #11ty recently. What would be the most compelling reason to switch to Publican?
100
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;
}
152
AMW @misterwalker.bsky.social · 04/05/2025
#breathtakingleaps
media1.giphy.com
https://media1.giphy.com/media/97PwDMnf1c9xDcDXWf/200.gif
000
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
AMW @misterwalker.bsky.social · 01/05/2025
I like mine with extra dolor!
020
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 · 18/04/2025
I’ve never understood the thinking behind it. Is it supposed to inhibit brute force bits? Either way, agree on the donkey parts bit.
000
AMW @misterwalker.bsky.social · 17/04/2025
Totally looks to be one of those foreign mackerels taking good Scottish mackerel jobs!
000
AMW @misterwalker.bsky.social · 01/03/2025
It’s so simple, yet had never occurred to me before. #pennydropmoment
000
AMW @misterwalker.bsky.social · 22/02/2025
Hey, fair go, there's only so many hours in a day. He has important video games to be fake good at!
0100
AMW @misterwalker.bsky.social · 16/02/2025
Ha! 🙄 I suppose the next logical step is to write a bot to post 'JavaScript is quite well documented, you know?..' under every thread on the JS subcat StackOverflow, turn the lights out and quietly leave?
010
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
AMW @misterwalker.bsky.social · 08/02/2025
Richard Osborne in the top 20 too. Wouldn’t have picked that!
000
Reposted by AMW
LuUuUuke 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
Yes, anyone know where you can get those sharp chrome boomerangs? Asking for a friend
000
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 · 28/01/2025
Heya Dan! Long time indeed. Gee, it feels like the old days over here. Quite enjoying Bluesky! 😀
100
AMW @misterwalker.bsky.social · 28/01/2025
Nice. You can almost hear the 'click..fzzzz..' sound effect as you click it.
010