2026-04-06T06:56:33Z https://yabu.me Piccalilli https://yabu.me/npub16cx2w5aazfs5lg2dx70jx83kpn8r94xlygkak98gkq5znmqt7alq0n2vq4 https://cdn.masto.host/frontendsocial/accounts/avatars/112/515/076/982/887/299/original/abea4386e5eeecf9.png https://cdn.masto.host/frontendsocial/accounts/avatars/112/515/076/982/887/299/original/abea4386e5eeecf9.png https://yabu.me/nevent1qqszhh6a6rwh0sfxa407yk6qwp43xywyas4yqckkw9qusc6xv3sypmqzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuv0czgv Extremely addictive. Extremely frustrating. Good fun though! <br/><br/><a href="https://100jumps.org/play/">https://100jumps.org/play/</a> 2026-04-06T15:02:20Z https://yabu.me/nevent1qqsz9224gppkrzuyh7av2hf4er4r8s9g8rthvlqq58a0gthv29chjjszyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu7z9els A quick guide to creating syndication feeds<br/><br/>RSS and syndication are the backbone of the web and have outlived many cycles of the tech industry. There&#39;s never been a better time to properly syndicate your content either, so Declan is here to give you a high level tour of your options.<br/><br/><a href="https://piccalil.li/blog/a-quick-guide-to-creating-syndication-feeds/">https://piccalil.li/blog/a-quick-guide-to-creating-syndication-feeds/</a> 2026-04-02T13:05:52Z https://yabu.me/nevent1qqsd077sp4wr0hv8l780wy3clmrwwl3dqgp3tfj3kh57xll9yla72dqzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhum92nzx Sorry to add more horror to our already horrifying industry at the moment, but this is important to make people aware of! <br/><br/><a href="https://trysound.io/try-not-to-get-scammed-while-looking-for-work/">https://trysound.io/try-not-to-get-scammed-while-looking-for-work/</a> 2026-04-01T15:01:50Z https://yabu.me/nevent1qqs074vyl0w2jntaju6r2nqs3tg64gz43hgujvjc43jx07e4k7rx73czyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuepe22c Just a reminder, we&#39;re knocking 20% off all courses throughout March. <br/><br/>Use code NEXTLEVEL to save 20% and get some high quality education, written by humans *for* humans.<br/><br/>PPP discounts also available. <br/><br/>piccalil.li/courses<br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/116/216/800/905/300/207/original/e8b645d0f851a23c.png"> <br/> 2026-03-12T15:00:53Z https://yabu.me/nevent1qqs84lrt3h7vs6d2lnl7naej8ze2fprx0hedyamz5c0vxp5p8edkexqzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuqp85sq This is very good. <br/><br/><a href="https://rubber-ai.davidfitz.dev/">https://rubber-ai.davidfitz.dev/</a> 2025-12-15T16:01:02Z https://yabu.me/nevent1qqs9hu6nrq7hgyft394xxumaflskpmvpdq77ntkp5pxn2c54xmrtmkszyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuhcx98z The entire “Asynchronous JavaScript” module of JavaScript for Everyone is now free<br/><br/>This module has so far been one of the most useful to people taking JavaScript for Everyone, so we made it free so you can get an idea of how good Mat is at teaching JavaScript. Maybe it’ll convince you to get the whole course 👀<br/><br/><a href="https://piccalil.li/links/the-entire-asynchronous-javascript-module-of-javascript-for-everyone-is-now-free/">https://piccalil.li/links/the-entire-asynchronous-javascript-module-of-javascript-for-everyone-is-now-free/</a> 2025-11-28T09:13:21Z https://yabu.me/nevent1qqs0vzgd3fsq2etda8569z76kjq86gmx6q4jp57rs2tza2lf2tsx2cszyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu7c2e2n One year of Complete CSS 🎉<br/><a href="https://mastodon.social/@belldotbz/115615346884691861">https://mastodon.social/@belldotbz/115615346884691861</a> 2025-11-26T09:44:27Z https://yabu.me/nevent1qqsgxlwp4d4ygmw7m9z9dyv4kl2tj2kx3lfjq6y09fvhfq69uj7ssyczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhutx6j5u One for the Sim City fans. This is so cool! <br/><br/><a href="https://terra.layoutit.com">https://terra.layoutit.com</a> 2025-11-06T14:01:42Z https://yabu.me/nevent1qqs0ne8fzwdnzysy0404syg363g0232mznhtnk099kcg7zazd7dhgtgzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu79hfmm It&#39;s here. JavaScript for Everyone is now available to…everyone!<br/><br/>The amount of effort and experience packed into this course is unbelievable and we know you&#39;re going to love it. <br/><br/>Get yours for £189, down from £249, for two weeks only and super-charge your career prospects.<br/><br/><a href="https://piccalilli.link/js4e-launch-morning-mastodon">https://piccalilli.link/js4e-launch-morning-mastodon</a> 2025-10-14T08:21:48Z https://yabu.me/nevent1qqsr2mvs9u72n0re22f0nknr6npjfgdxd2kxdj57l3wa5serhclk6mczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhus5upyg Bluesky isn’t the exciting bit, it’s the AT Protocol, just like ActivityPub is more exciting than Mastodon. Dan breaks down what is exciting about AT Protocol with this great article. <br/><br/><a href="https://overreacted.io/open-social/">https://overreacted.io/open-social/</a> 2025-10-10T13:03:59Z https://yabu.me/nevent1qqspcnt0mwf3ap467w8udwm0lre2zwv7v0ksnhwsf4aj3ap58pspl3szyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhug5uulz In reply to <a href='/nevent1qqszgrfsgfzzmq5k0w9yu5y8ukr4xv57kwr7fvre5qzelnaeq9524mcc7xqyz'>nevent1q…xqyz</a><br/>_________________________<br/><br/>Thanks! You lose a lot in caching then though, which especially problematic for a site like ours that generally has multiple views per user, serving *a lot* of users. <br/><br/>Your approach is great for small, simple CSS codebases though, especially if you can get the CSS and HTML under the size of a HTTP packet 2025-09-19T08:30:19Z https://yabu.me/nevent1qqs09gmzeffvmwtlrdtgem8sd078959lvkj5p3882feat42gtym5xjqzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuzr0zn8 Un-Sass&#39;ing my CSS: compiling multiple CSS files into one<br/><br/>A couple of really solid ways of compiling/truncating your CSS<br/><br/><a href="https://piccalil.li/links/un-sassing-my-css-compiling-multiple-css-files-into-one/">https://piccalil.li/links/un-sassing-my-css-compiling-multiple-css-files-into-one/</a> 2025-09-11T15:07:22Z https://yabu.me/nevent1qqsd5dpcl268nzmgvk40ns2kaejq7lthyfyxqrfcz34d9ftvfapselczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhudxyy73 Not to spoil the article, but HTML is a lot more powerful than you might give it credit for. <br/><br/><a href="https://frontendmasters.com/blog/opening-a-details-element-from-the-url/">https://frontendmasters.com/blog/opening-a-details-element-from-the-url/</a> 2025-08-29T15:02:25Z https://yabu.me/nevent1qqs0laj4nekf22y8e2zc8v6uk22qcfv0vpzzujg3q9kueczvhpapsaqzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhunu08mz Are people’s bosses really making them use AI tools?<br/><br/>Andy Bell had heard companies were forcing employees to use AI tools so spoke to developers to determine if that was the case and learned some horrors in the process.<br/><br/><a href="https://piccalil.li/blog/are-peoples-bosses-really-making-them-use-ai/">https://piccalil.li/blog/are-peoples-bosses-really-making-them-use-ai/</a> 2025-08-28T11:06:37Z https://yabu.me/nevent1qqs2d5a8ytcykzhmc8xuc3k5eal3fqn9jsaz3xl5pd88anf3zfdelyczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu89r3ss We wrote about Pico CSS this week and Mike responded with their own classless CSS framework. It’s very nice! <br/><br/><a href="https://mikemai.net/mcss/">https://mikemai.net/mcss/</a> 2025-08-22T15:01:57Z https://yabu.me/nevent1qqsf9dfgvuzhsf8n8akaclnw7ldkzyd92gue9apuzfm2hv3hscz627szyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu6n2cga &#34;I don’t write these posts for VC-funded LLMs to come along and gobble up and produce some shitty facsimile, or summarise what I’m saying with none of the nuance or context on someone else’s website.&#34;<br/><br/>Same.<br/><br/><a href="https://localghost.dev/blog/this-website-is-for-humans/">https://localghost.dev/blog/this-website-is-for-humans/</a> 2025-08-19T15:04:05Z https://yabu.me/nevent1qqsgaxp6ppvns94pp0ycldmsrsj9fj3qcfcmjn6cms3e52h7zsm2srgzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu6j70cc Very useful for interview prep and for brushing up your CSS knowledge in general. <br/><br/><a href="https://css-questions.com/">https://css-questions.com/</a> 2025-08-15T13:01:04Z https://yabu.me/nevent1qqsrx64xtk9fyvcmttn96dha0wex4tt7phme4l7dac72659qqwjr9qczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhus4n7dv Not only is this some great, user-centred design, but the website is absolutely stunning.<br/><br/><a href="https://namesake.fyi/blog/new-namesake-app/">https://namesake.fyi/blog/new-namesake-app/</a> 2025-07-17T09:05:47Z https://yabu.me/nevent1qqsqyt9rqhfan42mszljntrv9wv7q8940n32ufxaycypukkrnmr2qmczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuhzhgp4 We&#39;ve launched a new page that outlines what we&#39;re trying to do with open working projects and importantly, *why* we&#39;re doing it. <br/><br/>This isn&#39;t the internet we want and we&#39;re going to do everything to make sure we&#39;re making things better, not chasing profit over anything.<br/><br/><a href="https://piccalil.li/support-piccalilli/">https://piccalil.li/support-piccalilli/</a><br/><video controls width="100%" class="max-h-[90vh] bg-neutral-300 dark:bg-zinc-700"><source src="https://cdn.masto.host/frontendsocial/media_attachments/files/114/698/370/541/236/519/original/0b09f2ebf857d116.mp4"></video><br/> 2025-06-17T11:04:06Z https://yabu.me/nevent1qqsr5pqqfjqkjg7jg7u0hjhg7sjwaaeln4rn305pwn9272kwqwfcn2gzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuxjkqmn Some very handy CSS snippets here that could comfortably be dropped in most projects.<br/><br/><a href="https://adactio.com/journal/21896">https://adactio.com/journal/21896</a> 2025-05-20T09:02:52Z https://yabu.me/nevent1qqsxdgchwal8095pw0wprztrddlas04xud4vzajx5vw58dpzxaut0xgzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuhw4gum We need your support to do free projects for good causes and publish free high quality education<br/><br/>We’re trying a rather radical new approach at Piccalilli by doing real world projects — for real clients — in the open. This gives us a context to provide genuine high quality, real world education for free at the point of entry.<br/><br/><a href="https://piccalil.li/blog/we-need-your-support-to-do-free-projects-for-good-causes-and-publish-free-high-quality-education/">https://piccalil.li/blog/we-need-your-support-to-do-free-projects-for-good-causes-and-publish-free-high-quality-education/</a> 2025-05-13T12:02:58Z https://yabu.me/nevent1qqsdjgqjcyd52cdgx8y2fzvj2495st88977m3ce5l3gy942ftxexdcgzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuk9ud64 &#34;Additionally, Medium estimates that 47% of all content on their platform is AI-generated&#34;<br/><br/>🫥 <br/><br/><a href="https://blog.cloudflare.com/ai-labyrinth/">https://blog.cloudflare.com/ai-labyrinth/</a> 2025-04-03T09:00:09Z https://yabu.me/nevent1qqsg3mk7wust5epam7les32k8x0z5qd9xytwppa4n8znc5esjf6r5vczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuajc4pf We&#39;re delighted to announce that Complete CSS by <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub1v5tv3nax8wunurwtwf3nhz9w70sc4se7nc8fc3hktjpwxh9znt9stvqtkq" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>Andy Bell</span> (<span class="italic">npub1v5t…qtkq</span>)</a></span> is now officially live!<br/><br/>Complete CSS has taken nearly a year to produce and finally, it’s available for a limited Black Friday launch price of £189<br/><br/><a href="https://buff.ly/4d9gzSQ">https://buff.ly/4d9gzSQ</a><br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/113/549/141/736/662/508/original/93c40090083b0745.png"> <br/> 2024-11-26T12:00:04Z https://yabu.me/nevent1qqsrfm638xqdf8e08uaxrmsatmr0tfuayxxhzq27f7edy38j37jwthgzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuv4jklj When the gov.uk team offer a rundown like this, you have to read it because that team are some of the best in the business of great user experience. <br/><br/><a href="https://piccalil.li/links/building-a-robust-frontend-using-progressive-enhancement/">https://piccalil.li/links/building-a-robust-frontend-using-progressive-enhancement/</a> 2024-10-08T13:21:24Z https://yabu.me/nevent1qqs0rspgpfv058u4jxnlldqvk302d7zdpjk6vxft50hkeaq45vs2udczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhutfpnp4 Kevin Andrews shares some useful snippets of markup with handy explainers to help you deliver more accessible components.<br/><br/><a href="https://piccalil.li/blog/practical-accessibility-tips-you-can-apply-today/">https://piccalil.li/blog/practical-accessibility-tips-you-can-apply-today/</a> 2024-10-03T13:19:27Z https://yabu.me/nevent1qqs2vxu46r6pjqlp7mvprmry0mz9qz4hegw8lzpug60rdzkwxufqp3gzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhud9ld2g You just know Font Awesome teaming up with Eleventy is only going to do good things for the web<br/><br/><a href="https://www.11ty.dev/blog/eleventy-font-awesome/">https://www.11ty.dev/blog/eleventy-font-awesome/</a> 2024-09-13T05:47:36Z https://yabu.me/nevent1qqsd582kzz7elcydn0ynd8r9m3mwmm0m32cnvjx25l9648dpmcf6kggzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhuqzw43g The new upcoming CSS course by <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub1husvk9ne403s0s3yt43yutrt8czkgkcjtkvylwkt7h43u5ywhd0sxc7lpp" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>Andy Bell</span> (<span class="italic">npub1hus…7lpp</span>)</a></span> is now taking pre-orders for a very limited period. <br/><br/>We guarantee, you won&#39;t be the same developer after completing this course and more than likely, it&#39;ll give you the skills to push your career to a level you never thought was reachable before. <br/><br/><a href="https://piccalil.li/complete-css/">https://piccalil.li/complete-css/</a> 2024-09-10T12:26:18Z https://yabu.me/nevent1qqsxtg0lfxz87mpflnwaxcqgxnqswew9gdmexz5qpmy80q7wkanqluszyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu4s4dcr Introducing Complete CSS: our first course by Andy Bell. Pre-orders are now open for a very limited period.<br/><br/><a href="https://piccalil.li/blog/introducing-complete-css/">https://piccalil.li/blog/introducing-complete-css/</a> 2024-09-10T08:12:30Z https://yabu.me/nevent1qqs2st3699ca476mjc65nf9nk9ckv98q8qh4l4yslnt0ekv7qgpxlqgzyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhurglupt Learn to write better, resilient CSS by helping the browser to make decisions for itself with the simple, composable layouts this book teaches you to read.<br/><br/><a href="https://piccalil.li/links/every-layout/">https://piccalil.li/links/every-layout/</a><br/><br/>#PiccalilliLinks 2024-08-26T13:28:41Z https://yabu.me/nevent1qqsxcfxlazwqc9feeq6srcz5zk8u59cgug4cp3f4g8j2fwx7089pk7szyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhufk68qu The second part of the Piccalilli redesign article series where we cover the second half of our design process, getting ready to build it.<br/><br/><a href="https://piccalil.li/blog/redesigning-piccalilli-the-second-part-of-the-design-process/">https://piccalil.li/blog/redesigning-piccalilli-the-second-part-of-the-design-process/</a> 2024-08-14T10:50:25Z https://yabu.me/nevent1qqsrwhzfrypjtpy8sa0c6z67wpakzphg2eyq7c2axlnl0f5lqfj775szyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu5av8ra An incredibly well articulated, informative and entertaining run-down of the mighty HTML anchor element.<br/><br/><a href="https://piccalil.li/links/the-anchor-element/">https://piccalil.li/links/the-anchor-element/</a><br/><br/>#PiccalilliLinks 2024-08-12T10:10:10Z https://yabu.me/nevent1qqsy8z8e26zw7p30e6t6ce5knre098hdxevph8cpf35fgtpe8ujxtwczyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhukptgjt Sticky position in CSS can be super awkward and low-key enraging to work with. There’s plenty of little things you have to account for which Kilian Valkhof outlines really well.<br/><br/><a href="https://piccalil.li/links/getting-stuck-all-the-ways-position-sticky-can-fail/">https://piccalil.li/links/getting-stuck-all-the-ways-position-sticky-can-fail/</a><br/><br/>#PiccalilliLinks 2024-08-08T10:05:33Z https://yabu.me/nevent1qqsygylh4v69vjwn99wurcgd8nt4larzdjjt7pllm96g9hu5uzz4y0czyrtqef6nh5fxznapf5me7gc7xcxvuvk5mu3zmkc5azczs20vp0mhu6qqnxf It’s always safe to assume JavaScript will not be available, so here’s a quick list of very realistic reasons it won’t be.<br/><br/><a href="https://piccalil.li/blog/a-handful-of-reasons-javascript-wont-be-available/">https://piccalil.li/blog/a-handful-of-reasons-javascript-wont-be-available/</a> 2024-07-31T08:13:28Z