Explicit resource management in JavaScript. Matt Smith shows how using, await using, and Symbol.asyncDispose cut try/finally boilerplate, dispose in reverse order, and make lifetimes visible. #js #ecmasript allthingssmitty.com/2026/02/02/e...

CSS grid lanes are arriving sooner than you think. @jensimmons.bsky.social says Safari Technology Preview has the finalized syntax, while Chrome and Firefox are close behind. Meanwhile, you can use @​supports for progressive enhancement and a CSS or JS polyfill fallback. webkit.org/blog/17758/w...

CSS scroll-state container queries can now detect scrolling. @utilitybend.com shows Chrome 144’s new scrolled state for @​container, building on stuck, snapped, and scrollable states, to power hidey headers and scroll hints with no JS. #css #scroll utilitybend.com/blog/is-it-s...

Results of the State of JavaScript 2025 survey. TypeScript wins as a language, Vite downloads pass Webpack, and AI-generated code was just under 30% by late 2025, with Cursor, Zed, Claude, Gemini, and Copilot rising. #stateof #js 2025.stateofjs.com

How to dynamically install custom elements. @heydonworks.com uses :not(:defined) plus dynamic import to load only the custom elements found in the DOM, with a ready event and a MutationObserver option for late additions. #js #webcomponents heydonworks.com/article/dyna...

Five accessibility checks to run on every component. @hidde.blog outlines essential component-level checks: keyboard access, accessible tokens, clear control names, 400% zoom and user settings, and screen reader semantics. #a11y #testing zeroheight.com/blog/5-acces...

Try text scaling support in Chrome Canary. @joshtumath.uk says desktop has a base text size option, but mobile ignores OS text size. Opt in with <meta name="text-scale"> if your site is ready to let text follow the mobile users setting. Now in Canary behind a flag. www.joshtumath.uk/posts/2026-0...

Opinionated CSS reset for modern browsers. @vale.rocks shares a rule-by-rule overview of his reset, from an anonymous @​layer and border-box defaults to disabling text-size-adjust and normalizing media, forms, typography, and :focus-visible outlines. #css #reset vale.rocks/posts/css-re...

Stop turning everything into arrays. Matt Smith recommends iterator helpers for lazy map, filter, and take so you process only what the UI needs, not thousands of items. Works in modern browsers and Node 22+. #js #performance allthingssmitty.com/2026/01/12/s...

Writing custom elements with lit-html. Dave Samaniego shows why he reaches for lit-html over full Lit, including size, light DOM, and simpler imports. He walks through two patterns: a stateless <textarea> wrapper and a stateful Pokémon card with signals. frontendmasters.com/blog/custom-...

Understanding Git worktrees. Marco Haber shows how to keep multiple branches checked out in separate folders, so you can jump to main without stashing. Cursor uses the same idea for parallel agents. #git #tools www.marcohaber.dev/blog/git-wor...

Introducing the <geolocation> HTML element. Chrome 144 adds a declarative, click-to-share location control that reduces boilerplate and improves user intent signals, with origin trials showing fewer capture errors, better user flows, and recovery. #html #api developer.chrome.com/blog/geoloca...

Bundle size investigation. @adevnadia.bsky.social walks through Vite bundle analysis, finds tree-shaking traps like wildcard imports, removes non-ESM bloat like lodash, and consolidates duplicate date libraries, shrinking a React app from 5MB to about 601KB. #js www.developerway.com/posts/bundle...

Popover context menus with anchor positioning. @chriscoyier.net builds a no-JS kebab menu with popover invokers and anchor positioning. And a smart positioning via the position-try property, so the menu always stays in view. #css #webdev frontendmasters.com/blog/popover...

2025 Web Almanac by @httparchive.org is out. A comprehensive, data-backed view of the web, built with trusted experts, across 15 chapters on content, user experience, publishing, and distribution. It also includes a PDF version for offline reading. #almanac #report almanac.httparchive.org/en/2025/

Date is out, Temporal is in. @wil.to breaks down why JavaScript’s Date is inconsistent and bug-prone, then tours Temporal, a Stage 3 TC39 proposal. Temporal is now supported in recent Chrome and Firefox releases, but the spec can still evolve. #js #temporal piccalil.li/blog/date-is...

