Life changing tip for Claude code users. Start your prompt with ! to enter bash mode and bypass Claude to run bash scripts without opening new terminal windows/tabs 💫

Introducing the <geolocation> HTML element  |  Blog  |  Chrome for Developers Discover the new way to request user location data.

Chrome 144 shipped <geolocation>, an HTML element that replaces the imperative location API with something declarative. User clicks a button, permission flows naturally. Includes autolocate attribute and degrades gracefully in Firefox and Safari.

developer.chrome.com/blog/geoloc...

una.im | Directional CSS with scroll-state(scrolled) Style based on scroll direction with this new scroll-state query feature.

With Chrome 144, we now have "scroll-state(scrolled)," a container query that allows styling based on user scroll activity. Every time we replace JavaScript with pure CSS, it's a triumph.
una.im/scroll-stat...

21 Lessons From 14 Years at Google Lessons learned from 14 years of engineering at Google, focusing on what truly matters beyond just writing great code.

Addy Osmani's reflections after 14 years at Google are worth your time.

Lesson 7 hits: "The best code is the code you never had to write." addyosmani.com/blog/21-les...

Introducing CSS Grid Lanes It’s here, the future of masonry layouts on the web!

Remember when masonry layouts meant pulling in a JavaScript library?

CSS Grid Lanes just shipped in Safari Technology Preview. It's `display: grid-lanes` plus a couple properties and you're done. The browser handles the rest.

webkit.org/blog/17660/...

The HTML Elements Time Forgot - HTMHell A collection of bad practices in HTML, copied from real websites.

Shoutout to everyone who lived through the <frameset> era and survived to tell the tale.

Declan's writeup on obsolete HTML elements is equal parts nostalgia and horror. www.htmhell.dev/adventcalen...

CSS Wrapped 2025 Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.

Chrome's year-end roundup of CSS and UI features is here. 22 additions to the platform in 2025, with varying levels of browser support. Worth a skim to see what's coming.

chrome.dev/css-wrapped...

You Can't Opt-Out of Accessibility Shiny exclusion all the way down.

Declan stresses that accessibility isn't something to tack on later. It should be embedded from the start, integrated into wireframes, designs, code, and QA. It's a shared responsibility, not just one person's job.
vale.rocks/posts/acces...

Multiple articulated red buses jammed in a circular roundabout with cars, vans and pedestrians navigating the crowded downtown intersection at night

When we put multiple feature branches live at once.

Obs.js – context-aware web performance for everyone Obs.js reads device and network signals and allows you to build adaptive user experiences.

Obs.js uses browser APIs to evaluate connection, battery, and performance. It applies root CSS classes giving you easy hooks to optimize content delivery by adjusting image resolution, omitting web fonts, or disabling autoplay videos. csswizardry.com/Obs.js/demo/

UserActivation - Web APIs | MDN The UserActivation interface provides information about whether a user is currently interacting with the page, or has completed an interaction since page load.

There's a JavaScript API to check if a person is actually interacting with your site. The UserActivation API is pretty handy for preventing autoplay abuse and other shenanigans.

developer.mozilla.org/en-US/docs/...

Brand New Layouts with CSS Subgrid • Josh W. Comeau Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful convenience, but it turns out that it’s so much more. Subgrid unlocks exciting new layout possibilities, stuff we couldn’t do until now. ✨

Josh W. Comeau simplifies complex CSS topics effortlessly. In just 10 minutes, you'll grasp CSS subgrid with his clear, jargon-free explanations and practical examples. www.joshwcomeau.com/css/subgrid/

How To Debug JavaScript In Chrome DevTools | DebugBear Learn how to set pause execution, inspect application state, and discover advanced breakpoint functionality.

There's a whole world beyond console.log in Chrome DevTools and this post covers it well. Restart frame is a game changer when you miss something stepping through code, and the watch pane beats typing the same expression in the console over and over.

www.debugbear.com/blog/chrome...

Installing web apps Here’s an HTML web component you can use if you’re participating in the origin trial for the Web Install API.

