Piccalilli Newsletter - Issue #17

Welcome permalink

Γεια! 👋

This issue appears to be the fancy issue. Lots of lovely animations and art to make your eyes smile on this lovely Friday.

If you’re enjoying reading this newsletter as much as I’m enjoying creating it, please share it with your pals. It’ll be really appreciated if you do.


Featured Article permalink

Auto-flow, Order and Item Placement

This is the third part of a fantastic series by friend of the newsletter, Michelle. She really is one of our greatest writers about CSS—especially layout!

Fancy permalink

Kanarys - Website

⚠️ Motion warning ⚠️

There is a lot of motion on this site, but I really like the overall aesthetic. It’s a straight-up marketing site with a lot of typical design conventions. It is rather unique in how it delivers those, though.

Fancy button

I do like a fancy button hover state and Russ has made a really cool one here.

Animation permalink

Walking sprites

⚠️ Motion warning ⚠️

This brings on a heavy dollop of nostalgia. Really fantastic work by Drew.

Art permalink


Scott here again with a rad as heck demo. It only works in Chromium browsers (I think) because of the conic gradients.

Aside from that, it’s a beautiful piece of work.

Fun permalink

CSS Glitch Effect

⚠️ Motion Warning ⚠️

This is cool af, by Nirajan. I love seeing this sort of effect being achieved with nothing but good ol’ CSS.

Katherine Kato

I love Katherine’s work and their website is absolutely lush, too. I featured their WordArt in #15 and have followed them since.

Definitely go and check out their stuff!

Sponsor permalink

This week’s sponsor is Clarity

I love Clarity and I’m so happy that they wanted to sponsor this issue. Their support means a heck of a lot.

Clarity is a design systems community conference.

They elevate our skills through multi-faceted inclusion, empathy, technology, creativity, and collaboration.

Thank you permalink

That’s all, folks

If you have any comments, feedback or submissions, please get in touch via Twitter or Email.

I’m also taking a short break from writing tutorials, so I’m looking to feature your work. If you have written a handy CSS utility, CSS trick or tutorial, you can submit a link over at https://submissions.piccalil.li

Until the next issue, take it easy 🙂