Elektrine lite

← Feed

Nils Binder

nilsbinder@ruhr.social

<p>CSS lover &amp; origami enthusiast. Co-organizer of <span class="h-card" translate="no"><a href="https://mastodon.social/@css__cafe" class="u-url mention">@<span>css__cafe</span></a></span></p>

Posts

  • View post

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

  • View post

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

  • View post

    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/

  • View post

    Big thanks to @kizu for suggesting another technique to adjust logo sizes in a logo strip. I&amp;#39;ve updated my blog post to include his clever suggestion. https://9elements.com/blog/building-the-perfect-logo-strip/

  • View post

    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/

  • View post

    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/