Piccalilli Newsletter - Issue #51

Howdy 👋

I hope you’re all good on this rather bleak Tuesday (well, here in Cheltenham, anyway). Let’s brighten up your day with some nice stuff from around the web!

Remember: to celebrate passing 50 issues of this newsletter and to say thank you for being a subscriber, I’m giving a massive 50% discount away on the Learn Eleventy From Scratch course. Use the code FIFTY_ISSUES at the checkout to get it for £80, instead of £160! This expires at the end of the week.

Pure CSS - Sticky-Stacked Cards permalink

A stack of card elements with one scrolling into the stack

This is a very clever trick, by Nils. It’s nice to see cool tricks often solved with heaps of JavaScript, solved with CSS, too.

Mandala maker permalink

A Mandala that I made

I bloody love Mandalas—they speak to my obsession with symmetry and order. I’ve been having fun playing with this generator, especially. Nice work, Amit!

CSS Night Train permalink

⚠️ Motion Warning ⚠️

A night train animation that is masked by the shape of a single light beam

This is a very lush animation by Aysenur. The aesthetic is outstanding, as is the parallax.

Animals sequence permalink

⚠️ Motion Warning ⚠️

A Puffin made out of flat shapes

This is another very nice animation-based demo. The motion is extremely smooth, but that’s no surprise, because it’s GSAP. Lovely stuff by Abdul.

Ice lollies permalink

A collection of Ice lollies

Last up are some fantastic Ice Lollies, by Ellie. As always, I’m very partial to some CSS art and these are very nicely done.

That’s all, folks permalink

Thanks for stopping by this week. Maybe you could share this newsletter with a pal? Just forward this email, or share the link.

A reminder: you can get a massive 50% discount off the full £160 price-point of Learn Eleventy From Scratch, because we made it to issue 50. Use the code FIFTY_ISSUES at the checkout.

Until the next issue, take it easy.

Andy