mastodon 4.7.3CSS lover & origami enthusiast. Co-organizer of @css__cafe@mastodon.social
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 👇
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.
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.
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/
@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.
@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 with the Render Plugin. Is there an example of how this would look?
