Piccalilli Issue #16

Welcome

Merhaba! 👋

Great news this week for the re-platform and redesign of this newsletter, as Postmark have accepted me on to their bulk sending beta!

This week’s issue is a very mixed bag with some great bleeding edge CSS tips, tricks, animations and layout.


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

CSS Lists, Markers, And Counters

A fantastic deep-dive into lists with a great explainer of the brand new ::marker pseudo-element.

Of course, because this is authored by the fabulous Rachel, you know that you’re going to learn a tonne.

CSS Trick

Color Mix in Vanilla CSS

This is super clever by Una, who is using maths and CSS Custom properties to mix colours. Super impressive.

Fancy

Simon Collison - personal site

Simon is one of my favourite people on the web and his recent live redesign of his website is fantastic.

The timeline on his homepage is a masterpiece, using lots of fancy modern CSS layout tricks.


Neapolitan Pizza Dough. One recipe; two styles.

This is lovely, by James. Not only is it a masterclass in layout, it also reminds of the legendary CSS Zen Garden.

Animation

Thank you animation

⚠️ Motion warning ⚠️

The is just delightful, by Gabriele.

Video

The Diff

This is definitely one to watch out for. The ridiculously talented Tatiana and Henry are creating a stream about finding, experimenting, and celebrating the many ways to make the web wonderful.

This is right up my alley.

Resources

Box shadow generator

This is a cool little tool for generating box shadows which gives you generated CSS code. Handy.

Sponsor

This issue’s sponsor is me!

I have slots coming up in September and would love work with ✨you✨. DMs open or send me an email!

Stuff I do:

  • 🎨 Web design
  • 🏗 Front-end development
  • 🍯 Jamstack and static site generators
  • 📦 NodeJS
  • 💖 Accessibility and inclusive design

The ideal type of work to hire me for would be to make you a website or to help you to make a website, using clean HTML, CSS and JavaScript. I only use frameworks where absolutely appropriate.

If you’re an agency looking for help with a website project, definitely get in touch.

Thank you

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 🙂