blokche's Avatar

blokche

@blokche.bsky.social

UI Developer | HTML, CSS, Javascript, Accessibility & Web Standards

115 Followers  |  439 Following  |  32 Posts  |  Joined: 21.11.2023  |  1.8932

Latest posts by blokche.bsky.social on Bluesky

Post image

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...

04.11.2025 12:09 โ€” ๐Ÿ‘ 9    ๐Ÿ” 4    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
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 โ€ฆ

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...

03.11.2025 07:31 โ€” ๐Ÿ‘ 2    ๐Ÿ” 3    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
It seems so rude and careless to make me, a person with thoughts, ideas, humor, contradictions and life experience to read something spit out by the equivalent of a lexical bingo machine because you were too lazy to write it yourself.

It seems so rude and careless to make me, a person with thoughts, ideas, humor, contradictions and life experience to read something spit out by the equivalent of a lexical bingo machine because you were too lazy to write it yourself.

I don't agree with all the points being made here, but this opening sentence really hits home. ๐Ÿ‘‡

blog.pabloecortez.com/its-insultin...

31.10.2025 13:03 โ€” ๐Ÿ‘ 19    ๐Ÿ” 4    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1
Alice Cooper - Feed My Frankenstein (Official Video)
YouTube video by AliceCooperVEVO Alice Cooper - Feed My Frankenstein (Official Video)

youtu.be/NO2cHJmDkBg
#mood #halloween ๐ŸŽƒ๐Ÿ’€๐ŸŽธ๐ŸŽถ

31.10.2025 18:09 โ€” ๐Ÿ‘ 8    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
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...

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...

22.10.2025 12:05 โ€” ๐Ÿ‘ 26    ๐Ÿ” 7    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1
Preview
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โ€ฆ

When Color Meets Constraints: A Guide to Brandโ€“Product Collaboration www.designsystemscollective.com/when-color-m... #design #brand #product

11.10.2025 16:30 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Open Social โ€” overreacted The protocol is the API.

i wrote about atproto and why it matters

26.09.2025 15:33 โ€” ๐Ÿ‘ 2666    ๐Ÿ” 485    ๐Ÿ’ฌ 114    ๐Ÿ“Œ 137
Preview
Inclusive Design 24 (#id24) A free 24-hour online community event on accessibility and inclusion

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

22.09.2025 17:45 โ€” ๐Ÿ‘ 8    ๐Ÿ” 11    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 1

Nice move. Congrats Adam! ๐Ÿค˜๐Ÿผ

13.09.2025 05:00 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Navigating the World of Web Accessibility with Sara Soueidan
YouTube video by General Musings with Kevin Powell Navigating the World of Web Accessibility with Sara Soueidan

๐ŸŽฅ 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!

12.09.2025 14:27 โ€” ๐Ÿ‘ 48    ๐Ÿ” 13    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
Python: The Documentary | An origin story
YouTube video by CultRepo (formerly Honeypot) Python: The Documentary | An origin story

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

29.08.2025 00:00 โ€” ๐Ÿ‘ 77    ๐Ÿ” 35    ๐Ÿ’ฌ 5    ๐Ÿ“Œ 4
Video thumbnail

๐Ÿ› ๏ธ 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...

28.08.2025 07:41 โ€” ๐Ÿ‘ 163    ๐Ÿ” 45    ๐Ÿ’ฌ 10    ๐Ÿ“Œ 2
Preview
AI isnโ€™t designโ€™s biggest problem Most AI output has a bland sameness, but that also sounds like a lot of contemporary graphic design. AI is a chance to break free.

AI isnโ€™t designโ€™s biggest problem #GraphicDesign #AI
www.fastcompany.com/91382025/ai-...

27.08.2025 19:02 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
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?

New blog post (the first since April!): joshcollinsworth.com/blog/titles-...

26.08.2025 16:21 โ€” ๐Ÿ‘ 4    ๐Ÿ” 3    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
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

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...

17.08.2025 19:41 โ€” ๐Ÿ‘ 2754    ๐Ÿ” 1692    ๐Ÿ’ฌ 70    ๐Ÿ“Œ 70
2D and 3D Animation using JavaScript Greensock & Spline - Chris Gannon - Pixel Pioneers 2025
YouTube video by Pixel Pioneers 2D and 3D Animation using JavaScript Greensock & Spline - Chris Gannon - Pixel Pioneers 2025

2D and 3D Animation using JavaScript Greensock & Spline by @chrisgannon.bsky.social at @pixelpioneers.co // โœจ๐Ÿ’ก Inspiring! youtu.be/2xLKrHZ44qk

17.08.2025 15:43 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Image d'illustration reprenant les informations donnรฉes dans le texte.

Image d'illustration reprenant les informations donnรฉes dans le texte.

๐Ÿ’ป 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

13.08.2025 09:32 โ€” ๐Ÿ‘ 46    ๐Ÿ” 64    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1
Preview
una.im | 5 Useful CSS functions using the new @function rule CSS custom functions are a gamechanger. Here are 5 really useful examples.

๐Ÿฅณ 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)

