🦜 Piccalilli
@piccalil.li@rss-parrot.net
I'm an automated parrot! I relay a website's RSS feed to the Fediverse. Every time a new post appears in the feed, I toot about it. Follow me to get all new posts in your Mastodon timeline!
Brought to you by the RSS Parrot.
---
Latest from around the site
Your feed and you don't want it here? Just
e-mail the birb.
We gave The Index a much needed design refresh and introduced advertising, site-wide
https://piccalil.li/blog/we-gave-the-index-a-much-needed-design-refresh-and-introduced-advertising/?ref=main-rss-feed
Published: March 13, 2025 11:00
When we redesigned Piccalilli last year, our ultimate focus was on the web experience — specifically articles and links. The Index of course got some love, but we put a pin in giving it a full re-work until we had the capacity to give it our full focus.…
CSS relative colours
https://piccalil.li/links/css-relative-colours/?ref=main-rss-feed
Published: March 10, 2025 08:50
Something I really struggle with, is the computer science aspect of our work as front-end developers. I'm a designer who learned HTML and CSS out of spite because I was fed up of my pixel perfect Photoshop files not being represented correctly. How that…
Tips on extensible and maintainable components
https://piccalil.li/blog/tips-on-extensible-and-maintainable-components/?ref=main-rss-feed
Published: March 6, 2025 11:55
In my first developer job, I worked on the software I had used in a different role at the same company. On my first day, I explained the business need for an extra thousand lines of code to the developer who wrote them.
Learning to maintain and fix a…
Is the button focusable?
https://piccalil.li/links/is-the-button-focusable/?ref=main-rss-feed
Published: March 3, 2025 11:55
I won't give away many spoilers here, just in case you want to play this earnestly, but aria-hidden="true" being focusable while also not being available in the accessibility tree should be a warning in itself to be careful with <button> elements. Using…
In praise of off-screen menus
https://piccalil.li/blog/in-praise-of-off-screen-menus/?ref=main-rss-feed
Published: February 27, 2025 11:55
It’s fairly accepted that keeping navigation visible is best practice for menu design, right? At least when it comes to designing for desktop viewports. Nielsen Norman Group goes as far as saying that off-screen menus are “not appropriate for desktop…
How to Use ARIA Alert Effectively
https://piccalil.li/links/how-to-use-aria-alert-effectively/?ref=main-rss-feed
Published: February 24, 2025 11:55
With all the best will in the world, it can be really hard to get accessibility right. It's also hard to find the right answers. Sure there's the WCAG guidelines, but they're also quite difficult to understand.
With all that in mind, I'm always endlessly…
Rethinking Find-in-Page Accessibility: Making Hidden Text Work for Everyone
https://piccalil.li/links/rethinking-find-in-page-accessibility-making-hidden-text-work-for-everyone/?ref=main-rss-feed
Published: February 17, 2025 11:49
I stumbled upon this article and firstly, I learned yet another an important lesson about making presumptions about screen reader users:
It wasn't my first time seeing someone blind use assistive technology for web navigation, but this experience stood…
Using the step and pattern attributes to make number inputs more useful
https://piccalil.li/blog/using-the-step-and-pattern-attributes-to-make-number-inputs-more-useful/?ref=main-rss-feed
Published: February 13, 2025 11:55
If you ever have an HTML <input> element for numbers — <input type="number" /> — you might notice that it defaults to accepting integers as values, and increments and decrements by one. There's ways to make it accept, increment by, and decrement by decimal…
What I learned from migrating a Vue project from Vuex to Pinia
https://piccalil.li/blog/what-i-learned-from-migrating-a-vue-project-from-vuex-to-pinia/?ref=main-rss-feed
Published: February 6, 2025 11:00
Recently I had the experience of migrating a Vue web app to a new state management library, Pinia, which was interesting from both a technical and non-technical point of view. In this article I’ll share my thoughts and findings on when, why and how you…
CSS nesting: use with caution
https://piccalil.li/blog/css-nesting-use-with-caution/?ref=main-rss-feed
Published: January 30, 2025 11:55
I’ve been doing this CSS thing for over 15 years and I’ve seen a lot of change in that time. A lot of the time, I see a new CSS feature and immediately get excited about how helpful it’s going to be for me and the team in the long term. A good example of…
The Index
https://piccalil.li/links/the-index/?ref=main-rss-feed
Published: January 27, 2025 11:00
Did you know we send out a newsletter twice a week?
I know, I know, there’s a lot of newsletters out there, but let me tell you what The Index does:
It goes out on a Wednesday and Friday
The focus is around 5 links per issue and that’s it
We try to get a…