I wasted a day on CSS selector performance to make a website load 2ms faster

A tale of diminishing returns...

https://www.trysmudford.com/blog/i-spent-a-day-making-the-website-go-2ms-faster/

Case Study: Treize Grammes — 2024

Learn about the challenges and creative solutions that shaped Treize Grammes’ bold rebrand and interactive design.

https://tympanus.net/codrops/2024/10/10/case-study-treize-grammes-2024/

A guide to the React useReducer Hook

The useReducer Hook, an alternative to the useState Hook, helps you manage complex state logic in React applications.

https://blog.logrocket.com/react-usereducer-hook-ultimate-guide/

TC39 Advances 10+ ECMAScript Proposals: Key Features to Watch

TC39 is meeting in Tokyo this week and they have approved nearly a dozen proposals to advance to the next stages.

https://socket.dev/blog/tc39-advances-10-ecmascript-proposals-key-features-to-watch

CSS nesting improves with CSSNestedDeclarations

CSS nesting is getting a whole lot better!

https://web.dev/blog/css-nesting-cssnesteddeclarations

Latest updates to effect() in Angular

Authors: Alex Rickabaugh Mark Thompson

https://blog.angular.dev/latest-updates-to-effect-in-angular-f2d2648defcd

Announcing Deno 2

Our next major version of Deno combines the simplicity, security, and performance of Deno 1 with full Node and npm backwards compatibility, and much more.

https://deno.com/blog/v2.0

iOS404

The missing web features of iOS

https://ios404.com/

Scroll-driven animated card stack with scroll snap events

Dissecting and reworking a very nice demo by Paul Noble.

https://www.bram.us/2024/10/13/scroll-driven-animated-card-stack-with-scroll-snap-events/

Exploring Playful Context-Aware Animations for Fixed Elements

Exploring how fixed elements can hide and reveal based on scroll interactions with playful, context-aware animations.

https://tympanus.net/codrops/2024/10/09/exploring-playful-context-aware-animations-for-fixed-elements/

Understanding and supporting zoom behaviors on the web

Understanding and supporting pinch, text, and browser zoom significantly enhances the user experience. Let's explore a few ways to do so.

https://blog.logrocket.com/understanding-supporting-zoom-behaviors-web/

Fixing your website’s JavaScript performance

Learn about lesser-known web performance bottlenecks connected to excessive JavaScript usage, like long tasks, large bundle sizes, and hydration issues.

https://developer.mozilla.org/en-US/blog/fix-javascript-performance/

Tables with Fixed Headers and Horizontal Scroll

Turns out, creating an HTML table that has both horizontal scroll and fixed headers can be a tricky problem. As another developer said about…

https://www.taniarascia.com/horizontal-scroll-fixed-headers-table/

CSS Tricks That Use Only One Gradient

CSS gradients have been so long that there’s no need to rehash what they are and how to use them. You have surely encountered them at some point in your

https://css-tricks.com/css-tricks-that-use-only-one-gradient/

LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite

Compare LocalStorage, IndexedDB, Cookies, OPFS, and WASM-SQLite for web storage, performance, limits, and best practices for modern web apps.

https://rxdb.info/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html

Smarter than ‘Ctrl+F’: Linking Directly to Web Page Content

Discover how text fragments revolutionize web navigation. Learn to link directly to specific text on any web page, surpassing traditional 'Ctrl+F' searches. Explore this powerful, user-friendly feature for precise content sharing and improved web experiences.

https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html