What’s new in Chrome 144. New ::search-text for find-in-page highlights, <geolocation> for clearer location permission with a recovery path after denial, Temporal API for modern JavaScript dates and times, and more. #chrome #browser developer.chrome.com/release-note...

Firefox 147 release notes for developers. CSS anchor positioning, Navigation API, SVG media fragments, View Transition types, CSS module scripts, module-based service workers, WebGPU on Apple Silicon, and DevTools improvements. #firefox #browser developer.mozilla.org/en-US/docs/M...

A production-ready web component starter template. @aaron-gustafson.com presents a setup wizard, Vitest testing, GitHub Actions CI, and secure npm publishing, so you can focus on your component, not a boilerplate. #webcomponents #js #tools www.aaron-gustafson.com/notebook/a-w...

Initiating navigations with the Navigation API. @ollie-williams.bsky.social shows navigate(), reload(), back(), forward(), and traverseTo(), plus state, info, and committed and finished promises for intercepted navigations. #js #router #url olliewilliams.xyz/blog/initiat...

VoxCSS, a CSS voxel engine. It stacks CSS grids and 3D transforms to render HTML cuboids in the DOM, not using Canvas, skips hidden parts, plus shapes, areas, projections. Supports vanilla JS, Vue, React, and Svelte. #css #3d voxcss.com

Web dependencies are broken. Can we fix them? @lea.verou.me says bundlers became the price of admission for browser libraries, and today’s import maps don’t scale. External import maps could be a first step. #js #tools lea.verou.me/blog/2026/we...

Debugging web performance with Chrome DevTools. @nucliweb.net shows how to triage big assets in Network, read CrUX live Core Web Vitals, and use Performance Insights and traces to improve LCP, CLS, and INP. #performance #devtools #chrome calendar.perfplanet.com/2025/chrome-...

How to @​scope CSS now that it’s Baseline. @dxnny.fun notes that Firefox 146 has joined Chrome and Safari in supporting the @​scope at-rule, a new feature that simplifies selectors and improves CSS structure. #css #baseline frontendmasters.com/blog/how-to-...

ES2026 solves JavaScript headaches with dates, math and modules. This year’s update adds Temporal, precise math, better Intl APIs for enhanced localization, and faster imports for better performance. #js #ecmasript thenewstack.io/es2026-solve...

Your URL is your state. Ahmad Alfy argues that good URL design makes web apps more shareable, resilient, and user-friendly. They capture intent, preserve context, and act as the web’s original state management system. #url #router alfy.blog/2025/10/31/y...

Getting a close button to hang off of a dialog. @dsenneff.bsky.social shows how CSS Anchor Positioning simplifies modal design without wrapper divs or overflow tweaks, keeping dialogs clean and accessible. #css #dialog www.darins.page/articles/clo...

Fixing the URL params performance penalty. @tunetheweb.com introduced No-Vary-Search, a new HTTP header that helps browsers and CDNs ignore irrelevant query params and improve caching efficiency. For now, supported only in Chrome 141. #performance #http calendar.perfplanet.com/2025/fixing-...

Directional CSS with scroll-state(scrolled). @una.im shows how the new scroll-state() container query landing in Chrome 144 will let CSS respond to scroll direction for dynamic UI effects, all without JS. #css #scroll una.im/scroll-state...

Introducing CSS Grid Lanes. The WebKit team announced the next major step in web layouts: long-awaited native masonry-style layouts are now available in Safari TP 234. It uses the new item-tolerance CSS property and leverages full CSS grid power. #css #layout webkit.org/blog/17660/i...

IDREFs: what they are and how to use them. @kilianvalkhof.com explains how attributes for, form, list, and ARIA IDREFs work for better structure and accessibility and the importance of unique, existing IDs and cross-browser testing. #html #a11y htmhell.dev/adventcalend...

Smooth view transitions for dialogs. Thomas Günther shows how to combine <dialog> and View Transition API for smooth, accessible animations using startViewTransition(), showModal(), and close(). Works in all major browsers, apart from closedby missing from Safari. medienbaecker.com/articles/dia...

Results of the State of HTML 2025, led by @sachagreif.com and designed by @lea.verou.me, show developers still value dropdowns, dialogs, and forms over AI or 3D. Customization and styling lead as key challenges. #html #survey 2025.stateofhtml.com

