Nils Binder's Avatar

Nils Binder

@ichimnetz.com

Frontend Designer @ https://9elements.com • Co organizer @css.cafe • Also, I'm an origami enthusiast spending hours folding paper • He/Him.

812
Followers
84
Following
64
Posts
01.11.2024
Joined
Posts Following

Latest posts by Nils Binder @ichimnetz.com

Thanks for including my little article 🥰

28.11.2025 15:49 👍 2 🔁 0 💬 1 📌 0

🥰

27.11.2025 07:50 👍 2 🔁 0 💬 0 📌 0
Icon of Notion’s AI agent with a small red chili pepper hat.

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

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

18.11.2025 14:25 👍 0 🔁 0 💬 0 📌 0

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

17.11.2025 12:55 👍 4 🔁 1 💬 0 📌 0
Preview
Building a multi stage timetable with modern CSS using grid, subgrid, round(), and mod(). - 9elements Combining finest craftsmanship with elegant design to ship innovative digital experiences.

If you want the full breakdown of how this is done, here’s the write-up 👇
9elements.com/blog/buildin...

14.11.2025 07:06 👍 22 🔁 4 💬 0 📌 2
Video thumbnail

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

14.11.2025 07:06 👍 19 🔁 0 💬 1 📌 0
Preview
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...

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

27.10.2025 19:53 👍 84 🔁 44 💬 15 📌 3

Just bc we got used to it doesn’t mean it’s a good name. IMHO something like grid lanes is more intuitive for future developers to grasp than masonry.

28.10.2025 07:11 👍 2 🔁 0 💬 3 📌 0

Got it! Let’s see if I can finally understand where and why I can — and should — use them.
Thanks, @sarasoueidan.com, for the second shout-out — your recommendation tipped me over the edge to give it a try.

26.10.2025 08:03 👍 4 🔁 0 💬 1 📌 0

Absolutely love this. 🥰

26.10.2025 07:53 👍 1 🔁 0 💬 0 📌 0

Quite useful when writing repetitive stuff in css. Like variable definition for dark light themes or nth-child delay things. When writing js I found it to be horrible.

01.10.2025 06:16 👍 2 🔁 0 💬 1 📌 0

Once it even did a full “slide out of view.” Could be a nice effect — but I’d like to control when that happens, not have Safari decide by accident.
@jensimmons.bsky.social maybe you can tell me if this is a bug or a feature that I can opt out of.

23.09.2025 11:28 👍 2 🔁 0 💬 0 📌 0
Video thumbnail

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.

23.09.2025 11:23 👍 2 🔁 0 💬 1 📌 0
Green awning of a café with the name “TAILWIND café | bar” printed in pink and white.

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

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

10.09.2025 19:31 👍 6 🔁 0 💬 1 📌 0
Video thumbnail
18.08.2025 14:20 👍 0 🔁 0 💬 0 📌 0
Preview
Elixir Ruhr Meetup Join Elixir enthusiasts from the Ruhr Area for inspiring talks, lively discussions, and great company!

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

18.08.2025 14:04 👍 5 🔁 1 💬 1 📌 0

If you want to trigger some animation at a fixed point and just have it run that would not bee possible with animation timeline. At least to my knowledge. It always does scrubbing

12.08.2025 22:02 👍 1 🔁 0 💬 2 📌 0

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

23.07.2025 02:26 👍 235 🔁 32 💬 9 📌 6

Enjoy!!

20.07.2025 19:20 👍 1 🔁 0 💬 0 📌 0

Wow thanks a lot. I have to admit I forgot about this video. 🤣🤣

16.07.2025 05:30 👍 0 🔁 0 💬 1 📌 0
Preview
Martin Up North This is not a crochet blog

This is done with a regular crochet hook. Really fun to do. I enjoyed it very much. Got the pattern from this page

martinupnorth.com

11.07.2025 08:37 👍 1 🔁 0 💬 1 📌 0
Handmade crochet envelope bag with a checkered pattern of black and white squares, finished with a red triangular flap. The bag is displayed on a grey textured cushion.

Handmade crochet envelope bag with a checkered pattern of black and white squares, finished with a red triangular flap. The bag is displayed on a grey textured cushion.

Well here’s my latest project. It’s Tunesien crochet.

10.07.2025 21:43 👍 3 🔁 0 💬 1 📌 0

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

10.07.2025 17:36 👍 27 🔁 10 💬 3 📌 0
Andy Bell at the lectern wearing a CSS Programmer t-shirt

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

Olu Niyi-Awosusi centre stage

Olu Niyi-Awosusi centre stage

Nils Binder, Front End North sign behind

Nils Binder, Front End North sign behind

Amy Rogers on stage

Amy Rogers on stage

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

10.07.2025 14:40 👍 7 🔁 1 💬 1 📌 0
ChatGPT, Figma, Tailwind logos surround SpongeBob SquarePants conjuring a   “boring!” rainbow between their hands

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

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

#FrontEndNorth

10.07.2025 11:12 👍 7 🔁 2 💬 0 📌 0
Jaws meme: We're going to need a bigger boat

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

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

09.07.2025 11:30 👍 5 🔁 5 💬 0 📌 1

Glad I’m here. And very excited.

09.07.2025 07:09 👍 1 🔁 0 💬 0 📌 0

Well, the trip started with a quick detour—had to drive back to my flat from the airport hotel because I forgot my passport 🙃
Then after we landed, there was a medical emergency on the plane and doctors had to attend to a passenger.
But hey, apart from that, everything’s going great! 🥴

09.07.2025 07:06 👍 1 🔁 0 💬 1 📌 0
Entrance to a modern transportation hub labeled “Welcome to The Station,” featuring icons for train, bus, and tram services above glass automatic doors.

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

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

09.07.2025 06:46 👍 12 🔁 2 💬 1 📌 0