tech foutraque

🔭Besoin de faire votre veille efficacement ? Toute l'actu frontend et webdev chaque semaine 👇 tinyurl.com/f5adasy6 Soutenez-nous et partagez 🙏 ou abonnez-vous à la newsletter : tinyurl.com/2m5wd35h

Place elements relative to their siblings… with one CSS function. Meet sibling-index().

Comment valider son idée de SaaS ? En vrai... Comment valider son idée de projet tout court, pour ne pas passer des heures à dev pour rien ? Voici 7 façons de le faire 👇 youtu.be/XI4LzJwUFgg

@theoleff Nice !

I recently built a small web game called nth-cat. It's a puzzle game for CSS. The idea is simple: you're given a row of cats, and your mission is to select the right ones using only the :nth-child() selector. 👉 theosoti.com/games/nth-cat/

Available for 📲 React Native 🧊 Kubernetes

Le starter kit ici github.com/smontlouis/tai…

Voici le secret derrière la feature la plus appréciée de mon rebranding 👀 Un système hybride d'onglet et carousel avec l'élément principal toujours au centre. J'ai tout expliqué dans cette vidéo, c'est plus simple qu'on ne le pense !

Nouvel épisode avec tous nos logiciels et outils Soit en vidéo buff.ly/4eG7aDH Pro Tips : la vidéo contient des chapitres soit via la liste ⤵️

Steal this `

` transition boilerplate CSS This post is in response to the most common use case I see folks trying to do with `interpolate-size`. ⤷ nerdy.dev/open-and-close…

📝 The CSS Podcast 089: View Transitions Last week I joined my colleagues @argyleink and @Una on the #CSSPodcast to talk about View Transitions. bram.us/2024/09/26/the…

✍ Blogged: What is #Frontend #Architecture? Enjoy the read 😁 ducin.dev/what-is-fronte…

📝 New CSS Article! Another one around creating CSS shapes. This time, I am dissecting those inner curves (inverted radius, notch, etc) 👉 verpex.com/blog/website-t… Powered by CSS mask, a lot of gradients (as usual), and CSS variables.

I'm excited to announce a new and completely free Epic React workshop! In this workshop we build our own simple version of useState and useEffect from scratch! This way you'll gain deep understanding of hooks and how they work! Try the Epic Workshop learning environment today!

Great post about using URL state more. And it's another reason why @tan_stack router stands out from all the rest: It allows for true state management in the URL. What do I mean with that? 1) It's type safe. The demo works great because it only has a string search field. But as soon as you have more complex filter criteria, you need to persist a full-blown json structure that's type-safe on read and write. You can try to bolt this on with another lib, but @tan_stack router has this built-in. 2) It's optimized. Using the URL as a global state manager is great, but without fine-grained selectors, you have important state at the root of your component tree, distributed with basically react context. So every call to `useSearchParams` will re-render all subscribers, even if they are only interested in some parts of them. @tan_stack router uses an external store and selectors for search & path params to avoid this. I don't think you can get this with any lib that builds on top of next/react-router.

Cela faisait un petit moment que je n'avais pas fait de React Native aussi je viens de publier un nouvelle vidéo sur la création d'un Pokédex (par contre c'est un peu long (3h), prenez ce qui vous intérèsse dans le sommaire) : grafikart.fr/tutoriels/reac…

🎨 A brief intro to `blocking=render`, and why on earth you’d want to make something render-blocking in the first place: csswizardry.com/2024/08/blocki…

Chrome's dropping their plans to fully deprecate third party cookies. privacysandbox.com/news/privacy-s…

🔊 Are Web Components Worth It? In the latest OTMT, me and @DasSurma look at the benefits and tradeoffs of web components, and how things could improve. ⬇️ Listen here ⬇️ offthemainthread.tech/episode/are-we…

This is worth checking out on GitHub. 👍 github.com/dotenvx/dotenvx

Great talk from @MichaelArnaldi , a great way to thank the amazing @EffectTS_ community. youtube.com/watch?v=7sJc3Z…