Piccalilli Newsletter - Issue #38

Welcome

หวัดดี!

I hope you’re all keeping safe and well.

I pushed out the pre-orders of “Learn Eleventy From Scratch” last week and I’ll be honest: you all blew my goddamn mind. So many of you have pre-ordered this course which means the world to me.

Know that your support is enabling me to put more time into this course than I originally scheduled, so the end product will be much better. Thank you so much for contributing to that ♥️

Fun CodePen demos

Sticking with themes this week, we’re doing another staple of this newsletter: fun CodePen demos. Let’s dig in!

CSS Chop!

⚠️ Motion Warning ⚠️

A sword cuts a red box in half

This is great fun by friend of the newsletter, Ryan. The detail in motion, such as the viewport shaking on impact is really nicely done.

Editable Neumorphic Text

Extremely low contrast text reads “Pete loves this”

We hate love Neumorphism here, and this fun demo by Adam is another cracker. Makes sure you play around with the sliders and make a fun message on there.

Toggles

A grid of various types of toggle

Olivia here with some really nice toggles. I especially like the pancakes, gravity and Kobe ones.

RETICOOL: Chasing the Cursor with Style

⚠️ Motion Warning ⚠️

Reticool demo shows various scenarios where the cursor morphs into shape

This is an oldie, but a goodie, by Stephen. As always, the motion is outrageously smooth, as is always the case with their work.

Bongo Cat Codes #2 - Jamming

⚠️ Motion Warning ⚠️

A neon cat, wearing headphones, types on a keyboard

This is great fun, by Caroline. I love the neon colours against that dark background. It’s very nicely done.

+999 points for cat content too, of course.

Bendy buttons

A blue button and white button. The blue button is bent up, like it's made of jelly

This one, by Aaron, is wild. Everything they make just blows my goddamn mind!

That’s all, folks

Thanks for stopping by this week. I imagine, due to the ridiculous amount of time I spend browsing CodePen, another few fun demo specials like this one will pop along.

Do you have a suggestion for themes? Let me know on Twitter.

To help us all stay in touch, I’ve created a Piccalilli Community which I hope will be a nice place for us to hang out and chat about the web. I also created a Discord server for folks to hang out. Lots of people are suddenly working from home, so I hope this group will help reduce some of the isolation.

Until the next issue, take it easy.

Andy