blokche
@blokche.bsky.social
UI Developer | HTML, CSS, Javascript, Accessibility & Web Standards
Reposted by blokche
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
The Practical Accessibility Course
A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today
practical-accessibility.today
November 20, 2025 at 2:58 PM
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Reposted by blokche
You probably don’t need `aria-label` for that thing.
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
aria-label is a code smell
If it is important enough to need words, it is important enough to use text content..
ericwbailey.website
November 19, 2025 at 5:39 PM
You probably don’t need `aria-label` for that thing.
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
It doesn’t auto-translate:
adrianroselli.com/2019/11/aria...
It’s code smell:
ericwbailey.website/published/ar...
You can probably use better methods:
adrianroselli.com/2020/01/my-p...
#accessibility #a11y #ARIA
Reposted by blokche
🚀 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...
Reposted by blokche
Just published part 2 of our @angular.dev Signal Forms series! 🚀
We go over:
- custom validators
- async validation
- dynamic behavior
- debouncing
- custom form components
Still experimental, but already very promising!
👉 blog.ninja-squad.com/2025/11/14/a...
We go over:
- custom validators
- async validation
- dynamic behavior
- debouncing
- custom form components
Still experimental, but already very promising!
👉 blog.ninja-squad.com/2025/11/14/a...
November 14, 2025 at 9:31 AM
Just published part 2 of our @angular.dev Signal Forms series! 🚀
We go over:
- custom validators
- async validation
- dynamic behavior
- debouncing
- custom form components
Still experimental, but already very promising!
👉 blog.ninja-squad.com/2025/11/14/a...
We go over:
- custom validators
- async validation
- dynamic behavior
- debouncing
- custom form components
Still experimental, but already very promising!
👉 blog.ninja-squad.com/2025/11/14/a...
Reposted by blokche
I’ve seen one-time passcode (“OTP”) interfaces cause undue stress in otherwise level-headed #WebDev teams.
Thankfully, it doesn’t have to be complicated: cloudfour.com/thinks/simpl...
#HTML #CSS #JavaScript
Thankfully, it doesn’t have to be complicated: cloudfour.com/thinks/simpl...
#HTML #CSS #JavaScript
Simple One-Time Passcode Inputs
Fully functional OTP entry may be easier than you think.
cloudfour.com
November 11, 2025 at 4:46 PM
I’ve seen one-time passcode (“OTP”) interfaces cause undue stress in otherwise level-headed #WebDev teams.
Thankfully, it doesn’t have to be complicated: cloudfour.com/thinks/simpl...
#HTML #CSS #JavaScript
Thankfully, it doesn’t have to be complicated: cloudfour.com/thinks/simpl...
#HTML #CSS #JavaScript
Reposted by blokche
New blog post: joshcollinsworth.com/blog/alchemy
Alchemy
Some thoughts on attempts to create gold out of nothing, and how generative AI, in many ways, mirrors that doomed pursuit
joshcollinsworth.com
November 9, 2025 at 5:36 PM
New blog post: joshcollinsworth.com/blog/alchemy
Reposted by blokche
Ready for a new way to build forms in @angular.dev? 🚀
✅ Signal Forms are coming in v21 (experimental)!
In this post, we explore form creation, submission handling, and validation.
👉 blog.ninja-squad.com/2025/11/04/a...
✅ Signal Forms are coming in v21 (experimental)!
In this post, we explore form creation, submission handling, and validation.
👉 blog.ninja-squad.com/2025/11/04/a...
November 4, 2025 at 12:09 PM
Ready for a new way to build forms in @angular.dev? 🚀
✅ Signal Forms are coming in v21 (experimental)!
In this post, we explore form creation, submission handling, and validation.
👉 blog.ninja-squad.com/2025/11/04/a...
✅ Signal Forms are coming in v21 (experimental)!
In this post, we explore form creation, submission handling, and validation.
👉 blog.ninja-squad.com/2025/11/04/a...
Reposted by blokche
Après Paris, Nantes et Lyon, il est temps de vous dévoiler le programme des ateliers de Lille, qui auront lieu le 6 décembre à l'ECV Lille.
www.paris-web.fr/act...
www.paris-web.fr/act...
Ateliers de Lille : programme et inscriptions — Paris Web
Après les ateliers de Lyon, il est désormais temps de vous annoncer le programme et d’ouvrir les inscriptions pour la journée d’ateliers de Lille, qui se déroulera le samedi 6 décembre à l’ECV …
www.paris-web.fr
November 3, 2025 at 7:31 AM
Après Paris, Nantes et Lyon, il est temps de vous dévoiler le programme des ateliers de Lille, qui auront lieu le 6 décembre à l'ECV Lille.
www.paris-web.fr/act...
www.paris-web.fr/act...
Reposted by blokche
I don't agree with all the points being made here, but this opening sentence really hits home. 👇
blog.pabloecortez.com/its-insultin...
blog.pabloecortez.com/its-insultin...
October 31, 2025 at 1:03 PM
I don't agree with all the points being made here, but this opening sentence really hits home. 👇
blog.pabloecortez.com/its-insultin...
blog.pabloecortez.com/its-insultin...
Reposted by blokche
In 2017 I needed to create a grid of logos for Monotype requiring separators between items. I had to use pseudo-elements & "magic numbers" for simple lines 😩
In 2025: CSS finally solves this!
Styling the gap, with CSS
www.alwaystwisted.com/articles/sty...
In 2025: CSS finally solves this!
Styling the gap, with CSS
www.alwaystwisted.com/articles/sty...
Styling The gap with CSS
Make your components context-aware with CSS inherit(): learn how the new inherit() function lets components derive spacing, colour and motion from their container, reduce token bloat, and implement ro...
www.alwaystwisted.com
October 22, 2025 at 12:05 PM
In 2017 I needed to create a grid of logos for Monotype requiring separators between items. I had to use pseudo-elements & "magic numbers" for simple lines 😩
In 2025: CSS finally solves this!
Styling the gap, with CSS
www.alwaystwisted.com/articles/sty...
In 2025: CSS finally solves this!
Styling the gap, with CSS
www.alwaystwisted.com/articles/sty...
When Color Meets Constraints: A Guide to Brand–Product Collaboration www.designsystemscollective.com/when-color-m... #design #brand #product
When Color Meets Constraints: A Guide to Brand–Product Collaboration
I’ve been through a few rebrands now, both from the brand perspective and the design system perspective. The pattern is often the same: the…
www.designsystemscollective.com
October 11, 2025 at 4:30 PM
When Color Meets Constraints: A Guide to Brand–Product Collaboration www.designsystemscollective.com/when-color-m... #design #brand #product
Reposted by blokche
i wrote about atproto and why it matters
Open Social — overreacted
The protocol is the API.
overreacted.io
September 26, 2025 at 3:33 PM
i wrote about atproto and why it matters
Reposted by blokche
Inclusive Design 24 is this week! We go live on 25 September, with twenty four hours of live talks about accessibility and inclusive design. All streamed for free, no registration required. Here's our schedule for this year: inclusivedesign24.org/2025/schedule/ #id24 #accessibility #InclusiveDesign
Inclusive Design 24 (#id24)
A free 24-hour online community event on accessibility and inclusion
inclusivedesign24.org
September 22, 2025 at 5:45 PM
Inclusive Design 24 is this week! We go live on 25 September, with twenty four hours of live talks about accessibility and inclusive design. All streamed for free, no registration required. Here's our schedule for this year: inclusivedesign24.org/2025/schedule/ #id24 #accessibility #InclusiveDesign
Reposted by blokche
🎥 New (Video) Podcast: "Navigating the World of Web Accessibility with Sara Soueidan", with @kevinpowell.co
www.youtube.com/watch?v=ndGK...
I finally sat down with Kevin for a long-overdue, in-depth conversation about web #accessibility, and we had a blast!
www.youtube.com/watch?v=ndGK...
I finally sat down with Kevin for a long-overdue, in-depth conversation about web #accessibility, and we had a blast!
Navigating the World of Web Accessibility with Sara Soueidan
YouTube video by General Musings with Kevin Powell
www.youtube.com
September 12, 2025 at 2:27 PM
🎥 New (Video) Podcast: "Navigating the World of Web Accessibility with Sara Soueidan", with @kevinpowell.co
www.youtube.com/watch?v=ndGK...
I finally sat down with Kevin for a long-overdue, in-depth conversation about web #accessibility, and we had a blast!
www.youtube.com/watch?v=ndGK...
I finally sat down with Kevin for a long-overdue, in-depth conversation about web #accessibility, and we had a blast!
Reposted by blokche
Our Python doc is officially out in the wild! 🐍
Thanks to everyone who joined the premiere 🙌 such a good vibe.
Here’s the link so you can watch it on repeat youtu.be/GfH4QL4VqJ0
Thanks to everyone who joined the premiere 🙌 such a good vibe.
Here’s the link so you can watch it on repeat youtu.be/GfH4QL4VqJ0
Python: The Documentary | An origin story
YouTube video by CultRepo (formerly Honeypot)
youtu.be
August 29, 2025 at 12:00 AM
Our Python doc is officially out in the wild! 🐍
Thanks to everyone who joined the premiere 🙌 such a good vibe.
Here’s the link so you can watch it on repeat youtu.be/GfH4QL4VqJ0
Thanks to everyone who joined the premiere 🙌 such a good vibe.
Here’s the link so you can watch it on repeat youtu.be/GfH4QL4VqJ0
Reposted by blokche
🛠️ New Article: The Basics of Anchor Positioning
I wrote an article covering some basics of CSS anchor positioning. Really excited to share this one! 🤩
🔗 ishadeed.com/article/anch...
I wrote an article covering some basics of CSS anchor positioning. Really excited to share this one! 🤩
🔗 ishadeed.com/article/anch...
August 28, 2025 at 7:41 AM
🛠️ New Article: The Basics of Anchor Positioning
I wrote an article covering some basics of CSS anchor positioning. Really excited to share this one! 🤩
🔗 ishadeed.com/article/anch...
I wrote an article covering some basics of CSS anchor positioning. Really excited to share this one! 🤩
🔗 ishadeed.com/article/anch...
Reposted by blokche
New blog post (the first since April!): joshcollinsworth.com/blog/titles-...
Titles matter
Is a person who prompts an LLM to generate a website a web developer? And if not, what is the difference, and why does that matter so much?
joshcollinsworth.com
August 26, 2025 at 4:21 PM
New blog post (the first since April!): joshcollinsworth.com/blog/titles-...
Reposted by blokche
Friendly reminder that AI data centers are working overtime to help cook the planet. If the fires are scaring you— start using ‘-AI’ at the end of all Google searches to cut out any AI response to your query. Refusal is possible & responsible.
www.theguardian.com/technology/2...
www.theguardian.com/technology/2...
OpenAI will not disclose GPT-5’s energy use. It could be higher than past models
Experts working to benchmark resource use of AI models say new version’s enhanced capabilities come at a steep cost
www.theguardian.com
August 17, 2025 at 7:41 PM
Friendly reminder that AI data centers are working overtime to help cook the planet. If the fires are scaring you— start using ‘-AI’ at the end of all Google searches to cut out any AI response to your query. Refusal is possible & responsible.
www.theguardian.com/technology/2...
www.theguardian.com/technology/2...
2D and 3D Animation using JavaScript Greensock & Spline by @chrisgannon.bsky.social at @pixelpioneers.co // ✨💡 Inspiring! youtu.be/2xLKrHZ44qk
2D and 3D Animation using JavaScript Greensock & Spline - Chris Gannon - Pixel Pioneers 2025
YouTube video by Pixel Pioneers
youtu.be
August 17, 2025 at 3:43 PM
2D and 3D Animation using JavaScript Greensock & Spline by @chrisgannon.bsky.social at @pixelpioneers.co // ✨💡 Inspiring! youtu.be/2xLKrHZ44qk
Reposted by blokche
💻 Framasoft recrute un⋅e développeur·euse fullstack senior !
➡️ contact.framasoft.org/recrutement
📅 Vous avez jusqu'au 18 septembre 2025 pour postuler. N'hésitez pas à faire circuler !
#JeRecrute #OffreDEmploi #jobsearch #job #work #emploi #recrutement #dev #fullstack
➡️ contact.framasoft.org/recrutement
📅 Vous avez jusqu'au 18 septembre 2025 pour postuler. N'hésitez pas à faire circuler !
#JeRecrute #OffreDEmploi #jobsearch #job #work #emploi #recrutement #dev #fullstack
August 13, 2025 at 9:32 AM
💻 Framasoft recrute un⋅e développeur·euse fullstack senior !
➡️ contact.framasoft.org/recrutement
📅 Vous avez jusqu'au 18 septembre 2025 pour postuler. N'hésitez pas à faire circuler !
#JeRecrute #OffreDEmploi #jobsearch #job #work #emploi #recrutement #dev #fullstack
➡️ contact.framasoft.org/recrutement
📅 Vous avez jusqu'au 18 septembre 2025 pour postuler. N'hésitez pas à faire circuler !
#JeRecrute #OffreDEmploi #jobsearch #job #work #emploi #recrutement #dev #fullstack
Reposted by blokche
🥳 CSS functions have arrived*!!! 🥳
And they are *AWESOME*
Now, you can do:
@function --alpha(--color, --opacity) {
result: rgb(from var(--color) r g b / var(--opacity));
}
div {
background: --alpha(red, 80%);
}
Lean more: una.im/5-css-functi...
(*arrived = in the latest stable Chrome)
And they are *AWESOME*
Now, you can do:
@function --alpha(--color, --opacity) {
result: rgb(from var(--color) r g b / var(--opacity));
}
div {
background: --alpha(red, 80%);
}
Lean more: una.im/5-css-functi...
(*arrived = in the latest stable Chrome)
una.im | 5 Useful CSS functions using the new @function rule
CSS custom functions are a gamechanger. Here are 5 really useful examples.
una.im
August 13, 2025 at 6:00 PM
🥳 CSS functions have arrived*!!! 🥳
And they are *AWESOME*
Now, you can do:
@function --alpha(--color, --opacity) {
result: rgb(from var(--color) r g b / var(--opacity));
}
div {
background: --alpha(red, 80%);
}
Lean more: una.im/5-css-functi...
(*arrived = in the latest stable Chrome)
And they are *AWESOME*
Now, you can do:
@function --alpha(--color, --opacity) {
result: rgb(from var(--color) r g b / var(--opacity));
}
div {
background: --alpha(red, 80%);
}
Lean more: una.im/5-css-functi...
(*arrived = in the latest stable Chrome)
A gentle introduction to anchor positioning #css webkit.org/blog/17240/a...
A gentle introduction to anchor positioning
Anchor positioning allows you to place an element on the page based on where another element is.
webkit.org
August 13, 2025 at 7:07 AM
A gentle introduction to anchor positioning #css webkit.org/blog/17240/a...
Reposted by blokche
After a new wave of discussion about CustomEvent vs Event subclasses, I wrote a new blog post on the topic:
TL;DR: Subclass Event instead of using CustomEvent 😎
justinfagnani.com/2025/06/25/s...
TL;DR: Subclass Event instead of using CustomEvent 😎
justinfagnani.com/2025/06/25/s...
Stop Using CustomEvent
justinfagnani.com
June 25, 2025 at 2:56 PM
After a new wave of discussion about CustomEvent vs Event subclasses, I wrote a new blog post on the topic:
TL;DR: Subclass Event instead of using CustomEvent 😎
justinfagnani.com/2025/06/25/s...
TL;DR: Subclass Event instead of using CustomEvent 😎
justinfagnani.com/2025/06/25/s...