13.08.2025 18:00 โ€” ๐Ÿ‘ 170    ๐Ÿ” 43    ๐Ÿ’ฌ 7    ๐Ÿ“Œ 5
Preview
A gentle introduction to anchor positioning Anchor positioning allows you to place an element on the page based on where another element is.

A gentle introduction to anchor positioning #css webkit.org/blog/17240/a...

13.08.2025 07:07 โ€” ๐Ÿ‘ 1    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Stop Using CustomEvent

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...

25.06.2025 14:56 โ€” ๐Ÿ‘ 54    ๐Ÿ” 9    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 1
Bulletproof Watchers in Vue Learn how to write bulletproof watchers in Vue, when to use onCleanup and onWatcherCleanup, and how to build reusable cleanup helpers.

Bulletproof Watchers in #Vue michaelnthiessen.com/bulletproof-...

10.08.2025 04:57 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Anatomy of a Web Component The one where I present what Iโ€™ve learnt

blogged: Anatomy of a Web Component

dbushell.com/2025/08/01/a...

โ€” accidentally hit publish early so I guess we're proofreading together!

31.07.2025 12:38 โ€” ๐Ÿ‘ 3    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
State of HTML 2025 Take the State of HTML survey

๐Ÿš€ The #StateOfHTML 2025 survey is now open!

โžก๏ธ Take it now: survey.devographics.com/en-US/survey...

๐Ÿ’ก Spending time to fill these out is an investment into your craft, as browsers are using the results to make prioritization decisions.

You don't have to do it in one sitting (or even one device).

22.07.2025 15:21 โ€” ๐Ÿ‘ 34    ๐Ÿ” 24    ๐Ÿ’ฌ 5    ๐Ÿ“Œ 2
Preview
The Gap Strikes Back: Now Stylable | CSS-Tricks Styling the space between layout items โ€” the gap โ€” has typically required some clever workarounds. But a new CSS feature changes all that with just a few simple CSS properties that make it easy, yet a...

The Gap Strikes Back: Now Stylable css-tricks.com/the-gap-stri... #css

04.07.2025 04:39 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Back in the day, Twitter used to be really good if I set up a thread to connect freelancers with clients. Let's see if Bluesky can do it.

Clients: if you're looking for freelancers/contractors, get in the comments

Freelancers/contractors: get in comments

Everyone else: boosts appreciated

27.06.2025 10:20 โ€” ๐Ÿ‘ 357    ๐Ÿ” 275    ๐Ÿ’ฌ 68    ๐Ÿ“Œ 13
portrait of Jason in Portland

portrait of Jason in Portland

today is my 40th birthday. to toot my own horn a bit, I'm the happiest, healthiest, and most successful I've ever been,ย so I'm going to indulge myself and do one of those "40 things that made me who I am" threads

so buckle up (or mute me for the next little bit ๐Ÿ˜†)

27.06.2025 00:25 โ€” ๐Ÿ‘ 307    ๐Ÿ” 29    ๐Ÿ’ฌ 60    ๐Ÿ“Œ 16

Do not spend half the time covering Tailwind please :D

18.06.2025 11:12 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
What I Wish Someone Told Me When I Was Getting Into ARIA โ€” Smashing Magazine [Accessible Rich Internet Applications (ARIA)](https://www.w3.org/WAI/standards-guidelines/aria/) is an inevitability when working on web accessibility. That said, itโ€™s everyoneโ€™s first time learning ...

ARIA! It exists and on a long enough timeline you'll need to use it. Here's how to get into the right headspace to do so! #a11y www.smashingmagazine.com/2025/06/what...

16.06.2025 19:16 โ€” ๐Ÿ‘ 160    ๐Ÿ” 48    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 6
Preview
Everything's More Complicated in Groups: Required Groups - TPGi Alicia Evans navigates through the challenges and solutions of identifying to users when groups of related fields are required.

Everythingโ€™s More Complicated in Groups: Required Groups www.tpgi.com/everythings-... #accessibility #html #a11y

13.06.2025 04:57 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
A new way to style gaps in CSS ย |ย  Blog ย |ย  Chrome for Developers Say goodbye to border and pseudo-element hacks.

Happy to publish a post from the Microsoft team about the work to implement gap decorations for multicol, grid, and flex layouts. You'll soon be able to add a border round grid items, for example! Check out the demos in Chrome Canary developer.chrome.com/blog/gap-dec...

12.06.2025 09:24 โ€” ๐Ÿ‘ 58    ๐Ÿ” 11    ๐Ÿ’ฌ 4    ๐Ÿ“Œ 1

@blokche is following 20 prominent accounts