Front End World

CSS:the bomb inside your inbox

Gareth Heyes - gareth.heyes@portswigger.net - @garethheyes It's quite common for webmail clients to render untrusted CSS in a trusted UI. They attempt to make this safe using CSS sanitization. In this

https://portswigger.net/research/css-the-bomb-inside-your-inbox

My HTML boilerplate in 2026

Every element I use for the basic structure of a HTML document, with explanations why.

https://www.matuzo.at/blog/2026/html-boilerplate

Almost nobody pays attention to web standards anymore

Are web coders losing their respect for standards? A recent review of the world’s largest sites sugg ...

https://www.devclass.com/devops/2026/08/18/almost-nobody-pays-attention-to-web-standards-anymore/5288832?via=dailydev

Solid 2.0 for React Developers: The Migration Cursor’s Agent Already Did

Solid 2.0 for React Developers: The Migration Cursor's Agent Already Did

https://x.com/devagrawal09/status/2089089101010239926

JavaScript Intl API: A Practical Guide to Built-In Internationalization

Learn how to use JavaScript Intl to format dates, numbers, currencies, lists, relative time, plural forms, and localized names without extra libraries.

https://jsdev.space/javascript-intl-guide/

Sixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall of CRTs

What building a Three.js lab around my own music taught me about the renderer.

https://tympanus.net/codrops/2026/08/22/sixty-frames-for-the-record-a-three-js-game-seven-fly-throughs-and-a-wall-of-crts/

Can’t touch the DOM? Reach for :has() to style any element

Third-party component libraries come with restrictions, the :has() CSS pseudo-selector unlocks flexible style options without needing JavaScript.

https://thoughtbot.com/blog/can-t-touch-the-dom-reach-for-has?via=dailydev

Relighting Images with Depth Maps and Three.js

Explore how depth maps, TSL, and WebGPU can be combined to turn flat 2D images into dynamic surfaces with realistic lighting, surface detail, and self-shadowing.

https://tympanus.net/codrops/2026/08/19/relighting-images-with-depth-maps-and-three-js/?via=dailydev

Useful JavaScript Additions in ECMAScript 2026

The useful part of the ECMAScript 2026 standard for JavaScript developers is that several common use cases now have direct names.

https://www.telerik.com/blogs/useful-javascript-additions-ecmascript-2026?via=dailydev

Modern CSS colors: oklch() and color-mix()

oklch() gives perceptually uniform colors, and color-mix() blends them. Build palettes and tints with modern CSS color functions in all major browsers.

https://flaviocopes.com/css-oklch-color-mix/

Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage

A technical look at the making of HAOQI.DESIGN, exploring scroll sync, glass shaders, and the interplay of DOM, CSS, and WebGL in a retro-futurist portfolio.

https://tympanus.net/codrops/2026/08/15/inside-haoqi-design-letting-dom-and-webgl-share-a-retro-futurist-stage/

Stop using the localStorage hack to sync browser tabs. BroadcastChannel does it natively.

Syncing state across browser tabs with localStorage events is a widely-used trick that requires JSON.stringify, event filtering, and careful cleanup. The Broadcast Channel API delivers messages between tabs directly, with none of the side effects.

https://bestpractic.org/blog/broadcast-channel-cross-tab-messaging

Coordinating Optimistic Updates in Next.js

Several changes can happen before the first save finishes. Here is how useActionState and useOptimistic keep those changes on screen while the saves run in order.

https://aurorascharff.no/posts/coordinating-optimistic-updates-in-nextjs/

React Compiler Explained: Do You Still Need useMemo, useCallback, and React.memo?

Learn how React Compiler changes memoization in React, when useMemo, useCallback, and React.memo still matter, and how to optimize performance effectively.

https://www.syncfusion.com/blogs/post/react-compiler-usememo-usecallback?via=dailydev

ESLint in 2026: A Practical Guide to Modern JavaScript Linting

ESLint does much more than enforce code style. Learn how modern flat config works, how rules find problems, what --fix can change, and how to build.

https://jsdev.space/howto/modern-eslint-guide/?via=dailydev

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

The warning is correct. And the recommended fixes you've probably seen are wrong. Here's what you can do instead to properly fix the issue.

https://css-tricks.com/blocked-aria-hidden-fix/

Build an AI Agent with Real-Time Web Search in JavaScript

Large language models (LLMs) are great at answering questions, but they have an important limitation: they don’t inherently have access to what’s happening on the web right now.

https://www.amitmerchant.com/building-web-searching-ai-agent-javascript/?via=dailydev

Scroll Axis Lock

Go off the scroll rails with one CSS property

https://nerdy.dev/css-scroll-axis-lock