| Frontend Designer | https://9elements.com |
| Co Host | https://www.css.cafe |
| Website | https://ichimnetz.com |
| Writing | https://9elements.com/blog/author/nils |
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
If you want the full breakdown of how this is done, here’s the write-up 👇
Ever since I watched @matthiasott talk at CSS Day, I've been eager to experiment with the clever tan(atan2()) technique.
So, I played around with animation durations relative to the viewport.
https://9elements.com/blog/speed-vs-duration-a-use-case-for-mixed-unit-division/
Animating elements in CSS can be challenging, especially when you want to ensure smooth transitions across different screen sizes. One issue that I stumble upon quite often is the inability to divide two length values in CSS. For example, calc(100vw...
Hey folks! Just penned down my thoughts on the challenges I faced while building a card component and how I underestimated its complexity. I rebuilt it with modern CSS features (layers, container-queries, subgrid...). Let me know what you think. Cheers!
A few years ago, I had to build a card component that looked a little different than the usual cards you find on most websites. It turned out that this card led to one of my biggest estimation errors because I completely underestimated how...
