iiinova — where your digital self keeps evolving

Nils Binder @ichimnetz.com · 14/06/2026

Got back from #CSSday. Apart from the great talks I had a wonderful time. I was being proposed to by @joshtumath.uk with a beer can, had very important discussions about soft hands, numbers of duvets, crochet and cross-stitch and many more. Very happy to be part of this lovely community.

Two men laughing at a conference. One kneels on the floor in a playful proposal pose, holding up a can of beer toward the other, who stands by a wall covered in posters and project notes.

260

Nils Binder @ichimnetz.com · 14/06/2026

A few of you asked for the pattern for the wine-glass cozy I wore at #CSSday. My crochet-pattern debut — here it is! Have fun with it, and I'd love to see your results if you make one. 🧶 schick.link/pattern @utilitybend.com @lea.verou.me @kevinpowell.co @sjoy.lol @ohhelloana.blog

Me at CSS Day holding up a wine glass nestled in a red and green striped crocheted cozy, worn on a cord around the neck so the glass hangs hands-free.

2276

Nils Binder @ichimnetz.com · 11/06/2026

Arrived at #CSSDay. We brought a bunch of stickers … make sure to ask some of the 9elements guys for “Javer Skirpt”

Name badge reading “Nils Binder” on top of css related stickers.

A coffee table with a bunch of css related stickers and a bouquet of flowers. 9elements rollup in the background.

051

Reposted by Nils Binder

Niki @nikitonsky.mastodon.online.ap.brid.gy · 09/06/2026

You’re welcome

File menu on Tahoe with an icon for each menu item

File menu on Golden Gate has only 4 icons

5454

Reposted by Nils Binder

Kevin Powell @kevinpowell.co · 04/06/2026

If you're in/around Amsterdam but can't make it to CSS Day, I also plan to be at the @css.cafe event that takes place the day after if you want to get a chance to hang out a bit 😊

2143

Reposted by Nils Binder

CSS Café @css.cafe · 02/06/2026

Our favourite conference of the year is back: CSS Day ✨ CSS legends, browser engineers, and web platform experts sharing talks on modern CSS, accessibility, design systems, browser internals, and much more. cssday.nl See you next week in Amsterdam? ☕️

cssday.nl

CSS Day 2026, 11th & 12th of June, Amsterdam

CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.

3238

Reposted by Nils Binder

Matthias Ott @matthiasott.com · 28/04/2026

Found the #CSS table with @ichimnetz.com, @utilitybend.com, and @bram.us at #btconf! 🙌

A table with Nils Binder, Brecht de Ruyte, Bramus van Damme, and Matthias Ott - all smiling of course

2233

Nils Binder @ichimnetz.com · 24/03/2026

Ever wanted to get rid of “widows” in the last row of your auto-generated grid? I found a solution with modern CSS. We do need to know the child count though. @kevinpowell.co I actually came up with this after you asked about use-cases for child-count. codepen.io/enbee81/pen/...

codepen.io

Widow-Killer Auto-Grid

...

270

Reposted by Nils Binder

Matthias Ott @matthiasott.com · 21/03/2026

✍️ New post: The Shape of Friction I wrote a short blog post reply to @davatron5000.bsky.social’s recent post (👏) about generative AI, friction, and people. matthiasott.com/notes/the-sh...

matthiasott.com

The Shape of Friction · Matthias Ott

Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.

49128

Nils Binder @ichimnetz.com · 16/03/2026

After finally understanding @css-only.dev's demo for calculating the shortest paths between points, I was able to create this little spotlight effect. Pretty happy with the result! codepen.io/enbee81/deta...

codepen.io

anchor ray 3 spotlights - final

This would not have been possible without seeing Temani Afif’s mind-blowing CSS-only graph theory. https://codepen.io/t_afif/pen/YPWMmOP...

45613

Nils Binder @ichimnetz.com · 28/11/2025

Thanks for including my little article 🥰

120

Nils Binder @ichimnetz.com · 18/11/2025

@bell.bz They dressed up. They put on their best little chili hat. It’s almost Christmas — they’re basically festive now — and you’re still pretending they don’t exist. Brutal.

Icon of Notion’s AI agent with a small red chili pepper hat.

000

Nils Binder @ichimnetz.com · 17/11/2025

