Piccalilli Newsletter - Issue #16
Piccalilli Issue #16
Welcome permalink
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 permalink
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 permalink
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 permalink
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 permalink
Thank you animation
⚠️ Motion warning ⚠️
The is just delightful, by Gabriele.
Video permalink
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 permalink
Box shadow generator
This is a cool little tool for generating box shadows which gives you generated CSS code. Handy.
Sponsor permalink
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 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 🙂