Nils Binder

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 👇

https://9elements.com/blog/building-a-multi-stage-timetable-with-modern-css-using-grid-subgrid-round-and-mod/

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.

https://9elements.com/blog/when-skill-became-obsolete-art-code-and-the-end-of-the-amateur/

Big thanks to @kizu@front-end.social for suggesting another technique to adjust logo sizes in a logo strip. I've updated my blog post to include his clever suggestion.

https://9elements.com/blog/building-the-perfect-logo-strip/

Displaying a row of logos can be tricky due to their varying shapes and sizes. In my latest post, I share how I approach building the perfect logo strip by adjusting logo heights based on aspect ratios.

https://9elements.com/blog/building-the-perfect-logo-strip/

@eleventy@fosstodon.org no worries. Fun thing. After I wrote this here I thought “maybe shifting all the image transformation to a transform would be a good idea” once I had a rough prof of concept running I got back to the docs and found the transform method right there. Works perfect in my situation. 🎉

@eleventy@fosstodon.org I'm struggling with the async shortcode issue when using the image plugin. The asyncEach and ifAsync Nunjucks syntax works, but breaks every code formatter I've tried. 😞

My current solution, using statsSync, kind of works but will soon be deprecated.

Moving the entire project to webC doesn't seem feasible for me.

The docs mention I can use <eleventyImage> with the Render Plugin. Is there an example of how this would look?

@scottjehl@mstdn.social @micahrl@mastodon.social very clever. I’d love to use the tool you described. Right know I’m using a script that simply converts all black values to currentColor. That gives me at least the option to style mono colored icons.