Profile avatar
piccalil.li
Level up your front-end skills. Stay for the approachable, friendly content and go away with transferable skills you can use day to day. https://piccalil.li
510 posts 4,478 followers 166 following
Prolific Poster
Posts 41 Comments 9

Printing the Web: Making Webpages Look Good on Paper, by @piccalil.li: https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/ #css #print

submitted 1 day ago • 0 comments

Fact: It is my birthday. Fact: I run a free+ad-free newsletter about keeping tech/UX design accountable, called Product Picnic. Conclusion: legally, you have to subscribe to it. The word of the birthday boy is law!

submitted 2 days ago • 22 comments

“I’m talking about professional shame: the shame accompanying doing a bad job. Developers, more than anyone else I know, identify with being capable. Pushing poor development work is not just embarrassing, it threatens their very sense of self.”

submitted 2 days ago • 0 comments

The Index #106 is here, featuring English place names, shame, live content collections, new CSS features and content aware components. piccalil.li/the-index/106/

submitted 2 days ago • 0 comments

Jon is killing it recently and this is yet more outstanding work, beautifully documented. hicks.design/work/victori...

submitted 2 days ago • 0 comments

Sticky Revealing Footer, by @bell.bz (@piccalil.li): https://piccalil.li/blog/sticky-revealing-footer/ #navigation #css #positioning

submitted 3 days ago • 0 comments

I got a full house on this fun little check list which is both horrifying and hilarious.

submitted 3 days ago • 0 comments

A new post from the Course Brand Development project is here. Jason explains how so much of being a great designer is feeling confident in finding something within the messaging of a piece of work that you can confidently stand behind and centre your design around. piccalil.li/projects/cou...

submitted 3 days ago • 0 comments

#FFConf *early bird limited* tickets are available now: 2025.ffconf.org We've got 4 sessions already up and 4 more coming. It's an amazing day in November that people have always told us how much they loved it. I know it's a while out, but do join us, you'll thank yourself.

submitted 3 days ago • 0 comments

Early bird tickets are now live! It's a wonderful day, made so by all the wonderful people who attend and talk and share their experiences (importantly that means attendees too ❤️). It's a few months away, but secure your seat and join us in November: 2025.ffconf.org

submitted 3 days ago • 0 comments

Some great nuggets of knowledge here. Especially being able to select previous siblings! chriskirknielsen.com/blog/nth-nex...

submitted 3 days ago • 0 comments

Such a great post about receiving feedback ashley.dev/posts/feedba...

submitted 4 days ago • 0 comments

The Index #105 is here, featuring feedback, sibling selectors, a fun checklist, nice icons and CSS to make your content look good. piccalil.li/the-index/105/

submitted 4 days ago • 0 comments

“Everyone should have a comparable experience and, preferably, that shared experience shouldn’t be f**king dreadful” heydonworks.com/article/acce...

submitted 4 days ago • 0 comments

Extremely nice collection of fonts with some nice interactivity in the type tester too. The intro video is very nicely done also.

submitted 5 days ago • 0 comments

A new post from the Course Brand Development project is here. Jason explains his design process and how going all-in unearths the finer details that truly makes your work stand out while also delivering the desired overall impact. piccalil.li/projects/cou...

submitted 5 days ago • 0 comments

Ethan here with some very nice and also very ethanmarcotte.com/wrote/unbrea...

submitted 5 days ago • 0 comments

A nice looking resource that will help you get better at pull requests. Useful for beginner and senior devs alike!

submitted 6 days ago • 0 comments

CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff. piccalil.li/links/css-co...

submitted 6 days ago • 0 comments

ffconf has a nice new website and obviously we’re fans of the yellow, but the speaker photo treatment is very nicely done too. 2025.ffconf.org

submitted 6 days ago • 0 comments

I’ve been a little under the weather the past couple days, but was super excited and honored to see pullrequestplaybook.com featured in the latest @piccalil.li newsletter. Make sure to subscribe to it if you haven’t already! And new articles on pullrequestplaybook.com dropping on Monday!

