Easy sci-fi rectangles with corner-shape
In Chromium 139, CSS gets a new corner-shape property which unlocks some cool new CSS tricks. Most notably it gives us “squircles”, the mathematical superellipse shape introduced by Apple in iOS 7. Designers have been in love with them ever since and include them in every design comp using Figma’s “corner-smoothing” slider even tho CSS has no similar correlation… until now!
https://daverupert.com/2025/07/sci-fi-rectangles-with-corner-shape/
In Chromium 139, CSS gets a new corner-shape property which unlocks some cool new CSS tricks. Most notably it gives us “squircles”, the mathematical superellipse shape introduced by Apple in iOS 7. Designers have been in love with them ever since and include them in every design comp using Figma’s “corner-smoothing” slider even tho CSS has no similar correlation… until now!
https://daverupert.com/2025/07/sci-fi-rectangles-with-corner-shape/
Dave
Easy sci-fi rectangles with corner-shape
In Chromium 139, CSS gets a new corner-shape property which unlocks some cool new CSS tricks. Most notably it gives us “squircles”, the mathematical superellipse shape introduced by Apple in iOS 7. Designers have been in love with them ever since and include…
❤1
Hidden React Architecture Patterns That Senior Developers Actually Use
Discover advanced React architecture patterns that senior developers use to build scalable, maintainable applications.
https://www.netguru.com/blog/react-architecture-patterns
Discover advanced React architecture patterns that senior developers use to build scalable, maintainable applications.
https://www.netguru.com/blog/react-architecture-patterns
❤2
How I debug faster with these Chrome DevTools Console features
Improve the old-fashioned debugging JavaScript workflow by effectively using some lesser-known Chrome DevTools console features.
https://blog.logrocket.com/debug-faster-chrome-devtools-console-features/
Improve the old-fashioned debugging JavaScript workflow by effectively using some lesser-known Chrome DevTools console features.
https://blog.logrocket.com/debug-faster-chrome-devtools-console-features/
❤2🔥2
How Parcel bundles React Server Components
Parcel v2.14.0 added support for React Server Components. This post is a deep dive into the internals: how RSCs integrate with a bundler, what directives like "use client" actually do, how code splitting works and how RSCs improve it, etc.
https://devongovett.me/blog/parcel-rsc.html
Parcel v2.14.0 added support for React Server Components. This post is a deep dive into the internals: how RSCs integrate with a bundler, what directives like "use client" actually do, how code splitting works and how RSCs improve it, etc.
https://devongovett.me/blog/parcel-rsc.html
devongovett.me
How Parcel bundles React Server Components
Parcel v2.14.0 added support for React Server Components. This post is a deep dive into the internals: how RSCs integrate with a bundler, what directives like "use client" actually do, how code splitting works and how RSCs improve it, etc.
Compile Svelte 5 in your head
Background5 years ago, I wrote Compile Svelte in your head. That was written for Svelte 3.But now, almost 1 year into Svelte 5 release, which introduce tons of new features, such as runes, fine-grained reactivity, and more, ...
https://lihautan.com/compile-svelte-5-in-your-head
Background5 years ago, I wrote Compile Svelte in your head. That was written for Svelte 3.But now, almost 1 year into Svelte 5 release, which introduce tons of new features, such as runes, fine-grained reactivity, and more, ...
https://lihautan.com/compile-svelte-5-in-your-head
Lihautan
Compile Svelte 5 in your head
Background5 years ago, I wrote Compile Svelte in your head. That was written for Svelte 3.But now, almost 1 year into Svelte 5 release, which introduce tons of new features, such as runes, fine-grained reactivity, and more, ...
React Performance Optimization: Techniques Senior Developers Use
Optimize your React applications with advanced performance techniques, from component memoization to dynamic imports, ensuring responsive and efficient user experiences.
https://www.netguru.com/blog/react-performance-optimization
Optimize your React applications with advanced performance techniques, from component memoization to dynamic imports, ensuring responsive and efficient user experiences.
https://www.netguru.com/blog/react-performance-optimization
❤1
Interactive WebGL Backgrounds: A Quick Guide to Bayer Dithering
Discover how to create a subtle, interactive WebGL background with Bayer dithering in this quick tutorial.
https://tympanus.net/codrops/2025/07/30/interactive-webgl-backgrounds-a-quick-guide-to-bayer-dithering/
Discover how to create a subtle, interactive WebGL background with Bayer dithering in this quick tutorial.
https://tympanus.net/codrops/2025/07/30/interactive-webgl-backgrounds-a-quick-guide-to-bayer-dithering/
Should we NEVER use non-logical properties?
https://frontendmasters.com/blog/should-we-never-use-non-logical-properties/
https://frontendmasters.com/blog/should-we-never-use-non-logical-properties/
The CSS if() function: Conditional styling will never be the same
Explore how the if() function works, see practical examples, and compare it to existing CSS conditional techniques.
https://blog.logrocket.com/css-if-function-conditional-styling/
Explore how the if() function works, see practical examples, and compare it to existing CSS conditional techniques.
https://blog.logrocket.com/css-if-function-conditional-styling/
👍1
Bringing Back Parallax With Scroll-Driven CSS Animations
Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have scroll-driven animations in CSS, which is free from the main-thread blocking that can plague JavaScript animations.
https://css-tricks.com/bringing-back-parallax-with-scroll-driven-css-animations/
Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have scroll-driven animations in CSS, which is free from the main-thread blocking that can plague JavaScript animations.
https://css-tricks.com/bringing-back-parallax-with-scroll-driven-css-animations/
🔥2
Announcing TypeScript 5.9
Today we are excited to announce the release of TypeScript 5.9! If you’re not familiar with TypeScript, it’s a language that builds on JavaScript by adding syntax for types. With types, TypeScript makes it possible to check your code to avoid bugs ahead of time. The TypeScript type-checker does all this, and is also the …
https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/
Today we are excited to announce the release of TypeScript 5.9! If you’re not familiar with TypeScript, it’s a language that builds on JavaScript by adding syntax for types. With types, TypeScript makes it possible to check your code to avoid bugs ahead of time. The TypeScript type-checker does all this, and is also the …
https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/
🔥4
JavaScript Standards Update: What’s New in ECMAScript 2025
JavaScript continues its annual momentum with new developer friendly features in the latest version of ECMAScript, due to arrive soon.
https://thenewstack.io/javascript-standards-update-whats-new-in-ecmascript-2025/
JavaScript continues its annual momentum with new developer friendly features in the latest version of ECMAScript, due to arrive soon.
https://thenewstack.io/javascript-standards-update-whats-new-in-ecmascript-2025/
The New Stack
JavaScript Standards Update: What’s New in ECMAScript 2025
JavaScript continues its annual momentum with new developer friendly features in the latest version of ECMAScript, due to arrive soon.
❤1
Particle Background Effect with HTML Canvas
Create a dynamic animated particle background using the HTML5 Canvas API
https://techhub.iodigital.com/articles/particle-background-effect-with-canvas
Create a dynamic animated particle background using the HTML5 Canvas API
https://techhub.iodigital.com/articles/particle-background-effect-with-canvas
❤1
Infinite Marquee Animation using Modern CSS
https://frontendmasters.com/blog/infinite-marquee-animation-using-modern-css/
https://frontendmasters.com/blog/infinite-marquee-animation-using-modern-css/
❤2
Building a typed fetch in TypeScript with conditional types and infer
Sophie Koonin uses a handy context — a bird watching site — to explain some complex, but handy features of TypeScript that will definitely improve your API-based functionality.
https://piccalil.li/blog/building-a-typed-fetch-in-typescript-with-conditional-types-and-infer/
Sophie Koonin uses a handy context — a bird watching site — to explain some complex, but handy features of TypeScript that will definitely improve your API-based functionality.
https://piccalil.li/blog/building-a-typed-fetch-in-typescript-with-conditional-types-and-infer/
What’s New in ViteLand: July 2025 Recap
July 2025 brings exciting updates in the Vite ecosystem, including the release of Vite 7, Rolldown's new features, and the upcoming ViteConf in Amsterdam. Discover the latest news in Vite, Vitest, Oxc, Rolldown and more!
https://voidzero.dev/posts/whats-new-jul-2025
July 2025 brings exciting updates in the Vite ecosystem, including the release of Vite 7, Rolldown's new features, and the upcoming ViteConf in Amsterdam. Discover the latest news in Vite, Vitest, Oxc, Rolldown and more!
https://voidzero.dev/posts/whats-new-jul-2025
The Problems With React Server Components
React Server Components (RSCs) are struggling to find their foothold among developers, according to a recent panel at the React Summit 2025.
https://thenewstack.io/the-problems-with-react-server-components/
React Server Components (RSCs) are struggling to find their foothold among developers, according to a recent panel at the React Summit 2025.
https://thenewstack.io/the-problems-with-react-server-components/
The New Stack
The Problems With React Server Components
React Server Components (RSCs) are struggling to find their foothold among developers, according to a recent panel at the React Summit 2025.
Why Barrel Files Are Hurting Your Codebase
Barrel files look convenient — until they break type safety, slow builds, and complicate refactors. Here's why you should stop using them now.
https://jsdev.space/howto/stop-using-barrel-files/
Barrel files look convenient — until they break type safety, slow builds, and complicate refactors. Here's why you should stop using them now.
https://jsdev.space/howto/stop-using-barrel-files/
React Query Selectors, Supercharged
How to get the most out of select, sprinkled with some TypeScript tips.
https://tkdodo.eu/blog/react-query-selectors-supercharged
How to get the most out of select, sprinkled with some TypeScript tips.
https://tkdodo.eu/blog/react-query-selectors-supercharged