Andy Bell had heard companies were forcing employees to use AI tools so spoke to developers to determine if that was the case and learned some horrors in the process.| Piccalilli
This one is different, I promise. It's my advice on approaching the options we have to center an element with CSS now and what pragmatic choices we should make.| Piccalilli
I was listening to the latest Shoptalk Show episode and interpolate-size was mentioned, which triggered me to think "I wonder what's going on with that now". Not much, it seems. We're still looking way-off from it being in all browsers, but that's fine because we've got progressive enhancement available to us. What is interpolate-size? Why re-explain it when Bramus has already done an excellent job of that, over on the Chrome for developers blog? An often requested CSS feature is the ability ...| Piccalilli - Everything
I'll prefix that I don't know if a design pattern like masonry needs quite this much attention — I've always had it in my mind as a very specific answer to a very specific question: "how do we lay out various sized media?" Masonry is really useful for sites like Unsplash and Pinterest — galleries — but I'm not sure how useful it is away from that. But, it's great to see browser vendors trying to remove the need for JavaScript — often the tool of choice for a masonry layout — and bri...| Piccalilli - Everything
I've been building some reporting tools recently for our course authors. Y'know, tables and summaries so they know how much their share of course sales are and how their sales are doing. Most of my work on this project was pulling data from Stripe and rendering it out appropriately. My efforts were focused less on the UI because in my mind, "I'll get Bootstrap on there or something." I'd heard of Pico before and I knew I had a strong semantic base in place already. I wanted to give it a chanc...| Piccalilli - Everything
I want to make Piccalilli's position absolutely clear on LLMs and generative AI. I'll keep this extremely short because our feeds are already dominated by AI discourse. I just think it's important for you, the reader, to understand our position. This article serves as a canonical reference to our position ongoing. Where we stand: our principles We will never publish AI-generated content, be it words, code, video, audio and images We won't boost content that we suspect has been wholly, or part...| Piccalilli - Everything
After a truck-load of work, we’ve given our upcoming courses branded landed pages so that our authors have their own little home to express themselves on Piccalilli.| Piccalilli
Cloudflare have come up with an interesting method of preventing publishers being ripped off by AI crawlers. We look at what it could do for us and everyone else.| Piccalilli
We've taken a cut of the respondents from our 2025 survey, so it's time to break down what the data is telling us and how that relates to our longer term plans to go all-in on Piccalilli.| Piccalilli
I stumbled across this CSS processor and found it to be quite an interesting approach, so I talked about it in our typical project context.| Piccalilli
Declan Chidlow takes us on a really interesting tour of the often, under-reported world of print stylesheets, how to use them and also how to debug them.| Piccalilli
A fun little side quest to show you how applying styles to alt text can really elevate your user interface.| Piccalilli
We are Piccalilli. A publication dedicated to providing high quality educational content to level up your front-end skills.| Piccalilli
A CSS methodology oriented towards simplicity and consistency with a heavy dosage of pragmatism.| Piccalilli
In Every Layout, we wrote about The Stack. It’s a marriage of Heydon’s Lobotomised Owl selector and my method of managing Flow and Rhythm with CSS Custom Properties.| Piccalilli
Posted on Piccalilli: How to make hyper-resilient components that respond to not only the container, but other languages too.…| Eric Bailey
Progressive enhancement hasn’t caught on nearly as much as it should. It’s likely related to folks not being able to envision it working in their real world contexts. This post attempts to alleviate that and reignite the conversation.| Piccalilli
Inheritance truly is a superpower and it’s what makes developing on the web a joy if you embrace it. In this quick post, I’m going to convert you into a super fan.| Piccalilli
Often feared by developers, the cascade and specificity is actually really simple if you utilise the right mental model when authoring CSS.| Piccalilli
I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects.| Piccalilli
I wrote “A Modern CSS Reset” almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version.| Piccalilli