Piccalilli Newsletter - Issue #29

Welcome permalink

สวัสดี! 👋

This week marks a milestone for me. It’s exactly 1 year today (01/11/2019) that I went back to being a freelancer. Publishing this newsletter today—one of the many reasons I love being independent—is icing on the cake.

Some news on this newsletter, though. I will be slowing the pace of publishing down a touch to once every three weeks to save some time for other projects. The bonus of that is that each issue will be of much higher quality as I put more time into curating them!

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

Weaving One Element Over and Under Another Element

Holy moly, this is such a good read, by Preethi.

I love a smart as heck trick that achieves a design outcome that is normally reserved for static design tools. I’ll be banking this knowledge for when I need to get creative!

Fancy permalink

A Single Div - #DivTober

⚠️ Motion Warning ⚠️

I’ve already featured this site, but I’ll do it again because Lynn, somehow, has made a piece of single div art every damn day in October.

Go and check it out and check out the #divtober hashtag to see the ones she’s made, too.

Bandein Sans variable font animation

⚠️ Motion Warning ⚠️

I haven’t featured Michelle’s work for a couple of issues, which is criminal, so I stuck my hand into my satchel of links by her and pulled this one out.

I find variable fonts fascinating because I have no idea how they work. I love how they enable creativity like this too.

Jake Quits

⚠️ Motion Warning ⚠️

I put this in ”fancy”, but it’s a super clean and simple. It’s also super handy for people who want to quit smoking!

Top stuff, by Jake.

Studio Feixen Fonts

⚠️ Motion Warning ⚠️

This a delightful site, demonstrating a very nice font. There’s lots of stuff to mess around with to tweak the fonts, too, which is great fun.

Fun permalink


Click the box and get a surprise!

Lovely stuff, by Tiffany.


⚠️ Motion A Strobing Warning ⚠️

It’s halloween (or at least it was yesterday), so it’d be rude not include at least one themed link. Click the pumpking for a spooky surprised.

This one is courtesy of friend of the newsletter, Cassie.

Resources permalink

Pure CSS easing visualiser

Good ol’ Scott here with another stunning bit of work.

This helps you to visualise cubic bezier easing and if you edit the $ease variable in the SCSS, you’ll see the visualisation change.

Very handy indeed.

Sponsors permalink

This week’s sponsor is Front-End Challenges Club

I’ve created a brand new project where I set a challenge every two weeks. The following week, I publish my solution to the challenge to help you learn and master front-end development best practices.

The aim of the game with this project is for you to learn best practices in:

  • Semantic HTML
  • CSS
  • JavaScript
  • Progressive Enhancement
  • Accessibility
  • Inclusivity

Membership for full access to all content costs either $10 per month or $70 for a year with benefits such as access to AMA sessions and other bonus content, so go ahead and sign up!

The first challenge solution, for paying members, gets published on Monday!

Thank you permalink

That’s all, folks

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

If you have written a handy CSS utility, CSS trick or tutorial, you can submit a link over at https://submissions.piccalil.li

You can also support this newsletter by sponsoring it.

Until the next issue, take it easy 🙂