AMW
@misterwalker.bsky.social
Probably somewhere doing cruel and/or unusual things to CSS. Long time SitePoint.
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
October 28, 2025 at 11:29 PM
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
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.
October 20, 2025 at 3:37 AM
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.
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/
August 18, 2025 at 11:13 PM
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/
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...
My “glittering city of hacks built on the banks of the ol’ Hack River. On the Planet Hack.“ :)
css-tricks.com/worlds-colli...
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 ...
css-tricks.com
July 30, 2025 at 4:44 AM
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...
My “glittering city of hacks built on the banks of the ol’ Hack River. On the Planet Hack.“ :)
css-tricks.com/worlds-colli...
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-disco...
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.
css-tricks.com
July 30, 2025 at 4:41 AM
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-disco...
@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..
July 28, 2025 at 12:54 AM
@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..
@shibcodes.bsky.social telling us to “Stop using React”. As a recent 11ty convert, I love that advice. #webdirections
June 12, 2025 at 6:46 AM
@shibcodes.bsky.social telling us to “Stop using React”. As a recent 11ty convert, I love that advice. #webdirections
TIL: ‘Cumulative Layout Shift’ - or how much your page changes when fonts load later - is a measurable metric in chrome Dev Tools. #webdirections.
June 12, 2025 at 2:20 AM
TIL: ‘Cumulative Layout Shift’ - or how much your page changes when fonts load later - is a measurable metric in chrome Dev Tools. #webdirections.
May from Refugees Code, looking for employment partners, laptops and mentors for #webdiections
June 12, 2025 at 12:23 AM
May from Refugees Code, looking for employment partners, laptops and mentors for #webdiections
Fershad Irani talking about ‘energy grid-sensitive’ coding and infrastructure. Interesting ideas. #webdirectionscode2025
June 11, 2025 at 11:41 PM
Fershad Irani talking about ‘energy grid-sensitive’ coding and infrastructure. Interesting ideas. #webdirectionscode2025
This is nuts! What is going on here?
These boxes are not moving. A mind-bending optical illusion by Japanese artist Jagarikin.
May 7, 2025 at 9:47 AM
This is nuts! What is going on here?
Censorship resistant data format. Seems like a sadly timely idea.
It's too easy to censor scientific data. We should decentralize scientific data somewhat.
I'm building a simple tool for censorship-resistant data archiving. It uses the same tech as Bluesky. github.com/gordonbrande...
I'm building a simple tool for censorship-resistant data archiving. It uses the same tech as Bluesky. github.com/gordonbrande...
May 5, 2025 at 11:27 AM
Censorship resistant data format. Seems like a sadly timely idea.
Reposted by AMW
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
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
April 30, 2025 at 9:54 AM
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
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
Reposted by AMW
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...
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...
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...
www.scottohara.me
May 1, 2025 at 12:04 AM
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...
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...
Reposted by AMW
www.gradii.fun is a gradient generator. You can add text overlays and image overlays.
github.com/keshav-exe/w...
#opensource #TypeScript #WebTools
github.com/keshav-exe/w...
#opensource #TypeScript #WebTools
April 27, 2025 at 11:22 PM
www.gradii.fun is a gradient generator. You can add text overlays and image overlays.
github.com/keshav-exe/w...
#opensource #TypeScript #WebTools
github.com/keshav-exe/w...
#opensource #TypeScript #WebTools
@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...
F Troop Opening Credits and Theme Song
youtu.be
April 27, 2025 at 8:43 PM
@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...
Reposted by AMW
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
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
April 20, 2025 at 5:02 AM
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
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
@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?
February 10, 2025 at 4:36 AM
@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?
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
The Gap 🌟
An interactive article about the CSS gap property in Flexbox and Grid.
🔗 ishadeed.com/article/the-...
An interactive article about the CSS gap property in Flexbox and Grid.
🔗 ishadeed.com/article/the-...
February 10, 2025 at 12:01 AM
Reposted by AMW
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/
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 | 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.
una.im
January 22, 2025 at 5:40 PM
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/
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/
Reposted by AMW
this haptic display absolutely rocks. basketball is for everyone.
February 6, 2025 at 9:56 PM
this haptic display absolutely rocks. basketball is for everyone.
https://zumerlab.github.io/orbit-docs/introduction/ 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
February 2, 2025 at 3:45 AM
https://zumerlab.github.io/orbit-docs/introduction/ 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
Reposted by AMW
Boston Market recently changed their name to Boston MARKET, a move that increased their market capitalization by 500%
January 28, 2025 at 3:36 AM
Boston Market recently changed their name to Boston MARKET, a move that increased their market capitalization by 500%
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
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
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...
codepen.io
January 24, 2025 at 10:12 PM
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
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