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.
Pinned
Nils Binder
@ichimnetz.com
· Nov 4
Blog Posts by Nils Binder - 9elements
Combining finest craftsmanship with elegant design to ship innovative digital experiences.
9elements.com
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
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
Thanks for including my little article 🥰
CSS Weekly #628
🕰️ Multi stage timetable with modern CSS
🎯 CSS random() experiments
🚀 Practical view transitions examples
💯 A guide to the HTML number input
Featuring @ichimnetz.com, @chriscoyier.net, @vale.rocks, @dxnny.fun, @bram.us, @ollie-williams.bsky.social, @mirrow.app. 🙏
cssw.io/issue-628
🕰️ Multi stage timetable with modern CSS
🎯 CSS random() experiments
🚀 Practical view transitions examples
💯 A guide to the HTML number input
Featuring @ichimnetz.com, @chriscoyier.net, @vale.rocks, @dxnny.fun, @bram.us, @ollie-williams.bsky.social, @mirrow.app. 🙏
cssw.io/issue-628
CSS Weekly Issue #628
Learn how to create timetable layouts using CSS, practical uses for the random() function, how to create performant SVG maps, and more.
cssw.io
November 28, 2025 at 3:49 PM
Thanks for including my little article 🥰
@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.
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.
November 18, 2025 at 2:25 PM
@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.
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.
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...
bsky.app/profile/ichi...
November 17, 2025 at 12:55 PM
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...
bsky.app/profile/ichi...
If you want the full breakdown of how this is done, here’s the write-up 👇
9elements.com/blog/buildin...
9elements.com/blog/buildin...
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.
9elements.com
November 14, 2025 at 7:06 AM
If you want the full breakdown of how this is done, here’s the write-up 👇
9elements.com/blog/buildin...
9elements.com/blog/buildin...
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
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
November 14, 2025 at 7:06 AM
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
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
Reposted by Nils Binder
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...
- 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...
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...
docs.google.com
October 27, 2025 at 7:53 PM
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...
- 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...
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.
October 28, 2025 at 7:11 AM
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.
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.
Thanks, @sarasoueidan.com, for the second shout-out — your recommendation tipped me over the edge to give it a try.
October 26, 2025 at 8:03 AM
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.
Thanks, @sarasoueidan.com, for the second shout-out — your recommendation tipped me over the edge to give it a try.
Absolutely love this. 🥰
October 26, 2025 at 7:53 AM
Absolutely love this. 🥰
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.
October 1, 2025 at 6:16 AM
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.
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.
@jensimmons.bsky.social maybe you can tell me if this is a bug or a feature that I can opt out of.
September 23, 2025 at 11:28 AM
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.
@jensimmons.bsky.social maybe you can tell me if this is a bug or a feature that I can opt out of.
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.
September 23, 2025 at 11:23 AM
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.
September 10, 2025 at 7:31 PM
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
And if you’re brave enough, you can brew up some magic 🧙♂️✨
elixir-ruhr.dev
Elixir Ruhr Meetup
Join Elixir enthusiasts from the Ruhr Area for inspiring talks, lively discussions, and great company!
elixir-ruhr.dev
August 18, 2025 at 2:04 PM
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
And if you’re brave enough, you can brew up some magic 🧙♂️✨
elixir-ruhr.dev
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
August 12, 2025 at 10:02 PM
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
Reposted by Nils Binder
“I don’t like CSS” is coded speech for “I never learned CSS”
July 23, 2025 at 2:26 AM
“I don’t like CSS” is coded speech for “I never learned CSS”
Wow thanks a lot. I have to admit I forgot about this video. 🤣🤣
July 16, 2025 at 5:30 AM
Wow thanks a lot. I have to admit I forgot about this video. 🤣🤣
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
martinupnorth.com
Martin Up North
This is not a crochet blog
martinupnorth.com
July 11, 2025 at 8:37 AM
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
martinupnorth.com
Well here’s my latest project. It’s Tunesien crochet.
July 10, 2025 at 9:43 PM
Well here’s my latest project. It’s Tunesien crochet.
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
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
ichimnetz.com
July 10, 2025 at 5:36 PM
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
If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...
#FrontEndNorth
Reposted by Nils Binder
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
#FrontEndNorth
July 10, 2025 at 2:41 PM
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
#FrontEndNorth