A bit more niche, but next to fancy things like scroll-driven animations, CSS also introduced new math functions like round() and mod(). With them, you can take a time value like 1045 (without the colon) and calculate the minutes passed since midnight. bsky.app/profile/ichi...

.session {
/* Starting time 10:45 written without : */
--start: 1045;
/* Extract the hour part with roun()
(→ 10 * 60 = 600 minutes) */
--hours-to-minutes: calc(round(down, var(--start) / 100, 1) * 60);
/* Extract the minute part with mod()
(→ 45 minutes) */
--minutes: mod(var(--start), 100);

/* Total minutes from midnight */
--total-minutes: calc(var(--hours-to-minutes) + var(--minutes));
}

041

Nils Binder @ichimnetz.com · 14/11/2025

Build a multi-stage timetable for a conference — fully in modern CSS. Each hour grows automatically to fit all sessions. 🍾 heavy use of subgrid. 🍾 round() and mod() to place sessions accurately 🍾 scroll-driven animations for sticky stage headings

1190

Reposted by Nils Binder

Mia [data-css=poetic] @miriam.codes · 27/10/2025

There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout. - Since it uses many of the grid-* properties, `grid` will be in the name somewhere - We don't use metaphors in CSS names, so `masonry` is not listed here docs.google.com/forms/d/e/1F...

docs.google.com

Ex-Masonry Display Type Keyword Poll

See https://github.com/w3c/csswg-drafts/issues/12022 for context. This poll intentionally leaves out `masonry` as an option, see https://github.com/w3c/csswg-drafts/issues/12022#issuecomment-34172962...

158444

Nils Binder @ichimnetz.com · 23/09/2025

Has anyone else seen this in iOS 26? Sticky and fixed elements shift slightly out of view when scrolling down, then snap back when scrolling up. I made a demo to test it: cdpn.io/pen/debug/Qw... Curious if others can reproduce.

120

Nils Binder @ichimnetz.com · 10/09/2025

Visiting Seattle… I was NOT prepared for this. 🤣🤣 Breakfast was delicious though! #tailwind

Green awning of a café with the name “TAILWIND café | bar” printed in pink and white.

160

Nils Binder @ichimnetz.com · 18/08/2025

My colleague @dhoelzgen.dev asked me to build a website for the (re)founded Elixir Ruhr Meetup. Had lots of fun experimenting with scroll-driven animations, border images… And if you’re brave enough, you can brew up some magic 🧙‍♂️✨ elixir-ruhr.dev

elixir-ruhr.dev

Elixir Ruhr Meetup

Join Elixir enthusiasts from the Ruhr Area for inspiring talks, lively discussions, and great company!

151

Reposted by Nils Binder

Ben Schwarz @benschwarz.bsky.social · 23/07/2025

“I don’t like CSS” is coded speech for “I never learned CSS”

923231

Nils Binder @ichimnetz.com · 10/07/2025

Had a wonderful day at @frontendnorth.bsky.social. Thanks a lot for having me. If you're interested in the slides to my talk, you can find them here: ichimnetz.com/slides/unwra... #FrontEndNorth

ichimnetz.com

32710

Reposted by Nils Binder

Front End North @frontendnorth.bsky.social · 10/07/2025

Some photos for you from this morning (and not from my potato phone)! 🌅 Huge thanks to our first 4 speakers for your fantastic talks @bell.bz @olu.online @ichimnetz.com @amyrogers.design #FrontEndNorth

Andy Bell at the lectern wearing a CSS Programmer t-shirt

Nils Binder, Front End North sign behind

171

Reposted by Nils Binder

Front End North @frontendnorth.bsky.social · 10/07/2025

Boring! Breaking free of a fixed container and the tools which constrain our creativity with @ichimnetz.com #FrontEndNorth

ChatGPT, Figma, Tailwind logos surround SpongeBob SquarePants conjuring a “boring!” rainbow between their hands

072

Reposted by Nils Binder

Front End North @frontendnorth.bsky.social · 09/07/2025

3 tickets off a major milestone for us volunteer organisers! Tell your lovely developer and designer friends, we'd love to see you at Front End North 🙌 £75 - 8 talks - video game social - Sheffield - tomorrow! frontendnorth.com

Jaws meme: We're going to need a bigger boat

055

Nils Binder @ichimnetz.com · 09/07/2025

