Oh wow, I have to try this out 🙈 thanks for sharing this hidden gem!
On a side note, it makes me think I should not wait too long before adding a commenting section on the blog itself ^^
Oh wow, I have to try this out 🙈 thanks for sharing this hidden gem!
On a side note, it makes me think I should not wait too long before adding a commenting section on the blog itself ^^
That’s still not the entire formula (I have thousand of stars, definitely didn’t starred that much this year)
My bet would be that it’s the sum of stars user gave + stars received 😵💫
I think the stars are not solely for the 2024 year but instead are « all time » - which is definitely a bit misleading 😅
Nice statsss btw 😎
I spent some time over-engineering my new blog, and there are good reasons why 👀
mbeaudru.com/posts/why-i-...
Very exciting!
Running tests with JSDOM can be really painful when the test is about layout/scroll/CSS - hope this approach solves this problem 🙏
Hopefully it will stick and webdev community will fully shift 🙏
Why the sad face? SSR/RSC is more exciting to you nowadays? :)
I would’ve loved this to be a poll 😅
CSR too!
Interesting use case! That should help when Chrome fails to reproduce accurately hardware results, which is not uncommon 😅
Screenshot of the UI to make & learn how to use CSS clip-path
Recently tumbled on a nice CSS clip-path generator - I find it useful both to quickly make one, but also to learn how it works!
The dots have a color that matches the section of the code it corresponds to, which makes its understanding a breeze 💪
bennettfeely.com/clippy/
Great tool indeed!
What libraries do you like the best or recommend?
👋
Hosting my personal websites/blog on a VPS, it’s been very stable so far (6 months up)!
What I love the best is that it allows me to create a new project easily: create new DB, deploy the app, maybe a dedicated node server and voilà :)
DB in particular is comfortable, free plans are limited
👀
It's definitely more explicit & less prone to changes/refactoring issues indeed
I still am amused to the fact that ref callback calls are made on referential change though - but just for the sake of making things easier to understand for other devs it's probably not such a good idea
Leveraging useCallback + ref avoids to useEffect and is simpler to reason about
TIL that if you need to perform a DOM operation only after its created, you can simply leverage useCallback + ref!
Why? Because React will only re-run the ref passed callback if its reference changes 😮
Thanks @tkdodo.eu, read his post if you want a deeper understanding: tkdodo.eu/blog/avoidin...
👋
🚀 New Interactive Article: Overflow Clip
Explore how overflow: clip works in CSS and see why it’s useful with practical examples and demos.
🔗 ishadeed.com/article/over...
Screenshot of Chrome DevTools after right clicking a node. In the menu that pops up, "Capture node screenshot" is highlighted.
Capture node screenshot in Chrome DevTools is such a time saver. Especially when creating screenshots for an article.
No more dragging handles back and forth forever because you can never get it right and you're always still off by a pixel or two.
Right click node & find it in dropdown.
#DevTools
Search in VSCode using "page" keyword now shows the directory they are in first in the results, greatly improving search experience
Tabs for page/layout.tsx files now show the directory they are in!
Tired of confusing NextJS page.tsx tabs in VSCode?
Using custom labels you can show the directory they're in, and it works when searching too!
How?
1. Open User Settings (JSON)
2. Add the following JSON config and enjoy!
gist.github.com/mbeaudru/aca...
Search in VSCode using "page" keyword now shows the directory they are in first in the results, greatly improving search experience
Tabs for page/layout.tsx files now show the directory they are in!
Tired of confusing NextJS page.tsx tabs in VSCode?
Using custom labels you can show the directory they're in, and it works when searching too!
How?
1. Open User Settings (JSON)
2. Add the following JSON config and enjoy!
gist.github.com/mbeaudru/aca...
@mattpocock.com 's tsconfig cheat sheet is 💎
www.totaltypescript.com/tsconfig-che...
Looking for some potential distractions?
Well, Roman Komarov has just put together a list of a bunch of fantastic articles on container queries, including a great introduction of them, great use cases, some future possibilities, and cool experiments
blog.kizu.dev/recent-css-b...
I really miss the bookmarks feature - if anybody knows how to "save for later" a bsky post I'm all ears 🙏
Great to see some love being given to webdev profiling 💪
Thank you ☺️ how long have you been around?
Replaced X app shortcut with 🦋, let’s see how it goes 👀
Looking forward sharing/learning about web tech here (JS/react/frameworks/dev)!