RSS Parrot

The Dev Tools Performance Monitor Panel

https://piccalil.li/links/the-dev-tools-performance-monitor-panel/?ref=main-rss-feed

Published: September 5, 2024 11:00

I will be completely honest, I don’t know performance dev tools as well as I probably should. I always find articles and talks on performance fascinating but when I come to learn stuff myself, my eyes often glaze over. Articles like this are really…

My under-engineered way to avoid a Flash of inAccurate coloR Theme (FART)

https://piccalil.li/links/my-under-engineered-way-to-avoid-a-flash-of-in-accurate-colo-r-theme-fart/?ref=main-rss-feed

Published: September 2, 2024 23:00

I’ll always share a simple solution because simple is almost always the best option. Theme preferences and toggles are one of those things that can be super over-engineered, so it’s great Christopher has come through with a simple solution for the former. …

Building a breakout element with container units

https://piccalil.li/blog/building-a-breakout-element-with-container-units/?ref=main-rss-feed

Published: August 29, 2024 00:00

We recently redesigned this site and a part of that was a sidebar-based article view. That aspect was fine because the Every Layout Sidebar is designed to deliver that layout with no fuss. I threw a spanner into the works though because we have a component…

Responsive bar charts in HTML and CSS

https://piccalil.li/links/responsive-bar-charts-in-html-and-css/?ref=main-rss-feed

Published: August 28, 2024 00:00

I love to see this sort of thing. In fact, nothing makes me happier on the web than seeing something simplified and improved because of that simplification. This article demonstrates that beautifully and teaches you how to write some pretty dang solid CSS…

Every Layout

https://piccalil.li/links/every-layout/?ref=main-rss-feed

Published: August 26, 2024 12:55

I can’t believe Piccalilli links have been here since January and I still haven’t plugged the book I co-wrote with Heydon. We first published the book 5 years ago and it’s now in its 3rd addition. I’m biased, sure, but we still religiously use these…

State of CSS 2024

https://piccalil.li/links/state-of-css-2024/?ref=main-rss-feed

Published: August 22, 2024 10:00

In the 2023 edition of State of CSS, the demographics were as follows: Over 50% of respondents were between 25 and 44 Over 30% of respondents earned $50k or more Over 60% of respondents identified as male Sure, the demographics are seemingly improving…

Redesigning Piccalilli: the build process

https://piccalil.li/blog/redesigning-piccalilli-the-build-process/?ref=main-rss-feed

Published: August 21, 2024 10:20

FYI This is the third and final part of our series on redesigning Piccalilli. To get the most out of this article, we recommend you start from the top. At this point, we’ve completed the design work and have also produced a backlog of production tasks, so…

What if you used Container Units for… everything?

https://piccalil.li/links/what-if-you-used-container-units-for-everything/?ref=main-rss-feed

Published: August 19, 2024 10:00

I won’t provide any spoilers because Chris’ writeup is really good with a nice real world example. The only commentary I will add is using container queries for everything — including fluid typography and space — might feel like a good idea on paper, but…

Just Build Websites

https://piccalil.li/links/just-build-websites/?ref=main-rss-feed

Published: August 15, 2024 10:00

I, like Jim, am also a keen(ish) golfer. Let me tell you about Golf: it’s one of the most over-engineered sports — quite possibly the most — out there. If you, like Jim says, watch the plethora of videos on social media you will almost certainly make golf…

Redesigning Piccalilli: the second part of the design process

https://piccalil.li/blog/redesigning-piccalilli-the-second-part-of-the-design-process/?ref=main-rss-feed

Published: August 14, 2024 10:20

FYI This is the second part of our series on redesigning Piccalilli. To get the most out of this article, we recommend you read the first part. After getting through our first sprint we have now completed our second and last sprint of the prototype design…

The anchor element

https://piccalil.li/links/the-anchor-element/?ref=main-rss-feed

Published: August 12, 2024 10:00

I fawn over Heydon’s writing a lot, but for good reason: they are very good. Step up their new article about the humble HTML anchor element (<a>) which not only explains what it is and how to use it correctly, but also how it all works under the hood of…