High quality, curated design, dev and tech links.https://piccalil.li/the-index/https://piccalil.li/the-index/176/https://piccalil.li/the-index/176/Fri, 03 Apr 2026 11:55:00 GMT<h2><a href="https://elenajs.com/?utm_source=the-index&amp;utm_medium=newsletter">Elena</a></h2> <p>A very handy looking, <em>tiny</em> progressive web components library.</p> <h2><a href="https://www.terrygodier.com/the-last-quiet-thing?utm_source=the-index&amp;utm_medium=newsletter">The last quiet thing</a></h2> <p>A beautifully composed piece that should serve as a nice reminder to you of both how much &quot;smart&quot; software/devices dominate your time and also how it's not your fault!</p> <h2><a href="https://clagnut.com/sandbox/font-size-adjust.html?utm_source=the-index&amp;utm_medium=newsletter">Font metrics calculator for font-size-adjust</a></h2> <p>Does exactly what it says on the tin!</p> <h2><a href="https://www.tempertemper.net/blog/theres-no-need-to-include-navigation-in-your-navigation-labels?utm_source=the-index&amp;utm_medium=newsletter">There’s no need to include ‘navigation’ in your navigation labels</a></h2> <p>A bit like how you should avoid prefixing <code>alt</code> text with &quot;an image&quot;, prefixing/suffixing <code>&lt;nav&gt;</code> labels with &quot;navigation&quot; should be avoided too.</p> <h2><a href="https://cssdoom.wtf/?utm_source=the-index&amp;utm_medium=newsletter">cssDOOM</a></h2> <p>Outrageously impressive stuff here! It plays surprisingly well and smoothly too.</p> <hr> <p>P.S. <a href="https://www.ultravulture.xyz/?utm_source=the-index&amp;utm_medium=newsletter">this is a good website</a> from <a href="https://personalsit.es/?utm_source=the-index&amp;utm_medium=newsletter">personalsit.es</a>.</p> <h2>Sponsor message</h2><a href="https://beyondtellerrand.com/events/dusseldorf-2026/tickets?utm_source=piccalilli&utm_medium=the-index"><img src="https://piccalil.b-cdn.net/images/ads/btconf-dus26.jpg" alt="Let’s go beyond" /></a><p><strong>beyond tellerrand returns to Düsseldorf on 27–28 April 2026.</strong></p> <p>A single-track conference where design and technology meet. No fluff, just honest talks and the kind of conversations that stay with you. 500+ peers, one welcoming community.</p> <p>Places are limited. Secure yours today.</p> <p><a href="https://beyondtellerrand.com/events/dusseldorf-2026/tickets?utm_source=piccalilli&utm_medium=the-index">Reserve your seat</a></p>https://piccalil.li/the-index/175/https://piccalil.li/the-index/175/Fri, 27 Mar 2026 11:55:00 GMT<h2><a href="https://css-tricks.com/javascript-for-everyone-destructuring/?utm_source=the-index&amp;utm_medium=newsletter">JavaScript for Everyone: Destructuring</a></h2> <p>Mat explains the ever-useful, but sometimes hard to understand destructuring assignment in JavaScript.</p> <h2><a href="https://mode.place/?utm_source=the-index&amp;utm_medium=newsletter">Mise en Mode</a></h2> <p>A very good methodology for design systems now has a book!</p> <h2><a href="https://tylergaw.com/blog/the-old-internet-is-still-here/?utm_source=the-index&amp;utm_medium=newsletter">The old internet is still here</a></h2> <p>A great reminder for us all. Don't get nostalgic and get surfing instead.</p> <h2><a href="https://report.zeroheight.com/?utm_source=the-index&amp;utm_medium=newsletter">2026 design systems report</a></h2> <p>Another year and another design systems report, this time delivered with a lovely, texture-rich UI.</p> <h2><a href="https://orionmagazine.org/article/paper-birds/?utm_source=the-index&amp;utm_medium=newsletter">Paper birds</a></h2> <p>Some stunning, physical art for you to enjoy.</p> <hr> <p>P.S. <a href="https://mbbischoff.com/?utm_source=the-index&amp;utm_medium=newsletter">this is a good website</a> from <a href="https://personalsit.es/?utm_source=the-index&amp;utm_medium=newsletter">personalsit.es</a>.</p> <h2>Sponsor message</h2><a href="https://piccalil.li/courses?utm_source=the-index&utm_campaign=next-level-2026"><img src="https://piccalil.b-cdn.net/images/ads/next-level-event-newsletter.png" alt="Save 20% on all courses" /></a><p><strong>Take your career to the next level by taking our premium courses and save 20%</strong>.</p> <p>Use the code <code>NEXTLEVEL</code> at checkout to get our courses for only <strong>£199.20</strong>.</p> <p>By taking our courses, you’re supporting independent publishing, rooted in doing right for workers in design, development and leadership.</p> <p><a href="https://piccalil.li/courses?utm_source=the-index&utm_campaign=next-level-2026">Take your career to the next level</a></p>https://piccalil.li/the-index/174/https://piccalil.li/the-index/174/Fri, 20 Mar 2026 11:55:00 GMT<p>Just a quick note before we get into this issue. We're moving back to a once per week cadence on Fridays after this issue.</p> <p>We've got a lot on in <a href="https://set.studio/?utm_source=the-index&amp;utm_medium=newsletter">the studio</a> right now, so making time to curate two issues a week is getting tougher. I'd rather make sure the quality of one issue is top notch.</p> <p>The next issue will be be Friday March 27!</p> <h2><a href="https://www.keithcirkel.co.uk/whats-my-jnd/?utm_source=the-index&amp;utm_medium=newsletter">What's My ΔE(OK) JND?</a></h2> <p>A fun colour recognition game that gets really quite hard as you go through it!</p> <h2><a href="https://vole.wtf/glasses-cleaning/?utm_source=the-index&amp;utm_medium=newsletter">Glasses Cleaning Simulator</a></h2> <p>Does exactly what it says on the tin!</p> <h2><a href="https://links.supply/?utm_source=the-index&amp;utm_medium=newsletter">Links supply</a></h2> <p>Links auto-scraped from curated accounts, powered by Bluesky.</p> <h2><a href="https://100jumps.org/play/?utm_source=the-index&amp;utm_medium=newsletter">100 Jumps</a></h2> <p>Extremely addictive. Extremely frustrating. Good fun though!</p> <h2><a href="https://comicss.art/games/12/?utm_source=the-index&amp;utm_medium=newsletter">A web technology crossword</a></h2> <p>This is very impressive with a good use of grid and custom properties.</p> <hr> <p>P.S. <a href="https://ttntm.me/?utm_source=the-index&amp;utm_medium=newsletter">this is a good website</a> from <a href="https://personalsit.es/?utm_source=the-index&amp;utm_medium=newsletter">personalsit.es</a>.</p> <h2>Sponsor message</h2><a href="https://beyondtellerrand.com/events/dusseldorf-2026/tickets?utm_source=piccalilli&utm_medium=the-index"><img src="https://piccalil.b-cdn.net/images/ads/btconf-dus26.jpg" alt="Let’s go beyond" /></a><p><strong>Join beyond tellerrand in Düsseldorf, 27–28 April 2026 and help us celebrate 15 years.</strong></p> <p>A single-track conference for designers and developers who care about craft and community. 500+ attendees, one stage, and a genuinely warm atmosphere.</p> <p>Don't miss out and secure your place now.</p> <p><a href="https://beyondtellerrand.com/events/dusseldorf-2026/tickets?utm_source=piccalilli&utm_medium=the-index">Reserve your seat</a></p>https://piccalil.li/the-index/173/https://piccalil.li/the-index/173/Wed, 18 Mar 2026 11:55:00 GMT<h2><a href="https://pawelgrzybek.com/svg-favicons-that-respect-theme-preference/?utm_source=the-index&amp;utm_medium=newsletter">SVG favicons that respect theme preference</a></h2> <p>A handy approach here! It'd be useful if browsers had a queryable value for the colour of the UI too so developers could serve an appropriate favicon.</p> <h2><a href="https://tetralogical.com/blog/2026/03/10/designing-for-people-with-anxiety/?utm_source=the-index&amp;utm_medium=newsletter">Designing for people with anxiety</a></h2> <p>This is absolutely packed with great knowledge.</p> <h2><a href="https://trysound.io/try-not-to-get-scammed-while-looking-for-work/?utm_source=the-index&amp;utm_medium=newsletter">Try not to get scammed while looking for work</a></h2> <p>Sorry to add more horror to our already horrifying industry at the moment, but this is important to make people aware of!</p> <h2><a href="https://europeantechmap.eu/?utm_source=the-index&amp;utm_medium=newsletter">European tech alternatives</a></h2> <p>We've already shared EU alternative sites before so we're sharing this one to make sure it's on your radar.</p> <hr> <p>P.S. <a href="https://stephaniewalter.design/?utm_source=the-index&amp;utm_medium=newsletter">this is a good website</a> from <a href="https://personalsit.es/?utm_source=the-index&amp;utm_medium=newsletter">personalsit.es</a>.</p> <h2>Sponsor message</h2><a href="https://piccalil.li/courses?utm_source=the-index&utm_campaign=next-level-2026"><img src="https://piccalil.b-cdn.net/images/ads/next-level-event-newsletter.png" alt="Save 20% on all courses" /></a><p><strong>Take your career to the next level by taking our premium courses and save 20%</strong>.</p> <p>Use the code <code>NEXTLEVEL</code> at checkout to get our courses for only <strong>£199.20</strong>.</p> <p>By taking our courses, you’re supporting independent publishing, rooted in doing right for workers in design, development and leadership.</p> <p><a href="https://piccalil.li/courses?utm_source=the-index&utm_campaign=next-level-2026">Take your career to the next level</a></p>