Speeding up CSS with compression dictionaries. @yoav.ws shows how combining critical and full CSS via compression dictionaries cuts bandwidth and accelerates page transitions. Works now in Chromium. #performance #css calendar.perfplanet.com/2025/how-to-...

WebKit Features for Safari 26.2. Sixty two features and 165 fixes. Highlights: CSS field-sizing, HTML command attributes, Navigation API, CHIPS for partitioned cookies, and text shaping updates. #safari #webkit webkit.org/blog/17640/w...

How HTML changes in ePub. Robin Whittleton shows how ePub reshapes HTML into XHTML with XML rules and limited CSS. The Standard Ebooks toolset is a good place to start if you want to build your own ebook. #html #epub htmhell.dev/adventcalend...

A pragmatic guide to modern CSS colors, part two. Kevin Powell explains how new CSS color tools like oklch() and color-mix() help developers create perceptually consistent, flexible color systems directly in the browser. #css #color piccalil.li/blog/a-pragm...

Firefox 146 release notes for developers: CSS contrast-color(), @​scope, and text-decoration-inset, updates to MathML and SubtleCrypto, and experimental support for @​custom-media and Navigation API. #firefox #browser developer.mozilla.org/en-US/docs/M...

Chrome’s CSS wrapped 2025. Showcase with 17 new CSS and UI features, from customizable select and invoker commands to scroll-state queries and shape(). Presented by the Chrome DevRel team to empower a more declarative and accessible web. #css #chrome chrome.dev/css-wrapped-...

APCA + WCAG 2 contrast checker. @ox.ca’s tool to test colors for both WCAG 2.x and APCA compliance with modern CSS support. #a11y #color mgifford.github.io/contrast-plus/

Jared White advocates for using JavaScript with JSDoc and TypeScript’s tsc for typing instead of full TypeScript. The combo provides type safety, clarity, and simplicity. He calls it the best of both worlds. #javascript #jsdoc thathtml.blog/2025/12/nuan...

What’s new in Chrome 143. CSS and API updates, WebTransport improvements, and new Web Smart Card API. Unicode 16, FedCM upgrades, and digital credentials trials arrive. XSLT is deprecated due to security risks and low usage. #chrome #webdev developer.chrome.com/release-note...

Non-square image blur extensions in CSS. @anatudor.bsky.social shares a pattern for wrapping images in a square, padding gaps with a blurred copy, and optionally fading edges into the background for more flexible layouts. #css #webdev frontendmasters.com/blog/non-squ...

Top layer troubles: popover vs dialog. Stephanie Eckles opens this year’s HTMHell Advent Calendar with a peculiar case: a toast popovers over a modal dialog can be visible but inert. Solution? Moving them into the dialog DOM and use popover="manual". #a11y #css htmhell.dev/adventcalend...

Using CSS to fix the irradiation illusion. Adam Argyle uses variable fonts and the GRAD axis to keep text weight consistent in dark mode, fix bold link hovers, and respect prefers-contrast without layout shift. #css #typography nerdy.dev/adjust-perce...

Build your own SPA router with URLPattern. Jim Schofield uses the URLPattern and History APIs to match routes, intercept links, and respond to popstate with vanilla JS. #javascript #routing jschof.dev/posts/2025/1...

Dialog and popover: layered UI patterns. David Herron shows how built-in <dialog> and popover handle focus, backdrops, and top layer stacking so you can drop most custom modal JS and UX hacks. #html #baseline web.dev/articles/bas...

Brand new layouts with CSS subgrid. Josh Comeau shows how subgrid lets nested cards, portfolios, and pricing tables share tracks so images and text stay aligned, plus gotchas like reserved rows and line numbers, and fallbacks for older browsers. #css #layout www.joshwcomeau.com/css/subgrid/

Performance monitoring for web components. Cassondra Roberts shows how the User Timing API tracks lifecycle milestones and reveals metrics important to user experience. #performance #webcomponents allons-y.llc/posts/2025-1...

HTML popover attribute in practice. Manuel Matuzović shows how to connect buttons to popovers, use auto, manual, and hint modes, position them via implicit anchors, and control them with JavaScript. #html #a11y youtu.be/KX8YQW7stzs