submitted 8 days ago • 0 comments

The Index #104 is here, featuring a nice conference site, pull requests, nice design work, nice fonts and rickrolling. piccalil.li/the-index/104/

submitted 9 days ago • 0 comments

A new post from the Course Brand Development project is here. Jason picks out a few key areas of our approach to dealing with client feedback. These are broad principles and can be applied in pretty much any project where you’re dealing with external partners. piccalil.li/projects/cou...

submitted 9 days ago • 1 comment

Some horrifying statistics for publishers to scare themselves with, but some great, pragmatic advice on how to get through the bad times. www.katycowan.co.uk/blog/how-pub...

submitted 9 days ago • 1 comment

A good run-down of Apple’s lethargy as a browser maker (and part of a good series). infrequently.org/2025/06/the-...

submitted 10 days ago • 0 comments

This is absolutely fantastic. The UI is really nice too. A great way to improve your docs. eleventy-libdoc.netlify.app

submitted 10 days ago • 0 comments

Lots of priceless knowledge on CSS transforms for you to digest in this article.

submitted 11 days ago • 0 comments

The Index #103 is here, featuring conversion optimisation, CSS transforms, Eleventy, Safari's lethargy and how an online publisher is dealing with the bad times. piccalil.li/the-index/103/

submitted 11 days ago • 1 comment

We've had a week-long pause on these articles because we had commercial client work to do. Hopefully that won't be the case in the future, with your support! Let's take a look at dark patterns and what methods we're using instead. piccalil.li/projects/cou...

submitted 11 days ago • 0 comments

Another top drawer article from Josh here with lots of interactivity for you to enhance your learning with. www.joshwcomeau.com/animation/pa...

submitted 11 days ago • 0 comments

Now we have text-box in CSS, understanding font metrics is even more important so you know what you’re trimming. This is a very handy little website that allows you to upload a font that you plan on using, along with a Google font picker. vertical-metrics.netlify.app

submitted 12 days ago • 2 comments

We need more of this. Using our design skills to help progressive movements claw the internet (and our attentions) back from the tech oligarchs. Fantastic work @bell.bz, taking the lead and pushing us towards a better internet!

submitted 12 days ago • 1 comment

If you haven't already heared about @piccalil.li pivot, pop over, read and support them. Now. It's been a while since I've read something on the web that resonated as much as their commitment. "Free high quality front-end education for everyone". https://piccalil.li/support-piccalilli/

submitted 12 days ago • 2 comments

This was a very fun project for us!

submitted 12 days ago • 0 comments

We've launched a new page that outlines what we're trying to do with open working projects and importantly, *why* we're doing it. This isn't the internet we want and we're going to do everything to make sure we're making things better, not chasing profit over anything. piccalil.li/support-picc...

submitted 12 days ago • 1 comment

We’ve been waiting for this stuff for a while in the studio so it’s good to see it moving at pace now.

submitted 13 days ago • 0 comments

We’re proud to support @piccalil.li — they’re doing the good work of sharing practical frontend knowledge that benefits everyone who builds on the web. And our gift pays for itself every time I have to look up how that one cool CSS thing works.

submitted 13 days ago • 2 comments

We want to give Polypane (polypane.app) and Bits&Letters (www.bitsandletters.com) a huge thank you for their annual support. Individual contributions are really generous, but orgs can afford to give more and will be the difference in us doing this stuff full time. opencollective.com/piccalilli

submitted 13 days ago • 0 comments

The Index #102 is here, featuring our 2025 survey, gap styling, vertical font metrics, partial keyframes and a lovely looking timezone tool. piccalil.li/the-index/102/

submitted 16 days ago • 0 comments

Cassidy Williams has made a cool calendar tool that allows you to store up to 5 event groups locally by serialising the data in your URL. pocketcal.com

submitted 16 days ago • 0 comments

We love the interaction and the concept. Pick your own price (within a range) and do so with a really nice range element. teenage.engineering/25-the-flipp...

submitted 17 days ago • 1 comment