Front End World

Trimming our CSS with sibling-index() and sibling-count()

We’re experimenting with two new CSS functions to clean up our logo marquee code.

https://thoughtbot.com/blog/trimming-our-css-with-sibling-index-and-sibling-count

A Well-Designed JavaScript Module System is Your First Architecture Decision

Behind every technology, there should be a guide for its use. While JavaScript modules make it easier to write “big” programs, if there are no principles or systems for using them, things could easily become difficult to maintain.

https://css-tricks.com/the-javascript-module-system-architecture/

Why some images look brighter than your screen

How HDR images can make logos and highlights appear unnaturally bright, and how to create them yourself.

https://tn1ck.com/blog/abuse-hdr-images-for-marketing

Details that make interfaces feel better

A collection of details that make your interfaces feel better.

https://jakub.kr/writing/details-that-make-interfaces-feel-better

Announcing TypeScript 7.0 Beta

Today we are absolutely thrilled to announce the release of TypeScript 7.0 Beta! If you haven’t been following TypeScript 7.0’s development, this release is significant in that it is built on a completely new foundation. Over the past year, we have been porting the existing TypeScript codebase from TypeScript (as a bootstrapped codebase that compiles …

https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-beta/

Spring Physics in CSS

How browsers animate, why cubic-bezier is an approximation, and how linear() lets you use a real spring equation. No JS at runtime.

https://www.carmenansio.com/articles/spring-physics-css

Modern CSS Feature Support For Shadow DOM

Tracking the state of support for CSS features within and across the shadow DOM to provide visibility into feature parity, usage details, and outstanding issues and bugs.

https://shadow-dom-css.adobe.com/

Making your site visible to LLMs: 6 techniques that work, 8 that don’t

Most AI SEO advice is unproven. We tested what ChatGPT, Claude, and Perplexity actually read on our own site. Six LLM visibility techniques that worked, eight that didn't, and the metrics to tell the difference.

https://evilmartians.com/chronicles/how-to-make-your-website-visible-to-llms

So, you want a React modal that uses the <dialog> element and transitions in AND out?

I had to make a modal recently, it happened to be in React, so some of what follows is React specific, but the principles are all good ol' CSS/HTML and JavaScript, so don't necassarily go...

https://benfrain.com/a-react-modal-that-uses-the-dialog-element-and-transitions-in-and-out/

You can’t cancel a JavaScript promise (except sometimes you can)

A promise that never resolves is a surprisingly clean way to interrupt an async function.

https://www.inngest.com/blog/hanging-promises-for-control-flow

Introducing masonry-gridlanes-wc: A Native-First Masonry Web Component

A light-DOM custom element for CSS masonry layouts that uses display: grid-lanes when available and falls back to a spec-aligned JavaScript placement engine. Version 0.1.0 is ready for real projects.

https://schalkneethling.com/posts/introducing-masonry-gridlanes-wc-a-native-first-masonry-web-component/

Astro vs Next.js: When SSG beats React for content sites

Astro vs Next.js for content sites. See how SSG, hydration, and runtime costs compare in real-world builds.

https://blog.logrocket.com/astro-vs-next-js-ssg-vs-react/

Squash and Stretch The little secret that makes animations feel alive ✨

Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural and believable. It’s one of those small things that has a big impact.

https://www.joshwcomeau.com/animation/squash-and-stretch/

ES2026 Is Here: The JavaScript Features That Actually Change How You Write Code

ES2026 ships Temporal API, using/await using, Error.isError, Array.fromAsync and more. Learn what each feature does and when to use it in your TypeScript and JavaScript projects.

https://www.alexcloudstar.com/blog/es2026-javascript-features-guide/

tanstack: React Server Components Your Way

RSCs are genuinely exciting — smaller bundles, streaming UI, moving heavy work off the client — but existing implementations force you into a one-size-fits-all pattern. What if you could fetch, cache, and compose them on your own terms?

https://tanstack.com/blog/react-server-components

Why AI Sucks At Front End

How can it generate 3D worlds, videos, images and entire web pages, but still suck at front-end?

https://nerdy.dev/why-ai-sucks-at-front-end

CSS Breakpoint Units — design with pixels and get fluid UX for free while automatically solving two of the oldest accessibility problems.

I've created many NPM packages and invented many hacks focused on helping us all easily create beyond...

https://dev.to/janeori/css-breakpoint-units-design-with-pixels-and-get-fluid-ux-for-free-while-automatically-solving-two-4mdj