Ronald Diemicke
@ronalddiemicke.bsky.social
That guy who does things with stuff.
Reposted by Ronald Diemicke
Good stuff by @ahmadalfy.bsky.social here: Your URL is your state.
🔗 alfy.blog/2025/10/31/y...
(It’s the exact approach I for example used for scroll-driven-animations.style/tools/view-t... or @nerdy.dev used for gradient.style – All settings are immediately reflected in the current URL.)
🔗 alfy.blog/2025/10/31/y...
(It’s the exact approach I for example used for scroll-driven-animations.style/tools/view-t... or @nerdy.dev used for gradient.style – All settings are immediately reflected in the current URL.)
Your URL Is Your State
A deep dive into how thoughtful URL design can enhance usability, shareability, and performance. Learn what state belongs in URLs, common pitfalls to avoid, and practical patterns for modern web apps.
alfy.blog
November 7, 2025 at 9:58 AM
Good stuff by @ahmadalfy.bsky.social here: Your URL is your state.
🔗 alfy.blog/2025/10/31/y...
(It’s the exact approach I for example used for scroll-driven-animations.style/tools/view-t... or @nerdy.dev used for gradient.style – All settings are immediately reflected in the current URL.)
🔗 alfy.blog/2025/10/31/y...
(It’s the exact approach I for example used for scroll-driven-animations.style/tools/view-t... or @nerdy.dev used for gradient.style – All settings are immediately reflected in the current URL.)
Reposted by Ronald Diemicke
View transitions are pretty neat, and I was fortunate enough to write a piece for @piccalil.li about putting them to work.
They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production.
#WebDev #ViewTransitions #CSS
They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production.
#WebDev #ViewTransitions #CSS
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.
piccalil.li/blog/some-pr...
piccalil.li/blog/some-pr...
Some practical examples of view transitions to elevate your UI
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.
piccalil.li
November 6, 2025 at 12:30 PM
View transitions are pretty neat, and I was fortunate enough to write a piece for @piccalil.li about putting them to work.
They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production.
#WebDev #ViewTransitions #CSS
They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production.
#WebDev #ViewTransitions #CSS
Reposted by Ronald Diemicke
Great, so www.britishairways.com
🎉 Displays in geo language rather than user language
🎉 The language picker is at the bottom of a long page
🎉 The language picker is in the current language, so in order to select "United Kingdom", I need to know what that is in German
🎉 Displays in geo language rather than user language
🎉 The language picker is at the bottom of a long page
🎉 The language picker is in the current language, so in order to select "United Kingdom", I need to know what that is in German
November 7, 2025 at 11:03 AM
Great, so www.britishairways.com
🎉 Displays in geo language rather than user language
🎉 The language picker is at the bottom of a long page
🎉 The language picker is in the current language, so in order to select "United Kingdom", I need to know what that is in German
🎉 Displays in geo language rather than user language
🎉 The language picker is at the bottom of a long page
🎉 The language picker is in the current language, so in order to select "United Kingdom", I need to know what that is in German
Reposted by Ronald Diemicke
“When you use a JavaScript framework, that isn’t the end of your work, it’s just the beginning. You still have to write your own code that makes use of that framework. Except now your code is restricted to only what the framework can do.”
I’d even drop “JavaScript” from that sentence 😉
I’d even drop “JavaScript” from that sentence 😉
Journal: Providers
Web browsers provide you with great features for free. Why would you choose to use tools that stop you taking advantage of that?
🔗https://adactio.com/journal/22235
Web browsers provide you with great features for free. Why would you choose to use tools that stop you taking advantage of that?
🔗https://adactio.com/journal/22235
November 6, 2025 at 7:44 PM
“When you use a JavaScript framework, that isn’t the end of your work, it’s just the beginning. You still have to write your own code that makes use of that framework. Except now your code is restricted to only what the framework can do.”
I’d even drop “JavaScript” from that sentence 😉
I’d even drop “JavaScript” from that sentence 😉
Reposted by Ronald Diemicke
There’s a new type of CSS scroll-state query coming: “scrolled”.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
October 22, 2025 at 4:48 PM
There’s a new type of CSS scroll-state query coming: “scrolled”.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
I love learning how awesome the web is.
Don't [...spread] or .split() your strings!
Use Intl.Segmenter API. Available in every JS runtime
Use Intl.Segmenter API. Available in every JS runtime
October 24, 2025 at 3:03 AM
I love learning how awesome the web is.
Reposted by Ronald Diemicke
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
utilitybend.com/blog/a-nativ...
A native way of having more than one thumb on a range slider in HTML | utilitybend
Accessible and styled multi-handle range sliders in HTML? We should explore this option. And I need your help!
utilitybend.com
October 17, 2025 at 8:49 AM
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
utilitybend.com/blog/a-nativ...
@austinwalker.bsky.social bought this sight unseen based on your repost. You know how much I love xcom.
<48 hours left to grab Cyber Knights: Flashpoint at its lowest price since release!
store.steampowered.com/app/1021210/...
1700+ 👍 Steam reviews, XCOM-style combat with deep character build-crafting, independent enemy unit AI opening up creative ambush / diversion tactics, and MUCH more. #Gaming
store.steampowered.com/app/1021210/...
1700+ 👍 Steam reviews, XCOM-style combat with deep character build-crafting, independent enemy unit AI opening up creative ambush / diversion tactics, and MUCH more. #Gaming
September 13, 2025 at 5:10 PM
@austinwalker.bsky.social bought this sight unseen based on your repost. You know how much I love xcom.
Reposted by Ronald Diemicke
👉🏽 Screenreader/HTML Look up tool updated 12 September 2025
#a11y #HTML #ScreenReader
Note: android/talkback results are safe to use up to element
cdpn.io/pen/debug/By...
#a11y #HTML #ScreenReader
Note: android/talkback results are safe to use up to element
cdpn.io/pen/debug/By...
Screen Reader HTML Support – Lookup
cdpn.io
September 12, 2025 at 11:23 AM
👉🏽 Screenreader/HTML Look up tool updated 12 September 2025
#a11y #HTML #ScreenReader
Note: android/talkback results are safe to use up to element
cdpn.io/pen/debug/By...
#a11y #HTML #ScreenReader
Note: android/talkback results are safe to use up to element
cdpn.io/pen/debug/By...
Reposted by Ronald Diemicke
#CSS :default - Random CSS that I wasn't aware of until today, and it has been a baseline widely available since 2020.
:default - CSS | MDN
The :default CSS pseudo-class selects form elements that are the default in a group of related elements.
developer.mozilla.org
September 13, 2025 at 12:50 PM
#CSS :default - Random CSS that I wasn't aware of until today, and it has been a baseline widely available since 2020.
Reposted by Ronald Diemicke
👀 Browserslist 4.26 - Now supports Baseline Queries
Thanks @en.sitnik.ru @tonypconway.com , this will be way more convenient in many cases!
Thanks @en.sitnik.ru @tonypconway.com , this will be way more convenient in many cases!
September 12, 2025 at 8:39 PM
👀 Browserslist 4.26 - Now supports Baseline Queries
Thanks @en.sitnik.ru @tonypconway.com , this will be way more convenient in many cases!
Thanks @en.sitnik.ru @tonypconway.com , this will be way more convenient in many cases!
Reposted by Ronald Diemicke
I made a thing: scroll-driven, almost pure #CSS infinite circular gallery rotation - check it out on @codepen.io:
codepen.io/thebabydino/...
Using scroll-driven animations and the tiniest bit of JS for the infinity part of it.
Made with 🖤 for this week's #CodePenChallenge.
cc @bram.us
codepen.io/thebabydino/...
Using scroll-driven animations and the tiniest bit of JS for the infinity part of it.
Made with 🖤 for this week's #CodePenChallenge.
cc @bram.us
September 10, 2025 at 5:58 PM
Welp if it’s good enough for @merriam-webster.com it’s good enough for me.
enshittification | noun | when a digital platform is made worse for users, in order to increase profits
September 4, 2025 at 2:29 AM
Welp if it’s good enough for @merriam-webster.com it’s good enough for me.
Reposted by Ronald Diemicke
gradient.style has finally
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
August 28, 2025 at 9:06 PM
gradient.style has finally
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
- come out of beta
- offers multiple background editing
- is open source
🎉 nerdy.dev/gradient.sty...
Reposted by Ronald Diemicke
Unsplash for free images and illustrations (although there's plenty of AI in there now.)
Pexels for more diverse free images.
Bensound for free royalty-free (they are not the same thing) background music for videos.
Pexels for more diverse free images.
Bensound for free royalty-free (they are not the same thing) background music for videos.
Unsplash still exists! And you can credit the photographer! Or pay for Unsplash+!
August 13, 2025 at 12:24 PM
Unsplash for free images and illustrations (although there's plenty of AI in there now.)
Pexels for more diverse free images.
Bensound for free royalty-free (they are not the same thing) background music for videos.
Pexels for more diverse free images.
Bensound for free royalty-free (they are not the same thing) background music for videos.
Reposted by Ronald Diemicke
There's a new keyword value for sizes in CSS: stretch. It can be used in sizing properties like width and height. In this 4-minute video, @miriam.codes explains how it works with an easy example. Check it out!
youtu.be/iZZXOuLxagE?...
#css #video #news
youtu.be/iZZXOuLxagE?...
#css #video #news
There's a new stretch keyword in CSS?
YouTube video by Winging It
youtu.be
August 13, 2025 at 12:36 PM
There's a new keyword value for sizes in CSS: stretch. It can be used in sizing properties like width and height. In this 4-minute video, @miriam.codes explains how it works with an easy example. Check it out!
youtu.be/iZZXOuLxagE?...
#css #video #news
youtu.be/iZZXOuLxagE?...
#css #video #news
Reposted by Ronald Diemicke
Your CSS character can’t walk, jump, or dance? It’s not cursed — it’s boneless 🦴🦴🦴
In my new video, we’re building an HTML skeleton so your character moves like a pro — smooth, natural and 100% CSS.
Watch here → youtu.be/fv0-fwSKbsk
In my new video, we’re building an HTML skeleton so your character moves like a pro — smooth, natural and 100% CSS.
Watch here → youtu.be/fv0-fwSKbsk
Skeleton: Make Your CSS Walk! Complete 3D CSS Guide, Part 3
YouTube video by Julia Miocene
youtu.be
August 10, 2025 at 12:34 PM
Your CSS character can’t walk, jump, or dance? It’s not cursed — it’s boneless 🦴🦴🦴
In my new video, we’re building an HTML skeleton so your character moves like a pro — smooth, natural and 100% CSS.
Watch here → youtu.be/fv0-fwSKbsk
In my new video, we’re building an HTML skeleton so your character moves like a pro — smooth, natural and 100% CSS.
Watch here → youtu.be/fv0-fwSKbsk
Reposted by Ronald Diemicke
A major problem with using LLMs to learn things:
Me: "A is true, therefore B is false, right?"
LLM: "Right! Here's a ton of detail to confirm your belief."
Me: "Actually, A is false; B is true."
LLM: "Exactly right! Here's more detail to confirm that belief."
Me: "A is true, therefore B is false, right?"
LLM: "Right! Here's a ton of detail to confirm your belief."
Me: "Actually, A is false; B is true."
LLM: "Exactly right! Here's more detail to confirm that belief."
July 26, 2025 at 7:46 PM
A major problem with using LLMs to learn things:
Me: "A is true, therefore B is false, right?"
LLM: "Right! Here's a ton of detail to confirm your belief."
Me: "Actually, A is false; B is true."
LLM: "Exactly right! Here's more detail to confirm that belief."
Me: "A is true, therefore B is false, right?"
LLM: "Right! Here's a ton of detail to confirm your belief."
Me: "Actually, A is false; B is true."
LLM: "Exactly right! Here's more detail to confirm that belief."
Reposted by Ronald Diemicke
This is a fun/fascinating watch about HTML and how different folks might structure a “simple” card component. Excellent vid, @kevinpowell.co
Is HTML the hardest language?
YouTube video by Kevin Powell
youtu.be
July 24, 2025 at 6:38 PM
This is a fun/fascinating watch about HTML and how different folks might structure a “simple” card component. Excellent vid, @kevinpowell.co
Reposted by Ronald Diemicke
Follow @cheapassgamer.com & Repost for a Chance to Win 1 of 5 Codes For Dungeons & Dragons Neverwinter Nights 2: Enhanced Edition (Steam) Provided by @aspyr.com . Ends Monday at 9PM ET. ow.ly/ASat50WpXW7
July 15, 2025 at 6:31 PM
Follow @cheapassgamer.com & Repost for a Chance to Win 1 of 5 Codes For Dungeons & Dragons Neverwinter Nights 2: Enhanced Edition (Steam) Provided by @aspyr.com . Ends Monday at 9PM ET. ow.ly/ASat50WpXW7
@cferdinandi.bsky.social Loved your email today on creating unique IDs... I think the only problem I see is that this works great if you're generating an ID for a heading, but could fall apart if you wanted an ID for a paragraph.. maybe you base it off the first X number of characters?
July 15, 2025 at 11:03 PM
@cferdinandi.bsky.social Loved your email today on creating unique IDs... I think the only problem I see is that this works great if you're generating an ID for a heading, but could fall apart if you wanted an ID for a paragraph.. maybe you base it off the first X number of characters?
Reposted by Ronald Diemicke
Are you curious how browsers work? I'm working up a list of essential web performance resources, and many of the talks from this 2020 instance of Chromium University ("internal" training for Chromies) are incredible:
code.sgo.to/2020/12/16/chrom…
code.sgo.to/2020/12/16/chrom…
· sgo.to
code.sgo.to
July 13, 2025 at 7:36 PM
Are you curious how browsers work? I'm working up a list of essential web performance resources, and many of the talks from this 2020 instance of Chromium University ("internal" training for Chromies) are incredible:
code.sgo.to/2020/12/16/chrom…
code.sgo.to/2020/12/16/chrom…
This is neat!
I was using anchor positioning with a pseudo-element, and wanted to transition it between anchors. Thought I'd run into a wall with it, but instead of chaning the position-anchor on the element itself, you can just update which element has the anchor-name...
Code 👉 codepen.io/kevinpowell/...
Code 👉 codepen.io/kevinpowell/...
July 3, 2025 at 2:36 AM
This is neat!
Reposted by Ronald Diemicke
Spent 7 years in the GraphQL ecosystem. Here's what we got wrong:
❌ POST'ing documents as default
❌ Selling "versionless" APIs as realistic
❌ Ignoring HTTP caching entirely
❌ Making it complex for beginners
✅ The tech is solid. The guidance needs work.
www.jovidecroock.com/blog/graphql...
❌ POST'ing documents as default
❌ Selling "versionless" APIs as realistic
❌ Ignoring HTTP caching entirely
❌ Making it complex for beginners
✅ The tech is solid. The guidance needs work.
www.jovidecroock.com/blog/graphql...
The GraphQL Asterisk Problem: When Benefits Come with Caveats
An exploration of the trade-offs and considerations when using GraphQL and its alternatives.
www.jovidecroock.com
June 30, 2025 at 2:56 PM
Spent 7 years in the GraphQL ecosystem. Here's what we got wrong:
❌ POST'ing documents as default
❌ Selling "versionless" APIs as realistic
❌ Ignoring HTTP caching entirely
❌ Making it complex for beginners
✅ The tech is solid. The guidance needs work.
www.jovidecroock.com/blog/graphql...
❌ POST'ing documents as default
❌ Selling "versionless" APIs as realistic
❌ Ignoring HTTP caching entirely
❌ Making it complex for beginners
✅ The tech is solid. The guidance needs work.
www.jovidecroock.com/blog/graphql...
@cferdinandi.bsky.social so I've gotta ask because it's bugging me... and I did a quick search and didn't find the answer... what's the advantage of using :where(:root) over just :root?
Noticed this in Kelp... and I have guesses, but figured I'd go straight to the source.
Noticed this in Kelp... and I have guesses, but figured I'd go straight to the source.
June 28, 2025 at 8:27 PM
@cferdinandi.bsky.social so I've gotta ask because it's bugging me... and I did a quick search and didn't find the answer... what's the advantage of using :where(:root) over just :root?
Noticed this in Kelp... and I have guesses, but figured I'd go straight to the source.
Noticed this in Kelp... and I have guesses, but figured I'd go straight to the source.