Piccalilli Newsletter - Issue #33
Welcome permalink
Well, hello there đź‘‹
Long time no speak, pal. This newsletter has been on a little bit of a holiday and while that’s happened, https://piccalil.li has been completely re-designed and re-built!
Because we’ve had a bit of a break, I’ve collected a lot of links, so this week’s issue is a collection of some of the best stuff on the web, that has made my eyes smile over the last 9 weeks.
Let’s dig in!
Nice sites permalink
The Markup
The design details on this site are right up my street. Those that have seen my personal site will know that I am a fan of dotted detailing and the hover states on this site use exactly that.
Aside from the lush design, this site is very much one to watch as it’s seems to be a very good publication.
The Food Place
Here’s Piccalilli regular, Lynn, smashing it out of the park again. Lynn is so bloody good at this sort of thing and their attention to detail always completely boggles my mind.
Keep your eyes peeled for some fantastic CSS Grid usage, too.
Utopia
My pals, Trys and James, over at Clearleft, have not only made a fantastic tool (which this site uses for fluid type), but it’s also got a gorgeous website.
The colours and typography choices are really nice. Great work, pals!
Animation permalink
Why Jamstack?
⚠️ Motion Warning ⚠️
Sarah is an animation legend and this animation is a perfect example of why.
The Jamstack is very often misunderstood and undervalued, so this nicely paced animation does a great job of explaining the power of it, in layman’s terms.
Art permalink
CSS Only Polaroid Camera
This is mind-blowing, by Sarah. The photorealism is out of this world and luckily they have written a great write up about how they did it.
Fun permalink
Rainbow Slinky
⚠️ Motion Warning ⚠️
Michelle starts us off with this cracking demo using motion path. This is a very exciting new CSS feature that Michelle has also written about on their blog.
Variable font masking demo
⚠️ Motion Warning ⚠️
Of course, Cassie was going to feature in this issue, because I am in fact, a super-fan of their work. While this newsletter has been on holiday, Cassie has been smashing out some super high quality work.
This demo is great. It’s got variable fonts, masking and most importantly, Hitch Hiker’s Guide To The Galaxy references.
Super Mario Signup
⚠️ Motion Warning ⚠️
Adam, creative signup form specialist, is on fire again. I absolutely love this throwback to classic Mario. The detail is impeccable, too.
Adam is seriously one of the most creative people I have the pleasure of knowing.
CSS Is Awesome - Variable Font Edition
Mandy is one of the greats in CSS land, but even more so in variable font land. Their knowledge of both CSS and fonts is outstanding and for this demo, they smooshed them together to make something super cool.
Drag the corner and resize for fun. When you’re done, read this excellent writeup.
Unsubscribe game
Aaron is incredibly creative. This unsubscribe game is top-drawer, but don’t let your marketing team see it. It’ll give them ideas.
[takes notes]
That’s all, folks permalink
Good gosh, it’s been good curating this newsletter again. I’m a tad emotional finally publishing it on a platform that I’m happy with, too. Y’all probably guessed, but this little thing is one of my favourite things to run.
Thank you so much for your ongoing support and above all else, for subscribing to this newsletter. The future of Piccalilli is incredibly bright and this newsletter will continue to be its backbone.
You can also follow @piccalilli_ on Twitter now and as always, sharing this with your friends will always be appreciated.
We’re also back to weekly issues which I will publish on a Tuesday. I want Piccalilli to inspire people, while making their eyes smile, so I guessed earlier in the week will do that more effectively than Fridays.
Until the next issue, take it easy.