Looks like I’ve found the one and only Station™ 😄 Just landed in Manchester—next stop: Sheffield! Getting ready for @frontendnorth.bsky.social 🚆✨

Entrance to a modern transportation hub labeled “Welcome to The Station,” featuring icons for train, bus, and tram services above glass automatic doors.

1122

Nils Binder @ichimnetz.com · 13/06/2025

There was a time when anyone could be an artist 👨‍🎨 — if they loved the work enough. Then came the professionals. Then came the camera. Today, it’s not paint that’s being replaced. It’s code. 9elements.com/blog/when-sk...

9elements.com

When Skill Became Obsolete: Art, Code, and the End of the Amateur - 9elements

Combining finest craftsmanship with elegant design to ship innovative digital experiences.

040

Reposted by Nils Binder

CSS Café @css.cafe · 10/06/2025

Wow – what a meetup! Huge thanks to everyone who joined our in-person gathering right after #CSSDay. Special shoutout to @miocene.io, Johannes, and Vilde for the fantastic talks. We had such a great time and hope to see you all again next year! 🙌

A breakfast buffet featuring rows of pastries and sliced cakes. The front trays display banana bread and blueberry loaf slices on floral-patterned plates. Behind them, wooden boards hold neatly arranged croissants and pain au chocolat.

Nils, Nesim, and Jan (from left to right) stand smiling in front of a CSS Café banner. All three are wearing light pink shirts with a small owl graphic. The setting is a covered courtyard with checkered floor tiles and glass walls. A few other people are visible in the background.

Julia stands at the front of a cozy, wood-beamed room giving a talk to an attentive audience. Behind her, a presentation slide reads: ‘But can you even do anything useful?’

Johannes and Vilde are presenting in front of an audience at an indoor event. A large screen behind them displays the slide title “Ongoing Events.” The room is filled with seated attendees, viewed from the back, and has modern ceiling lights and wooden beams.

2121

Reposted by Nils Binder

Brecht De Ruyte @utilitybend.com · 07/06/2025

Closing off by following a presentation @css.cafe meetup. CSS in the News Room. So happy I still got to see a part of this! So creative. #csscafe #CSSDay . Very inspirational

A bunch of people in the café. In the front there are 2 speakers. On the tv there is a visual with text sjukt sjuke and some code next to it.

0172

Nils Binder @ichimnetz.com · 06/06/2025

Getting a shoutout from @ishadeed.com for our min-max calculator at #cssday? Made. Our. Day. 🥰 min-max-calculator.9elements.com?16,24,320,1200

Ahmad Shadeed speaking on stage at CSS Day in a large hall with high ceilings and classical architecture. A large slide behind him explains min-max-value interpolation in CSS using the clamp() function. The audience is seated and attentively watching the talk. Captions are displayed on a screen in the lower-right corner of the stage.

2172

Nils Binder @ichimnetz.com · 06/06/2025

Getting ready for CSS Day, part 2! I’ll have some stickers and a few owl shirts with me — if you’re around and want one, come say hi.

Two folded T-shirts lie side by side on a white surface — one teal, one light pink. Both shirts feature an embroidered version of the "lobotomized owl," a quirky character by accessibility advocate Heydon Pickering, with red star-shaped eyes and a stitched mouth. Scattered around are various colorful stickers: two bright pink ones with the text “CSS Café,” two white ones styled like CSS code that read “.sticker { position: fixed; }”, and several playful character stickers, including blue creatures, raindrops, and a spiky-haired pink face. There’s also a small roll of stickers in the corner. The scene conveys a fun, creative atmosphere with a strong web developer and accessibility culture vibe.

040

Nils Binder @ichimnetz.com · 05/06/2025

So excited to be speaking at Front End North this July! I’ll be talking about “Unwrapping Web Design” Would love to see you there! 📍 10th July, Sheffield 🎟️ Still some tickets left – and they’re just £75! #frontendnorth

050

Nils Binder @ichimnetz.com · 05/06/2025

Live goal achieved: I (well, mostly my slides) appeared in one of @miriam.codes’s talks—just minutes after I gave that exact talk myself. 🤯

Miriam Suzanne speaking on stage at Hogeschool van Amsterdam. Her slide shows a large photo of Nils Binder giving a talk on the same stage, creating a visual echo between the two presentations.

0100

Reposted by Nils Binder

