Nils Binder

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.

855 followers93 following90 posts

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.

Nils Binder reposted

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 😊

Thanks for including my little article 🥰

CSS Weekly@cssweekly.com

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

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

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

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

Nils Binder reposted

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.comEx-Masonry Display Type Keyword PollSee 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...

Nils Binder reposted

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! 🙌

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

Nils Binder reposted

Nils Binder reposted

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

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!

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

Nils Binder reposted

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.comVisualizing global health data on data.who.int - 9elementsCombining finest craftsmanship with elegant design to ship innovative digital experiences.

Nils Binder reposted

🚀 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.comQuick and Dirty Colour Palettes using color-mix() | Always TwistedLearn 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...

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.

Addy Osmani@addyosmani.bsky.social

✍️ "Hard truths about AI-assisted coding" tips & tricks in my latest article: bit.ly/ai-assisted While AI-Assisted coding can get you 70% of the way there (great for prototypes or MVPs), the final 30% requires significant human intervention for quality and maintainability.