Piccalilli
@piccalilli.front-end.social.ap.brid.gy
High quality, approachable and transferable content from people with decades of elite industry experience.
🌉 bridged from ⁂ https://front-end.social/@piccalilli, follow @ap.brid.gy to interact
🌉 bridged from ⁂ https://front-end.social/@piccalilli, follow @ap.brid.gy to interact
The Index: Issue #150
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
https://piccalil.li/the-index/150/
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
https://piccalil.li/the-index/150/
The Index: Issue #150
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
piccalil.li
December 12, 2025 at 1:40 PM
The Index: Issue #150
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
https://piccalil.li/the-index/150/
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
https://piccalil.li/the-index/150/
Just show the prompt and save us all time and resources.
https://distantprovince.by/posts/its-rude-to-show-ai-output-to-people/
https://distantprovince.by/posts/its-rude-to-show-ai-output-to-people/
It's rude to show AI output to people | Alex Martsinovich
Feeding slop is an act of war
distantprovince.by
December 11, 2025 at 4:03 PM
Just show the prompt and save us all time and resources.
https://distantprovince.by/posts/its-rude-to-show-ai-output-to-people/
https://distantprovince.by/posts/its-rude-to-show-ai-output-to-people/
Miguel had been battling an annoying blinking with his view transitions and found the root cause. He’s sharing his learning in this article so you don’t fall into the same trap. It's also our last guest post of the year!
https://piccalil.li/blog/why-are-my-view-transitions-blinking/
https://piccalil.li/blog/why-are-my-view-transitions-blinking/
Why are my view transitions blinking?
Miguel had been battling an annoying blinking with his view transitions and found the root cause. He’s sharing his learning in this article so you don’t fall into the same trap!
piccalil.li
December 11, 2025 at 12:20 PM
Miguel had been battling an annoying blinking with his view transitions and found the root cause. He’s sharing his learning in this article so you don’t fall into the same trap. It's also our last guest post of the year!
https://piccalil.li/blog/why-are-my-view-transitions-blinking/
https://piccalil.li/blog/why-are-my-view-transitions-blinking/
2022? You’re damn right, there’s no expiration date on stunning writing and this is stunning writing.
It’s worth reading for the “fl” ligature on that display font alone.
https://amyhupe.co.uk/articles/tension-leading-design/
It’s worth reading for the “fl” ligature on that display font alone.
https://amyhupe.co.uk/articles/tension-leading-design/
Tension: Reflections from Leading Design conference 2022
Some notes on creating positive tension, and my reflections from Leading Design Conference 2022
amyhupe.co.uk
December 10, 2025 at 4:05 PM
2022? You’re damn right, there’s no expiration date on stunning writing and this is stunning writing.
It’s worth reading for the “fl” ligature on that display font alone.
https://amyhupe.co.uk/articles/tension-leading-design/
It’s worth reading for the “fl” ligature on that display font alone.
https://amyhupe.co.uk/articles/tension-leading-design/
The Index: Issue #149
Let's get through Wednesday with 5 good links in The Index #149. A big thanks to our friends, Saleor for sponsoring this issue.
https://piccalil.li/the-index/149/
Let's get through Wednesday with 5 good links in The Index #149. A big thanks to our friends, Saleor for sponsoring this issue.
https://piccalil.li/the-index/149/
The Index: Issue #149
Let's get through Wednesday with 5 good links in The Index #149. A big thanks to our friends, Saleor for sponsoring this issue.
piccalil.li
December 10, 2025 at 2:16 PM
The Index: Issue #149
Let's get through Wednesday with 5 good links in The Index #149. A big thanks to our friends, Saleor for sponsoring this issue.
https://piccalil.li/the-index/149/
Let's get through Wednesday with 5 good links in The Index #149. A big thanks to our friends, Saleor for sponsoring this issue.
https://piccalil.li/the-index/149/
A great call to action to be more inquisitive and above all, inspired. We certainly need that right now.
https://www.jaydip.me/blog/typography-in-the-wild
https://www.jaydip.me/blog/typography-in-the-wild
Typography in the wild
how we feel emotions with words
www.jaydip.me
December 10, 2025 at 2:02 PM
A great call to action to be more inquisitive and above all, inspired. We certainly need that right now.
https://www.jaydip.me/blog/typography-in-the-wild
https://www.jaydip.me/blog/typography-in-the-wild
🚨 Today is the last day to save £60 on Mindful Design and get a 50% discount coupon, just for buying the course! 🚨️
Our brand new design course’s launch price of £189 ends today. Your 50% discount coupon can be used at any time.
https://piccalilli.link/md-launch-24-hours-to-go
Our brand new design course’s launch price of £189 ends today. Your 50% discount coupon can be used at any time.
https://piccalilli.link/md-launch-24-hours-to-go
Mindful Design
A high quality, expansive video course that will elevate your design skills to a level you never thought was achievable.
piccalil.li
December 9, 2025 at 4:03 PM
🚨 Today is the last day to save £60 on Mindful Design and get a 50% discount coupon, just for buying the course! 🚨️
Our brand new design course’s launch price of £189 ends today. Your 50% discount coupon can be used at any time.
https://piccalilli.link/md-launch-24-hours-to-go
Our brand new design course’s launch price of £189 ends today. Your 50% discount coupon can be used at any time.
https://piccalilli.link/md-launch-24-hours-to-go
🚨 Today is the last day to save £60 on all courses and get yourself a 50% discount code that you can use any time 🚨
https://piccalil.li/black-friday
https://piccalil.li/black-friday
December 9, 2025 at 2:07 PM
🚨 Today is the last day to save £60 on all courses and get yourself a 50% discount code that you can use any time 🚨
https://piccalil.li/black-friday
https://piccalil.li/black-friday
This is an excellent example of attention to detail. Toggle the “light” switch and you’ll see.
https://www.incommonwith.com/collections/all-lighting
https://www.incommonwith.com/collections/all-lighting
In Common With | All Lighting
In Common With
www.incommonwith.com
December 8, 2025 at 4:02 PM
This is an excellent example of attention to detail. Toggle the “light” switch and you’ll see.
https://www.incommonwith.com/collections/all-lighting
https://www.incommonwith.com/collections/all-lighting
Deceptive patterns is a much better and more inclusive term, but aside from that, this is a really great resource.
https://hallofshame.design/collection/
https://hallofshame.design/collection/
Collection of Dark Patterns and Unethical Design
Discover a variety of dark pattern examples, sorted by category, to better understand deceptive design practices.
hallofshame.design
December 8, 2025 at 2:54 PM
Deceptive patterns is a much better and more inclusive term, but aside from that, this is a really great resource.
https://hallofshame.design/collection/
https://hallofshame.design/collection/
🚨 There's only 1 day left to secure our Black Friday deals! 🚨️
Save £60 on all courses and get yourself a 50% discount coupon that you can use at any time.
Deals end tomorrow!
https://piccalilli.link/black-friday-2025-24-hours-to-go
Save £60 on all courses and get yourself a 50% discount coupon that you can use at any time.
Deals end tomorrow!
https://piccalilli.link/black-friday-2025-24-hours-to-go
Black Friday Deals
piccalil.li
December 8, 2025 at 9:01 AM
🚨 There's only 1 day left to secure our Black Friday deals! 🚨️
Save £60 on all courses and get yourself a 50% discount coupon that you can use at any time.
Deals end tomorrow!
https://piccalilli.link/black-friday-2025-24-hours-to-go
Save £60 on all courses and get yourself a 50% discount coupon that you can use at any time.
Deals end tomorrow!
https://piccalilli.link/black-friday-2025-24-hours-to-go
This is great! It may well be part of the answer to improving dark mode for people too.
https://nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift
https://nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift
Using CSS to fix the irradiation illusion · 29 November 2025
How to adjust perceived font weight in dark mode without layout shift
nerdy.dev
December 5, 2025 at 4:02 PM
This is great! It may well be part of the answer to improving dark mode for people too.
https://nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift
https://nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift
⚠️ There's only four days left to save £60 on Mindful Design and get a 50% discount coupon, just for buying the course! ⚠️️
Our brand new design course’s launch price of £189 ends on December 9. Your 50% discount coupon can be used at any time.
https://piccalilli.link/md-launch-4-days-to-go
Our brand new design course’s launch price of £189 ends on December 9. Your 50% discount coupon can be used at any time.
https://piccalilli.link/md-launch-4-days-to-go
Mindful Design
A high quality, expansive video course that will elevate your design skills to a level you never thought was achievable.
piccalil.li
December 5, 2025 at 3:03 PM
⚠️ There's only four days left to save £60 on Mindful Design and get a 50% discount coupon, just for buying the course! ⚠️️
Our brand new design course’s launch price of £189 ends on December 9. Your 50% discount coupon can be used at any time.
https://piccalilli.link/md-launch-4-days-to-go
Our brand new design course’s launch price of £189 ends on December 9. Your 50% discount coupon can be used at any time.
https://piccalilli.link/md-launch-4-days-to-go
The Index: Issue #148
Let’s wrap up the week with some Good Links™ in The Index #148, sponsored by our friends at Saleor.
https://piccalil.li/the-index/148/
Let’s wrap up the week with some Good Links™ in The Index #148, sponsored by our friends at Saleor.
https://piccalil.li/the-index/148/
The Index: Issue #148
Let’s wrap up the week with some Good Links™ in The Index #148, sponsored by our friends at Saleor.
piccalil.li
December 5, 2025 at 2:22 PM
The Index: Issue #148
Let’s wrap up the week with some Good Links™ in The Index #148, sponsored by our friends at Saleor.
https://piccalil.li/the-index/148/
Let’s wrap up the week with some Good Links™ in The Index #148, sponsored by our friends at Saleor.
https://piccalil.li/the-index/148/
The team behind Oddbird — in collaboration with web.dev — have been busy writing practical content to help you understand Baseline features. Great stuff.
https://web.dev/series/baseline-in-action
https://web.dev/series/baseline-in-action
Baseline in action | web.dev
web.dev
December 5, 2025 at 2:02 PM
The team behind Oddbird — in collaboration with web.dev — have been busy writing practical content to help you understand Baseline features. Great stuff.
https://web.dev/series/baseline-in-action
https://web.dev/series/baseline-in-action
⚠️ There's only four days left to secure our Black Friday deals! ⚠️️
Save £60 on all courses and get yourself a 50% discount coupon that you can use at any time.
Deals end December 9!
https://piccalilli.link/black-friday-2025-4-days-to-go
Save £60 on all courses and get yourself a 50% discount coupon that you can use at any time.
Deals end December 9!
https://piccalilli.link/black-friday-2025-4-days-to-go
Black Friday Deals
piccalil.li
December 5, 2025 at 9:01 AM
⚠️ There's only four days left to secure our Black Friday deals! ⚠️️
Save £60 on all courses and get yourself a 50% discount coupon that you can use at any time.
Deals end December 9!
https://piccalilli.link/black-friday-2025-4-days-to-go
Save £60 on all courses and get yourself a 50% discount coupon that you can use at any time.
Deals end December 9!
https://piccalilli.link/black-friday-2025-4-days-to-go
A view transitions fallback: DOMContentLoaded + requestAnimationFrame()
Look, we get it, your boss wants everything to work the same in every browser. We're all about progressive enhancement here but we know a lot of organisations don’t like working like that, so Sunkanmi is here to help you […]
Look, we get it, your boss wants everything to work the same in every browser. We're all about progressive enhancement here but we know a lot of organisations don’t like working like that, so Sunkanmi is here to help you […]
Original post on front-end.social
front-end.social
December 4, 2025 at 5:08 PM
A view transitions fallback: DOMContentLoaded + requestAnimationFrame()
Look, we get it, your boss wants everything to work the same in every browser. We're all about progressive enhancement here but we know a lot of organisations don’t like working like that, so Sunkanmi is here to help you […]
Look, we get it, your boss wants everything to work the same in every browser. We're all about progressive enhancement here but we know a lot of organisations don’t like working like that, so Sunkanmi is here to help you […]
This is really cool! It lets you pick from a nice collection of dance radio stations, while tweaking EQ and stereo field.
https://dance-arena.com/
https://dance-arena.com/
Dance Arena Player
Elite-tier broadcast-grade web radio player.
dance-arena.com
December 4, 2025 at 2:01 PM
This is really cool! It lets you pick from a nice collection of dance radio stations, while tweaking EQ and stereo field.
https://dance-arena.com/
https://dance-arena.com/
This looks great! Another barrier to entry for progressive web applications getting sorted for us.
https://blogs.windows.com/msedgedev/2025/11/24/the-web-install-api-is-ready-for-testing/
https://blogs.windows.com/msedgedev/2025/11/24/the-web-install-api-is-ready-for-testing/
December 3, 2025 at 4:02 PM
This looks great! Another barrier to entry for progressive web applications getting sorted for us.
https://blogs.windows.com/msedgedev/2025/11/24/the-web-install-api-is-ready-for-testing/
https://blogs.windows.com/msedgedev/2025/11/24/the-web-install-api-is-ready-for-testing/
Pardon the email template, but for those who might be wondering if Mindful Design is a good design for developers course, Scott explains how it is *exactly that* in their newsletter that went out today https://piccalil.li/emails/scott-update-7/
December 3, 2025 at 3:02 PM
Pardon the email template, but for those who might be wondering if Mindful Design is a good design for developers course, Scott explains how it is *exactly that* in their newsletter that went out today https://piccalil.li/emails/scott-update-7/
Part 13 of a very good series by Stu. Utility class generation is always a crucial part of your project and this approach looks good!
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-13
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-13
Generating Utility Classes from Design Tokens using Style Dictionary
Generate Utility Class CSS from design tokens using Style Dictionary for seamless design-to-development workflows and collaboration and snowflakes.
www.alwaystwisted.com
December 3, 2025 at 2:02 PM
Part 13 of a very good series by Stu. Utility class generation is always a crucial part of your project and this approach looks good!
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-13
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-13
The Index: Issue #147
Let's enjoy a varied collection of very good links in The Index #147 to get us through the Wednesday hump.
https://piccalil.li/the-index/147/
Let's enjoy a varied collection of very good links in The Index #147 to get us through the Wednesday hump.
https://piccalil.li/the-index/147/
The Index: Issue #147
Let's enjoy a varied collection of very good links in The Index #147 to get us through the Wednesday hump.
piccalil.li
December 3, 2025 at 12:07 PM
The Index: Issue #147
Let's enjoy a varied collection of very good links in The Index #147 to get us through the Wednesday hump.
https://piccalil.li/the-index/147/
Let's enjoy a varied collection of very good links in The Index #147 to get us through the Wednesday hump.
https://piccalil.li/the-index/147/
Yet another top-drawer article from Martin, this time on the tradeoffs and options with pagination patterns.
https://www.tempertemper.net/blog/an-accessible-pagination-pattern-or-two
https://www.tempertemper.net/blog/an-accessible-pagination-pattern-or-two
An accessible pagination pattern (or two)
A couple of weeks ago I added pagination to my blog, and it was an interesting delve into the various designs and markup patterns that can be used.
www.tempertemper.net
December 2, 2025 at 4:03 PM
Yet another top-drawer article from Martin, this time on the tradeoffs and options with pagination patterns.
https://www.tempertemper.net/blog/an-accessible-pagination-pattern-or-two
https://www.tempertemper.net/blog/an-accessible-pagination-pattern-or-two
A pragmatic guide to modern CSS colours - part two
Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use their browser more often […]
Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use their browser more often […]
Original post on front-end.social
front-end.social
December 2, 2025 at 3:08 PM
A pragmatic guide to modern CSS colours - part two
Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use their browser more often […]
Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use their browser more often […]