tech foutraque

All frontend development in one place 💻📱
📬 Subscribe now :

[tech foutraque @tech_foutraque]

🔭Besoin de faire votre veille efficacement ?
Toute l'actu frontend et webdev chaque semaine 👇
https://t.co/PP1XE871Rz

Soutenez-nous et partagez 🙏 ou abonnez-vous à la newsletter : https://t.co/Kga9Ka39C7

[Theo Soti @theoleff]

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

[Le Dev ULTIME 🍜 @ledevultime]

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 👇
https://t.co/KBE1l8Dmnh

[tech foutraque @tech_foutraque]

@theoleff Nice !

[Theo Soti @theoleff]

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.

👉 https://t.co/FI0guOVAKi

[The Digital Gody @90dyOff]

Available for
📲 React Native
🧊 Kubernetes

[Stéphane - smo @_smontlouis]

Le starter kit ici

https://t.co/L3wYLqAmlP

[Le Dev ULTIME 🍜 @ledevultime]

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 !

[doubleslash_dev @doubleslash_dev]

Nouvel épisode avec tous nos logiciels et outils

Soit en vidéo
https://t.co/Z4cUskyotO
Pro Tips : la vidéo contient des chapitres

soit via la liste ⤵️

[Adam Argyle @argyleink]

Steal this `<details>` transition boilerplate CSS

This post is in response to the most common use case I see folks trying to do with `interpolate-size`.

⤷ https://t.co/HSJNw0u5W5

[Bramus @bramus]

📝 The CSS Podcast 089: View Transitions

Last week I joined my colleagues @argyleink and @Una on the #CSSPodcast to talk about View Transitions.

https://t.co/np0nCMOzbG

[Tomasz Ducin @tomasz_ducin]

✍ Blogged: What is #Frontend #Architecture?

Enjoy the read 😁

https://t.co/wvEg4fKv7m

[CSS by T. Afif @ChallengesCss]

📝 New CSS Article!

Another one around creating CSS shapes. This time, I am dissecting those inner curves (inverted radius, notch, etc)

👉 https://t.co/8h04LdsE7U

Powered by CSS mask, a lot of gradients (as usual), and CSS variables.

[Kent C. Dodds 🏹 @kentcdodds]

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!

[Dominik 🔮 @TkDodo]

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.

[Grafikart @grafikart_fr]

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) : https://t.co/2s0BmqMiNF

[Harry Roberts @csswizardry]

🎨 A brief intro to `blocking=render`, and why on earth you’d want to make something render-blocking in the first place: https://t.co/cdaU9SMJ2U

[Jake Archibald @jaffathecake]

Chrome's dropping their plans to fully deprecate third party cookies. https://t.co/uHfbvLPegX

[Jake Archibald @jaffathecake]

🔊 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 ⬇️
https://t.co/wgg0J0cU64

[Stefan Judis @stefanjudis]

This is worth checking out on GitHub. 👍 https://t.co/Ph3GyO8xSX

[ecyrbe @ecyrbedev]

Great talk from @MichaelArnaldi , a great way to thank the amazing @EffectTS_ community.

https://t.co/ihFZ7mdaMA