Piccalilli Issue #31

Welcome

नमस्ते! 👋

It’s a very dark day here in the U.K. so this issue is very needed. That’s because this issue is going to make your eyes smile, so get a cup of tea and settle into a collection of incredibly visually pleasing links.


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.

Enjoy!

Featured Article

Re-creating the ‘His Dark Materials’ Logo in CSS

This is really cool by Michelle. Lots of clip-path and custom properties to get your teeth stuck into!

These sort of fun demos are a great way to nail down modern CSS techniques.

Fancy

The Deep Sea

This is bloody brilliant by Neal. It’s super fun and also features loads of cool stuff to learn about the sea 🌊


Pitch

The branding and illustrations of this site are outrageously good. I love the huge headings.


Masking GIFs with other GIFs

When Cassie first showed me this, my jaw nearly fell off. It’s a really smart trick but the whole composition of this demo is just outstanding.

Video

Animate Text on Scroll

This is great by my pal Stephen from The Keyframers.

A nice fast-paced tutorial with a very fancy, modern trick.

Resources

Happy Hues

This is both a really good resource and also a stunning website. I absolutely adore the look and feel of it.

Great work by, Mackenzie.

Sponsors

This week’s sponsor is Front-End Challenges Club

Front-End Challenges club is a project where a challenge is set every two weeks. The following week, a solution to the challenge is published 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 $95 for a year with benefits such as access to AMA sessions and other bonus content, so go ahead and sign up!

Thank you

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 🙂