<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom/"><channel><title>The Index by Piccalilli</title><description>High quality, curated design, dev and tech links.</description><link>https://piccalil.li/the-index/</link><atom:link href="https://piccalil.li/the-index/feed.xml" rel="self" type="application/rss+xml"/><item><title>The Index: Issue #185</title><link>https://piccalil.li/the-index/185/</link><guid isPermaLink="true">https://piccalil.li/the-index/185/</guid><pubDate>Fri, 05 Jun 2026 11:55:00 GMT</pubDate><content:encoded>&lt;h2&gt;&lt;a href=&quot;https://eyeball.rory.codes/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;eyeball&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Incredibly addictive game. Best to use a mouse/trackpad than a touch device to give yourself a chance too!&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://dollarslice.nyc/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Dollar Slice Surf Report, New York City&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;A cool project by Scott Jehl as, &lt;a href=&quot;https://scottjehl.com/posts/dollar-slice/&quot;&gt;using pen, pencil, Procreate and Figma&lt;/a&gt; as a much needed antidote to the slop era.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://ffconf.org/feeds/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Speaker feeds&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;FFconf have a &lt;em&gt;huge&lt;/em&gt; library of previous talks and speakers. Now, you can discover their RSS feeds and follow them. Handy!&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://letsgetcreative.today/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Let&apos;s get creative&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Folks love it when we share indexes of &lt;em&gt;cool stuff&lt;/em&gt;, so here&apos;s another!&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://bluecorridors.org/explore/species?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Protecting Blue Corridors&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Some absolutely delightful design and data visualisation work here.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://piccalil.li/blog/styling-tables-the-modern-css-way/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Styling Tables the Modern CSS Way&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Here&apos;s one from the &lt;a href=&quot;https://piccalil.li/blog/&quot;&gt;Piccalilli archives&lt;/a&gt; that you might have missed to wrap up this issue.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;P.S. &lt;a href=&quot;https://lowmess.com/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;this is a good website&lt;/a&gt; from &lt;a href=&quot;https://personalsit.es/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;personalsit.es&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Sponsor message&lt;/h2&gt;&lt;a href=&quot;https://piccalilli.link/debugbear-ti-185&quot;&gt;&lt;img src=&quot;https://piccalil.b-cdn.net/images/ads/debugbear-a.jpeg&quot; alt=&quot;The DebugBear showing core web vitals, location metrics and page metrics.&quot; /&gt;&lt;/a&gt;&lt;p&gt;&lt;strong&gt;Identify and fix web performance issues with DebugBear.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Is your website slower than it should be? DebugBear provides in-depth web performance insights based on synthetic tests and real user monitoring.&lt;/p&gt;
&lt;p&gt;Detect pages with critical issues, get in-depth technical reports to identify solutions, and measure how performance impacts conversion rates.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://piccalilli.link/debugbear-ti-185&quot;&gt;Start Optimizing Your Website&lt;/a&gt;&lt;/p&gt;</content:encoded></item><item><title>The Index: Issue #184</title><link>https://piccalil.li/the-index/184/</link><guid isPermaLink="true">https://piccalil.li/the-index/184/</guid><pubDate>Fri, 29 May 2026 11:55:00 GMT</pubDate><content:encoded>&lt;h2&gt;&lt;a href=&quot;https://hsablonniere.github.io/musiq/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;musiq&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Some web components that render piano keys and guitar fretboards in various configurations. Handy for educators!&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://aphera.co/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Aphera&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;This is looking like a genuine challenger for Adobe Lightroom.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://ishadeed.com/article/range-syntax/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Media queries range syntax&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;A very concise explainer on this ever-useful syntax by one of the best in the biz at explaining CSS syntax.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://ericwbailey.design/published/you-probably-shouldnt-be-annotating-focus-order/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;You probably shouldn’t be annotating focus order&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;One of the best overviews of dealing with focus &lt;em&gt;well&lt;/em&gt; in UI design/development we&apos;ve seen out there.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://polypane.app/blog/using-safe-area-inset-to-build-mobile-safe-layouts/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Using safe-area-inset to build mobile-safe layouts&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;This is fantastic. The writing is superb and the interactive demos really help nail, understanding the concepts.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Printing the web: making webpages look good on paper&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Here&apos;s one from the &lt;a href=&quot;https://piccalil.li/blog/&quot;&gt;Piccalilli archives&lt;/a&gt; that you might have missed to wrap up this issue.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;P.S. &lt;a href=&quot;https://bsky.app/profile/bsky.app/post/3mmwmla3xph26?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;the standard.site Bluesky link cards integration is looking really cool&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Sponsor message&lt;/h2&gt;&lt;a href=&quot;https://piccalilli.link/debugbear-ti-184&quot;&gt;&lt;img src=&quot;https://piccalil.b-cdn.net/images/ads/debugbear-c.jpg&quot; alt=&quot;The DebugBear dashboard showing core web vitals, location metrics and page metrics.&quot; /&gt;&lt;/a&gt;&lt;p&gt;&lt;strong&gt;Optimize visitor experience with DebugBear&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;DebugBear real user monitoring tells you how fast your website is for your visitors and where you need to optimize.&lt;/p&gt;
&lt;p&gt;Get in-depth diagnostics across Google’s Core Web Vitals metrics. For example, you can see what page elements and scripts are responsible for slow user interactions.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://piccalilli.link/debugbear-ti-184&quot;&gt;Learn More&lt;/a&gt;&lt;/p&gt;</content:encoded></item><item><title>The Index: Issue #183</title><link>https://piccalil.li/the-index/183/</link><guid isPermaLink="true">https://piccalil.li/the-index/183/</guid><pubDate>Fri, 22 May 2026 11:55:00 GMT</pubDate><content:encoded>&lt;h2&gt;&lt;a href=&quot;https://tante.cc/2026/05/20/on-google-declaring-war-on-the-web/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;On Google declaring war on the Web&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;The time to fight back against Google is right now or we end up with AOL, slop edition.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://mechanical-pencil.com/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Mechanical Pencil&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Beautifully illustrated guides on how stuff works, by mechanical engineer and artist, Bryan Macomber.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://fortune.com/2026/05/12/lake-tahoe-data-center-49000-residents-power-source/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Nearly 50,000 Lake Tahoe residents have to find a new power source after their energy source looks to redirect lines to data centers&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;But AI is a bit useful though, right?&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://parachord.com/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Parachord&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Some great looking software that should make organising your combined stream-based and owned music collection easier.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://www.thisiscolossal.com/2026/03/chris-perani-macro-photography-insects-wings/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Extreme macro photos of insect wings&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Some much needed &lt;em&gt;art&lt;/em&gt; that does exactly what it says on the tin.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://piccalil.li/blog/you-can-style-alt-text-like-any-other-text/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;You can style alt text like any other text&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Here&apos;s one from the &lt;a href=&quot;https://piccalil.li/blog/&quot;&gt;Piccalilli archives&lt;/a&gt; that you might have missed to wrap up this issue.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;P.S. &lt;a href=&quot;https://whitep4nth3r.com/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;this is a good website&lt;/a&gt; from &lt;a href=&quot;https://personalsit.es/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;personalsit.es&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Sponsor message&lt;/h2&gt;&lt;a href=&quot;https://piccalilli.link/debugbear-ti-183&quot;&gt;&lt;img src=&quot;https://piccalil.b-cdn.net/images/ads/debugbear-b.jpeg&quot; alt=&quot;The DebugBear showing core web vitals, location metrics and page metrics.&quot; /&gt;&lt;/a&gt;&lt;p&gt;&lt;strong&gt;How fast is your website?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;The free DebugBear website speed test provides an in-depth technical report on your page speed. You can also see how your Core Web Vitals have changed over time, based on Google’s Chrome User Experience Report.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://piccalilli.link/debugbear-ti-183&quot;&gt;Test Your Website Speed&lt;/a&gt;&lt;/p&gt;</content:encoded></item><item><title>The Index: Issue #182</title><link>https://piccalil.li/the-index/182/</link><guid isPermaLink="true">https://piccalil.li/the-index/182/</guid><pubDate>Fri, 15 May 2026 11:55:00 GMT</pubDate><content:encoded>&lt;h2&gt;&lt;a href=&quot;https://yorick.chat/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Yorick&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;LLM chatbots are &lt;em&gt;out&lt;/em&gt; and dead chatbots are &lt;em&gt;in&lt;/em&gt;.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://diamond.jaydip.me/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;How diamonds are made&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;This is just absolutely stunning work.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://sinceyouarrived.world/taken?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Taken&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;This does an excellent job of highlighting how easy it is for companies to be &lt;em&gt;creepy&lt;/em&gt; and build a fingerprint on you, using information the browser happily hands over.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://localghost.dev/blog/making-an-original-jubilee-line-door-button-into-a-hue-light-switch/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;Making an original Jubilee line door button into a Hue light switch&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;A very cool idea and reading about the how was an absolute joy.&lt;/p&gt;
&lt;h2&gt;&lt;a href=&quot;https://piccalil.li/blog/how-were-approaching-theming-with-modern-css/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;How we’re approaching theming with modern CSS&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Here&apos;s one from the &lt;a href=&quot;https://piccalil.li/blog/&quot;&gt;Piccalilli archives&lt;/a&gt; that you might have missed to wrap up this issue.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;P.S. &lt;a href=&quot;https://vegar.codes/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;this is a good website&lt;/a&gt; from &lt;a href=&quot;https://personalsit.es/?utm_source=the-index&amp;amp;utm_medium=newsletter&quot;&gt;personalsit.es&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Sponsor message&lt;/h2&gt;&lt;a href=&quot;https://piccalilli.link/debugbear-ti-182&quot;&gt;&lt;img src=&quot;https://piccalil.b-cdn.net/images/ads/debugbear-a.jpeg&quot; alt=&quot;The DebugBear showing core web vitals, location metrics and page metrics.&quot; /&gt;&lt;/a&gt;&lt;p&gt;&lt;strong&gt;Identify and fix web performance issues with DebugBear.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Is your website slower than it should be? DebugBear provides in-depth web performance insights based on synthetic tests and real user monitoring.&lt;/p&gt;
&lt;p&gt;Detect pages with critical issues, get in-depth technical reports to identify solutions, and measure how performance impacts conversion rates.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://piccalilli.link/debugbear-ti-182&quot;&gt;Start Optimizing Your Website&lt;/a&gt;&lt;/p&gt;</content:encoded></item></channel></rss>