Andy Bell
@bell.bz
Founder at: @set.studio and @piccalil.li Complete CSS Course: https://complete-css.com Studio: https://set.studio CSS Book: https://every-layout.dev Newsletter: https://piccalil.li/the-index/ 🔗 https://bell.bz/links/ 🌐 https://bell.bz 🌍 Cheltenham, UK
Designing in the browser (and visually managing your DS more broadly) with @sugarcube.sh is getting closer and closer. Fun thing to know: the panel and controls are defined in your config. Think of how dat gui or lil gui work with bindings. Similar principle.
Never forget the Luddites, one of the most powerful organized labor resistance groups in history, who attacked machines because employers were using mechanization to deskill their trades, depress wages, and eliminate jobs. Now their name is used as an insult instead of a call to action.
Catbus@catbus.phd · 2d agothis ties in with a rant I sent in a while back about how "efficiency" is anti-human and should be resisted instead of fetishized whatever is good for capitalism is bad for human beings, without exception
'We’re approaching—or arguably are in—an era where ‘made by humans’ is a differentiator. A notion that something beyond money and prompts was put into whatever the heck it is we’re using or consuming or enjoying. We should never lose sight of that.' mindfuldesign.xyz/by-humans/
By Humans, For Humans – Mindful Design
Now, more than ever, we need to consider the real, human impact of the work we do. This is a fundamental principle of Mindful Design.
mindfuldesign.xyz
🎉 new article 🎉 Web Components, Design Tokens, and CSS @layer. in another episode of some recent blog-and-response'ing Can we get there?? … almost(-ish). https://www.alwaystwisted.com/articles/design-tokens-and-web-components
Design Tokens, Web Components, and CSS @layer
Use design token metadata to generate :host defaults and :defined overrides for Shadow DOM web components.
alwaystwisted.com
Geolocation is tough with and without this new API because of all the external hardware involved (GPS satellites, Wi-Fi networks, cellular towers, etc.), plus <geolocation> has some styling restrictions! This article shows you how to use the older (current) geolocation API alongside <geolocation>.
Piccalilli@piccalil.li · 2d agoThere’s a new HTML in town that provides a much better interface for geolocation than the older API. Daniel Schwarz is here to explain how it all works together. piccalil.li/blog/a-look-...
Been dragging my feet on posting this one outside Da JS4E Subscriber Z0ne* for fear of oversharing, but: I’m feeling really beat-down lately. Not to make it weird or anything, but the reason my laptop is still open and my hands are still moving is you. wil.to/js4e/newslet... *Nobody calls it that.
Despite Everything
A behind-the-scenes look at my work on JavaScript for Everyone, from Piccalil.li.
wil.to
I'm helping a former client of mine source candidates for a fulltime remote developer position, based in the US! I'd love to continue working with them but I can't due to my location. You'd be working on Audiom, an audio-based map viewer that allows blind and low vision people to access maps.
There’s a new HTML in town that provides a much better interface for geolocation than the older API. Daniel Schwarz is here to explain how it all works together. piccalil.li/blog/a-look-...
A look at the geolocation HTML element and how it works
There’s a new HTML in town that provides a much better interface for geolocation than the older API. Daniel Schwarz is here to explain how it all works together.
piccalil.li
This is good advice even for those with 20 years experience. Thanks for the reminder @scott.is 💛 piccalilli.link/md-q-and-a-5
Polypane v30 ✨ Network panel got more stable and insightful — see requests alone or grouped by origins, both very useful depending on your optimization angle. Emulating svh overlay is now on by default — always see what’s ACTUALLY above the fold on mobile. Fast startup 💨 Check out the changelog.
Polypane. For devs who care@polypane.app · 3d agoPolypane 30 is out! 🤩 🛝 Playgrounds: go from .html to multi-device testing in 3 clicks 🔤 text-scale emulation 📹 recording w/ sound 🌐 Network panel filtering & sorting ✨ Sidepanel browser extensions 🔗 Standard.site validation & previews 🌍 Chromium 152 ⛰️ MORE STILL polypane.app/blog/polypan...
A short little musing on the content presentation challenges presented by television's switch from 4:3 to 16:9, with a parallel drawn to progressive enhancement. vale.rocks/micros/20260...
15 July 2026 04:50 UTC
vale.rocks
The LH unit in CSS is cool! In my new article, I wrote about it and shared my favorite demos. ishadeed.com/article/lh-u...
I did a feedback read-through of this post, and I think this is the most solid HTML boilerplate I've seen around. Well worth a look over to see if there is anything you can borrow from it. It has had me thinking that I should construct my own...
Manuel Matuzović @matuzo.at · 5d agoHere is the 2026 edition of the HTML boilerplate I use for websites I build! Let me know if there's anything else I should consider including! matuzo.at/blog/2026/ht...
One of the many problems with Being Like This™ is writing a real “pour my heart out” draft for tomorrow’s JavaScript for Everyone newsletter, while also unable to come up with a title that isn’t “Scriptin’ Ain’t Easy [but it’s necessary].” Anyway, piccalil.li/javascript-f... to see what happens.
JavaScript for Everyone
A high quality, expansive written course that will elevate your JavaScript skills to a level you never thought was achievable.
piccalil.li
An all-too-early look at CSS Navigation Matching. Looks like a nice way to abstract view transitions directly in CSS... though still touch to grok at this early stage.
CSS Navigation Matching, Early Days
Apply a style when someone navigates from one specific page to another. The idea being it'd make the sources for cross-document view transitions declarative in CSS rather than managing that stuff in JavaScript.
css-tricks.com
FINALLY THIS IS OUT. phew. Go play with all the cool stuff!
Polypane. For devs who care@polypane.app · 3d agoPolypane 30 is out! 🤩 🛝 Playgrounds: go from .html to multi-device testing in 3 clicks 🔤 text-scale emulation 📹 recording w/ sound 🌐 Network panel filtering & sorting ✨ Sidepanel browser extensions 🔗 Standard.site validation & previews 🌍 Chromium 152 ⛰️ MORE STILL polypane.app/blog/polypan...
Polypane 30 is out! 🤩 🛝 Playgrounds: go from .html to multi-device testing in 3 clicks 🔤 text-scale emulation 📹 recording w/ sound 🌐 Network panel filtering & sorting ✨ Sidepanel browser extensions 🔗 Standard.site validation & previews 🌍 Chromium 152 ⛰️ MORE STILL polypane.app/blog/polypan...
Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152 | Polypane
Polypane 30 introduces Playgrounds so you can open directories as real HTTPS URLs in seconds, adds support for the Side Panel extension API, brings major…
polypane.app
My favorite "new" CSS trick is one that's been around for a while, but I somehow just discovered (maybe rediscovered?) It's on how we can have a conditional border-radius that turns off if an element is full-width, either of the viewport or it's parent. youtu.be/rqjAx7lQo04
The border-radius trick you didn't know you needed
YouTube video by Kevin Powell
youtu.be
Rigged up a little Raspberry Pi contraption that mounts a network share on startup and cycles through any images on it at random, every minute or so, on a loop. I call it the Shitpost Robot.
@chriscoyier.net to the rescue again with this all timer css-tricks.com/preventing-a... works every time
Preventing a Grid Blowout | CSS-Tricks
Say you have a very simple CSS grid layout with one column fixed at 300px and another taking up the rest of the space at 1fr.
css-tricks.com
a LOT of people work behind the scenes to make a show like The Full Stack possible. this is what you don't see on camera
I love "it's just a tool" but we're talking about products with a brand name, while shoveling money in and hoping they give us the good payout. Levers are a tool. Slot machines are a product.
5 minutes to explain why the web needs our proposal to enhance spell checking on the web... youtu.be/TfFIC4Ookxo?...
Enhanced Spell Checking on the Web
YouTube video by Igalia
youtu.be
In this free lesson from JavaScript for Everyone, @wil.to shows us to put the (eventual) results represented by one or more promises to use. piccalilli.link/js4e-free-le...