CSS Café @css.cafe · 30/05/2025

In town for @cssday.nl on June 5–6? Join the Pre-CSS Day Afternoon Event on June 4 at 16:00 — hosted by CMD Amsterdam 🇳🇱 Talks by @ichimnetz.com & @miriam.codes, plus student CSS showcases ✨ 🎟 Free RSVP: gath.io/KwVtysIkOWcU...

gath.io

Pre-CSS Day afternoon event · Gathio

<b>About the presentation:</b><br> On Wednesday June 4 we organize the one and only unofficial pre-CSS Day Afternoon Event. This event is open to everyone. To all visitors and speakers of CSS Day who ...

043

Reposted by Nils Binder

Bramus @bram.us · 27/05/2025

If you're going to #CSSDay next week (or not), there is also a free-to-attend afternoon event at the Amsterdam University of Applied Sciences. With @miriam.codes and @ichimnetz.com speaking, the event is looking great. More info + registration: gath.io/KwVtysIkOWcU...

gath.io

Pre-CSS Day afternoon event · Gathio

0121

Nils Binder @ichimnetz.com · 17/02/2025

This looks really promising! Recently, I was late to the game in realizing that text inside <details> gets shown when found. Now, this takes it even further by giving you even more control over what can be found and made visible!

350

Nils Binder @ichimnetz.com · 17/02/2025

I built a little tool to check color contrast across an entire palette. 🎨 • Supports both WCAG 2.0 and APCA   • See how all colors compare at a glance • Import/Export CSS or JSON variables  • Make sure your palette works for everyone Try it: palette-tester.9elements.com

0104

Nils Binder @ichimnetz.com · 09/02/2025

@matuzo.at last year my husband started working in Nürnberg / Bavaria. Somehow that made me think about you a lot…

Bottle of „Bayreuther hell“ beer. Bayreuther written in Lopster font.

110

Reposted by Nils Binder

molily @molily.de · 10/01/2025

For the past three years, @9elements.com has worked collaboratively with UK agency Kore (www.kore.uk.com), helping the World Health Organization (WHO) to visualize global public health data on WHO’s data hub: data.who.int Read our blog post: 9elements.com/blog/visuali... #DataViz #PublicHealth

9elements.com

Visualizing global health data on data.who.int - 9elements

Combining finest craftsmanship with elegant design to ship innovative digital experiences.

1155

Reposted by Nils Binder

Stuart Robson @sturobson.com · 09/12/2024

🚀 Quick and Dirty Colour Palettes Using CSS color-mix() I explored how we can use the CSS color-mix function to create tint, shade, opaque, and neutral colours stacks. There's some specualtive 'future' CSS using a CSS functions and a Sass mixin t'boot. www.alwaystwisted.com/articles/qui... 🙏🖤

alwaystwisted.com

Quick and Dirty Colour Palettes using color-mix() | Always Twisted

Learn how to use CSS color-mix() to create tints, shades, opacity variants, and even dynamic palettes for your projects. From simple setups to advanced techniques, this guide explores how to enhance y...

55515

Nils Binder @ichimnetz.com · 08/12/2024

Good read. Similar to my experience with AI. I often ask myself If AI can help mostly senior devs and make them faster and more efficient, who is going to teach the junior devs of the future? Seems seniors are busy debugging AI code.

1204

Nils Binder @ichimnetz.com · 07/11/2024

I grew up on these streets

Sword fight scene from the video game monkey island 1. Text above the two fighting characters says: How appropriate. You fight like a cow!

020

Nils Binder @ichimnetz.com · 04/11/2024

I've been playing around with pure CSS circular charts. There's quite a lot solutions out there, but I did not find one where you had an underlying gradient AND rounded ends. Sadly still some sub-pixel glitches, but apart from that I'm quite happy with my solution: codepen.io/enbee81/pen/...

codepen.io

angle calculation chart | IV

...

010

Nils Binder @ichimnetz.com · 04/11/2024

Hello 🦋-friends! I am Nils, based in the Ruhr-Area in Germany. I occasionally write about CSS over here: 9elements.com/blog/author/... And since I can now use my website as a handle, it is probably time to update it as well. But if you're curious, you find it here: ichimnetz.com

9elements.com

Blog Posts by Nils Binder - 9elements

Combining finest craftsmanship with elegant design to ship innovative digital experiences.

0152