Piccalilli Newsletter - Issue #14

Welcome permalink

¡Hola! 👋

This week, I’m in sunny Brighton for Patterns Day where I get to watch some looking talks about design systems and hang out with pals that I normally only speak to on the web. If you’re there too, make sure you come and say hi!

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

Creating Pixel Art with CSS

This is a fabulous article by Jacque. They explain how box shadows work really well and they use them for some cute pixel art.

Fancy permalink

Google Stadia Landing Page

⚠️ Motion warning ⚠️

It goes without saying that this works best in a Chromium browser (cheers, Google…), but regardless, it’s a stunning website, albeit with some accessibility issues.

There are a lot of tricks, but the use of motion with scrolling is very tastefully done.

Illustration permalink

CSS Pokeball

This is a lovely bit of CSS illustration by Cami. There’s a real depth to it, which is an effect I’m a big fan of.

Animation permalink

Voice Recorder Animation

⚠️ Motion warning ⚠️

This is absolutely stunning work by Christina. I’m such a super fan of her work 😍

Fun permalink

Rule 110 Demo

I love this by my pal, Lara who is super in to CSS algorithms. You should check out all of her writing and talks!

Video permalink

Style your default global links using the :not CSS selector

Alex here again with a handy trick on more robust, default link styles.

Sponsor permalink

This issue’s sponsor: my Patreon

This issue is sponsored by my Patreon. If you want to sponsor this newsletter, go ahead and back the position: sticky tier.

I want to spend more time working on stuff that benefits the web community, but I also need to feed my family, so I've created a Patreon!

I’d really appreciate your support so I can help folks learn the web platform. The Patreon will hopefully reduce the amount of time I work on client projects and increase the amount of time I can spend working on projects like this one.

Any support will be appreciated and you can select as little as $1 per month!

Thank you permalink

That’s all, folks

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

I’m also taking a short break from writing tutorials, so I’m looking to feature your work. If you have written a handy CSS utility, CSS trick or tutorial, you can submit a link over at https://submissions.piccalil.li

Until the next issue, take it easy 🙂