Jeremy developed a sleek web component for the Web Install API. It invites users to install your site as an app and cleverly self-destructs if the browser isn't compatible.

adactio.com/journal/22278

New Craft CMS plugin by yours truly.

Curses! is a lightweight profanity filter that allows you to moderate user-generated content, comments, or any text field with simple Twig filters.

plugins.craftcms.com/curses

The tech debt lessons here are wild. This wasn't broken code or bad architecture it was a pattern that worked great for 16 years,then suddenly didn't.

You can't predict when old decisions change, only respond when they do.. techblog.wikimedia.org/2025/11/21/...

Toasts GitHub no longer uses toasts because of their accessibility and usability issues.

Ever press a button and wonder if it worked?

GitHub ditched toast notifications due to accessibility and usability issues and they've kindly released a guide on alternatives like banners and dialogs.

primer.style/accessibili...

DOCTYPE magazine 🚀⌨️ ’80s BASIC type-in mags are back, but this time for HTML!

Can't wait for the first issue of DOCTYPE magazine vole.wtf/doctype/

Train named Ctrl Alt Deleaf to help blast billions of leaves from Great Britain’s tracks Network Rail says train named after public vote will join fleet of ‘unsung hero’ leaf-busters this autumn

Watch out Boaty McBoatface, there's a new train in town. www.theguardian.com/uk-news/202...

Error chaining in JavaScript: cleaner debugging with Error.cause - Matt Smith Use JavaScript's 'cause' property to chain errors, preserve context, and simplify debugging. Cleaner stack traces, better test assertions.

Obviously our code never has errors but if it did we'd be using the cause property allthingssmitty.com/2025/11/10/...

5-year-old recreates fonts in handwriting 5-year-old Sebastian has a unique talent – being able to recreate fonts in writing. His dad says he hyperlexia, or advanced reading skills, and they noticed ...

Five-year-old Sebastian can recreate any font by hand. Any. Font. His dad noticed the talent at 18 months; we can barely pick a font from a dropdown menu. www.youtube.com/watch?v=mJ9...

One thing we've been doing lately that's been surprisingly useful: feeding apache/php log files into an LLM and having it spot potential issues. Way easier than manually combing through pages of logs ourselves.

Drinking coffee from a cup made of coffee If you want to support this project: patreon.com/Giestas 00:00 one year of coffee00:46 homemade coffee bioplastic01:17 making a coffee cup 02:51 drinking fro...

Turns out you can make a coffee cup from spent coffee grounds. Full circle moment www.youtube.com/watch?v=lgc...

We all recognize the importance of good URLs, seeing it documented so clearly here is a good reminder. URLs are UI alfy.blog/2025/10/31/...

IKEA just launched tiny beds for smartphones IKEA plays its next card in the sleep game, but this time the mattress is pocket-sized. The brand’s UAE arm just dropped the Phone Sleep Collection, a miniature bed set for smartphones, complete with wood slats, bedding, and an embedded NFC chip. It’s the latest move in IKEA’s Complete Sleep initiative, aimed at getting customers [&hellip;]

I think we need tiny beds for our laptops too.
www.famouscampaigns.com/2025/10/ike...

Board – The First Ever Face-to-Face Gaming Console Board.fun — the official site for the Board Console. Board fuses the best of board games and video games into something entirely new. A 24” face-to-face gaming console that brings everyone together to play.

We have a few board game fans on the team that'll love this one! board.fun/

AI World Clocks The current time as rendered by 9 different AI models. By Brian Moore.

AI is great and all but making a clock with one is still hard. clocks.brianmoore.com/

The Scope Creep A chilling tale of deliverables, deadlines and doomed decisions

Is this a game or real life? scope-creep.xyz/

Y'all remember Xiao Xiao? Steve Jobs might've hated Flash but the little stickman fights were amazing. Some great internet history written up here animationobsessive.substack.com/p/when-stic...

No close quote? There are multiple ways to do ornamental quotation marks.

Today we learned that CSS has localized quotes built in
cssence.com/2025/no-clo...