Namchee
@namchee.dev
Reposted by Namchee
github.com/eslint/eslin...
It is *wild* how simple that change is for that kind of startup perf boost 😍
It is *wild* how simple that change is for that kind of startup perf boost 😍
April 28, 2025 at 5:55 PM
github.com/eslint/eslin...
It is *wild* how simple that change is for that kind of startup perf boost 😍
It is *wild* how simple that change is for that kind of startup perf boost 😍
After 3 months of not writing anything, finally finished writing a blogpost explaining a rarely used, but prominent 5 years old API: Scroll to Text Fragment
www.namchee.dev/posts/anchor...
www.namchee.dev/posts/anchor...
Anchoring To Text Fragment — Namchee
Jumping straight to point of interest without element wrapping
www.namchee.dev
April 29, 2025 at 11:22 PM
After 3 months of not writing anything, finally finished writing a blogpost explaining a rarely used, but prominent 5 years old API: Scroll to Text Fragment
www.namchee.dev/posts/anchor...
www.namchee.dev/posts/anchor...
Reposted by Namchee
Published [email protected] 🎉 (benchmarks below)
Many packages are eagerly joining the @e18e.dev effort but (understandably) have existing support restrictions to maintain & so can't make as much progress as they'd like.
This release helps with that~!
(cont.)
Many packages are eagerly joining the @e18e.dev effort but (understandably) have existing support restrictions to maintain & so can't make as much progress as they'd like.
This release helps with that~!
(cont.)
April 29, 2025 at 6:50 PM
Published [email protected] 🎉 (benchmarks below)
Many packages are eagerly joining the @e18e.dev effort but (understandably) have existing support restrictions to maintain & so can't make as much progress as they'd like.
This release helps with that~!
(cont.)
Many packages are eagerly joining the @e18e.dev effort but (understandably) have existing support restrictions to maintain & so can't make as much progress as they'd like.
This release helps with that~!
(cont.)
Beginning the month with yet another corrupted .git folder in my WSL is really great. 3rd times already this year.
Really wonder if I should drop WSL completely and switch to pure Linux, especially since Linux gaming is great now.
Really wonder if I should drop WSL completely and switch to pure Linux, especially since Linux gaming is great now.
February 3, 2025 at 2:17 PM
Beginning the month with yet another corrupted .git folder in my WSL is really great. 3rd times already this year.
Really wonder if I should drop WSL completely and switch to pure Linux, especially since Linux gaming is great now.
Really wonder if I should drop WSL completely and switch to pure Linux, especially since Linux gaming is great now.
Reposted by Namchee
#CSS text-box
a very exciting feature!
available in:
Chrome 133 & Safari 18.2
My post on Chrome Developers:
developer.chrome.com/blog/css-tex...
↪ nerdy.dev/text-box-trim
a very exciting feature!
available in:
Chrome 133 & Safari 18.2
My post on Chrome Developers:
developer.chrome.com/blog/css-tex...
↪ nerdy.dev/text-box-trim
January 14, 2025 at 9:34 PM
#CSS text-box
a very exciting feature!
available in:
Chrome 133 & Safari 18.2
My post on Chrome Developers:
developer.chrome.com/blog/css-tex...
↪ nerdy.dev/text-box-trim
a very exciting feature!
available in:
Chrome 133 & Safari 18.2
My post on Chrome Developers:
developer.chrome.com/blog/css-tex...
↪ nerdy.dev/text-box-trim
Reposted by Namchee
New in Chrome 133 – which goes stable on Feb 4 – is a new method to move an element around the DOM.
Unlike the classic way of removing+reinserting a node, this moveBefore method preserves the element’s state!
Iframes remain loaded, animations don’t restart, …
DEMO: codepen.io/bramus/full/...
Unlike the classic way of removing+reinserting a node, this moveBefore method preserves the element’s state!
Iframes remain loaded, animations don’t restart, …
DEMO: codepen.io/bramus/full/...
January 16, 2025 at 9:56 AM
New in Chrome 133 – which goes stable on Feb 4 – is a new method to move an element around the DOM.
Unlike the classic way of removing+reinserting a node, this moveBefore method preserves the element’s state!
Iframes remain loaded, animations don’t restart, …
DEMO: codepen.io/bramus/full/...
Unlike the classic way of removing+reinserting a node, this moveBefore method preserves the element’s state!
Iframes remain loaded, animations don’t restart, …
DEMO: codepen.io/bramus/full/...
It's nice to see the JS ecosystem moving to x-agnostic way.
January 14, 2025 at 3:01 PM
It's nice to see the JS ecosystem moving to x-agnostic way.
Reposted by Namchee
🚀 Motion springs into the world of CSS generation.
Generate spring animations with our upgraded, simplified spring() function. With guides for:
- @astro.build
- @vuejs.org
- @react.dev Server Components
And more!
🔗 motion.dev/docs/css
Generate spring animations with our upgraded, simplified spring() function. With guides for:
- @astro.build
- @vuejs.org
- @react.dev Server Components
And more!
🔗 motion.dev/docs/css
January 14, 2025 at 1:24 PM
🚀 Motion springs into the world of CSS generation.
Generate spring animations with our upgraded, simplified spring() function. With guides for:
- @astro.build
- @vuejs.org
- @react.dev Server Components
And more!
🔗 motion.dev/docs/css
Generate spring animations with our upgraded, simplified spring() function. With guides for:
- @astro.build
- @vuejs.org
- @react.dev Server Components
And more!
🔗 motion.dev/docs/css
Reposted by Namchee
need product differentiation?
overhire a #CSS front-end team and ask them to:
- polish whatever
- add delight wherever
and watch as your product becomes smooth and buttery while everyone else's gather dust and crust
UI is a huge space offering differentiation via quality
overhire a #CSS front-end team and ask them to:
- polish whatever
- add delight wherever
and watch as your product becomes smooth and buttery while everyone else's gather dust and crust
UI is a huge space offering differentiation via quality
December 28, 2024 at 12:41 AM
need product differentiation?
overhire a #CSS front-end team and ask them to:
- polish whatever
- add delight wherever
and watch as your product becomes smooth and buttery while everyone else's gather dust and crust
UI is a huge space offering differentiation via quality
overhire a #CSS front-end team and ask them to:
- polish whatever
- add delight wherever
and watch as your product becomes smooth and buttery while everyone else's gather dust and crust
UI is a huge space offering differentiation via quality
Reposted by Namchee
It's self-review time again
November 14, 2024 at 1:40 PM
It's self-review time again
TIL: GitHub has 👍 in issues now.
December 18, 2024 at 2:59 PM
TIL: GitHub has 👍 in issues now.
Reposted by Namchee
I just published version 1.0 of the astro-typed-links @astro.build integration! It greatly simplifies its usage and DX. Check it out at github.com/florian-lefe...
December 17, 2024 at 9:25 AM
I just published version 1.0 of the astro-typed-links @astro.build integration! It greatly simplifies its usage and DX. Check it out at github.com/florian-lefe...
When reviewing a PR, please ensure that your comments and change request are submitted in bulk to avoid context switching.
Over the week, I've experienced this with my colleague and it really stresses me out when after addressing the PR comments, you still see comments popping out for 20 times
Over the week, I've experienced this with my colleague and it really stresses me out when after addressing the PR comments, you still see comments popping out for 20 times
December 13, 2024 at 2:51 PM
When reviewing a PR, please ensure that your comments and change request are submitted in bulk to avoid context switching.
Over the week, I've experienced this with my colleague and it really stresses me out when after addressing the PR comments, you still see comments popping out for 20 times
Over the week, I've experienced this with my colleague and it really stresses me out when after addressing the PR comments, you still see comments popping out for 20 times
Reposted by Namchee
NPM Package of the day: `is-even-ai`
> Check if a number is even using the power of ✨AI✨.
>
> Uses OpenAI's GPT-3.5-turbo model under the hood to determine if a number is even.
>
> For all those who want to use AI in their product but don't know how.
www.npmjs.com/package/is-e...
😂 🤣
> Check if a number is even using the power of ✨AI✨.
>
> Uses OpenAI's GPT-3.5-turbo model under the hood to determine if a number is even.
>
> For all those who want to use AI in their product but don't know how.
www.npmjs.com/package/is-e...
😂 🤣
is-even-ai
Check if a number is even with the power of ✨AI✨. Latest version: 1.0.5, last published: 2 months ago. Start using is-even-ai in your project by running `npm i is-even-ai`. There are no other projects...
www.npmjs.com
December 12, 2024 at 7:57 AM
NPM Package of the day: `is-even-ai`
> Check if a number is even using the power of ✨AI✨.
>
> Uses OpenAI's GPT-3.5-turbo model under the hood to determine if a number is even.
>
> For all those who want to use AI in their product but don't know how.
www.npmjs.com/package/is-e...
😂 🤣
> Check if a number is even using the power of ✨AI✨.
>
> Uses OpenAI's GPT-3.5-turbo model under the hood to determine if a number is even.
>
> For all those who want to use AI in their product but don't know how.
www.npmjs.com/package/is-e...
😂 🤣
Reposted by Namchee
frameworks will add it as a default once it’s out of beta, see roadmap here react.dev/blog/2024/10...
React Compiler Beta Release – React
The library for web and native user interfaces
react.dev
December 10, 2024 at 9:33 PM
frameworks will add it as a default once it’s out of beta, see roadmap here react.dev/blog/2024/10...
Not needing JS to do this feels nice
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
December 5, 2024 at 5:45 AM
Not needing JS to do this feels nice
Reposted by Namchee
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
December 5, 2024 at 12:55 AM
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
Reposted by Namchee
You wouldn’t import an SVG…
or wait, maybe you would 👀
Import SVGs as components with size and fill props. Now experimental in 5.0.
or wait, maybe you would 👀
Import SVGs as components with size and fill props. Now experimental in 5.0.
December 4, 2024 at 6:00 PM
You wouldn’t import an SVG…
or wait, maybe you would 👀
Import SVGs as components with size and fill props. Now experimental in 5.0.
or wait, maybe you would 👀
Import SVGs as components with size and fill props. Now experimental in 5.0.
Reposted by Namchee
First rule of ARIA: Don't use ARIA if you can help it. If a native HTML element has the semantics/behavior you're after, use that instead! #basic-a11y
www.w3.org/TR/using-ari...
www.w3.org/TR/using-ari...
Using ARIA
This document is a practical guide for developers on how to add
accessibility information to HTML elements using the
Accessible Rich Internet Applications specification [WAI-ARIA-1.1], whi...
www.w3.org
December 4, 2024 at 5:37 AM
First rule of ARIA: Don't use ARIA if you can help it. If a native HTML element has the semantics/behavior you're after, use that instead! #basic-a11y
www.w3.org/TR/using-ari...
www.w3.org/TR/using-ari...
Reposted by Namchee
Days without ESM/CJS interop issue: 0
December 2, 2024 at 11:43 AM
Days without ESM/CJS interop issue: 0
Anyone tried Windsurf with WSL2 yet? Seems like Cascade can't access my workspace on WSL2 at all.
November 21, 2024 at 3:19 PM
Anyone tried Windsurf with WSL2 yet? Seems like Cascade can't access my workspace on WSL2 at all.
Reposted by Namchee
Sonda has a new home!
Visit sonda.dev for installation and usage instructions, or if you haven't already, give it a try at sonda.dev/demo.
(Tree-shaking knowledge base is coming soon)
Visit sonda.dev for installation and usage instructions, or if you haven't already, give it a try at sonda.dev/demo.
(Tree-shaking knowledge base is coming soon)
Sonda
Universal visualizer and analyzer for JavaScript and CSS bundles. Works with Vite, Rollup, webpack, Rspack, and esbuild
sonda.dev
November 19, 2024 at 7:49 AM
Sonda has a new home!
Visit sonda.dev for installation and usage instructions, or if you haven't already, give it a try at sonda.dev/demo.
(Tree-shaking knowledge base is coming soon)
Visit sonda.dev for installation and usage instructions, or if you haven't already, give it a try at sonda.dev/demo.
(Tree-shaking knowledge base is coming soon)