Tech Foutraque

Hey everyone !
I’m going to start posting regularly about frontend topics.
Stay tuned 🔥

One liner responsive layout

Tired of media queries for responsive layouts? Try this one-liner CSS trick:

grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));

- auto-fit adjusts columns based on space.
- minmax() sets column size range.
- min(100%, 300px) ensures columns fit the container.

Tech Foutraque #33 | Your frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

TF #33 | Your weekly frontend digest from hashnode

📬Get the best of frontend and web dev news

👉 tinyurl.com/4ds57zyt

TF #30 | Your weekly frontend digest 🗞 Article of the week : What PWA Can Do Today. A showcase of what is possible with Progressive Web...

🔭 Discover the best of frontend news, expert insights, tips, videos, podcasts, and much more... ✨

My latest newsletter post is now live on @dev.to
🔗 tinyurl.com/32ezt5w8

Follow us for more awesome frontend content

Tech Foutraque #30 | Your frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

Take 5 minutes to review the latest frontend news!
TF #30 | Your weekly frontend digest
All the frontend trends in one place

🔗 tinyurl.com/2p8jmzkc

#newsletter #frontend #hashnode

TF #26 | Your weekly frontend digest 🤩 If you find this newsletter useful and satisfying, please support us by subscribing and sharing it...

🔭Discover the best of frontend news, expert insights, tips, videos, podcasts, and much more...
✨ My latest newsletter post is now live on @dev.to

🔗 tinyurl.com/4yr3xkmu
Follow us for more awesome frontend content
#frontend #DEVCommunity

Tech Foutraque #26 | Your weekly frontend digest A wide range of topics this week, but some great resources on AI! The State of UX in 2024, with its beautiful site and more webcomponents…

🔭Now find the best frontend newsletter on the medium platform!
✨Always the best of frontend news, on your favorite platform 🔗 tinyurl.com/yc2pskru

Subscribe or follow to support us! tinyurl.com/2m5wd35h #frontend #newsletter

Tech Foutraque | frontend newsletter list 2024 Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

📬 Looking for the best frontend newsletters?
✨They're all here 👇
🔗 tinyurl.com/dyhnpyyj

#frontend #newsletter #hashnode

Tech Foutraque #26 | Your frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

Take 5 minutes to review the latest frontend news !
TF #26 | Your weekly frontend digest
🔗 tinyurl.com/yc5ympst

#newsletter #frontend #hashnode

Tech Foutraque #26 | Your frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

Take 5 minutes to review the latest frontend news !
🔗 tinyurl.com/yc5ympst

👩‍🏫 All the November's issues: tinyurl.com/42vkkzx9
🎃 All the October's issues: tinyurl.com/mtk9csne

Subscribe here: tinyurl.com/2m5wd35h or upport us and follow 🙏

Very interesting AND technical article on how to create a React ESM+CJS component library.
🔗 tinyurl.com/mthypkch

If you like this kind of content, you'll love our free, spam-free newsletter: tinyurl.com/msukyhkt

#reactjs #frontend #newsletter

Web Components Eliminate JavaScript Framework Lock-in | jakelazaroff.com Web components can dramatically loosen the coupling of JavaScript frameworks. To prove it, we're going to do something kinda crazy: build an app where every single component is written in a different ...

Another article on webComponents!
An experiment with other frameworks + some useful links!
🔗 tinyurl.com/4jdmyb2s

If you like this kind of content, you'll love our free, spam-free newsletter: tinyurl.com/msukyhkt

#frontend #newsletter #webcomponents

The Valley of Code /* your web development manual */

If you're a junior or experienced dev, this site lists all the fundamentals for a better understanding of all the building blocks of a site.
From the network to frameworks and DBs...
🔗 tinyurl.com/57k32mjm

More front-end resources in our newsletter: tinyurl.com/msukyhkt

Tim Severien Blog of another senior web engineer

If you're working on perf right now, a good article on the AVIF format that may eventually replace WEBP.
🔗 tinyurl.com/5v9ta6ja

🔭 Find more #webperf, #frontend resources in our newsletter 🔥
🔗 tinyurl.com/msukyhkt

Bento Grids - New Web Design Trend for 2024? Learn to design high-end websites with our Web Design Pro course - https://bit.ly/3G1PqD2There is a new design trend out there that is gaining traction in we...

Here are 2 design videos to take you a step further
📼 youtu.be/onQ9KGWysQY?...
📼 youtu.be/PiyO3hf3IXg?...

If you'd like to discover other frontend resources, our newsletter will fill you in tinyurl.com/msukyhkt

🔥 The 2024 trend will be Bento grid layouts! 🍱
A good article to discover how to implement this layout with several examples (flex, grid...)
🔗 tinyurl.com/2pk9ykja.

#frontend #layout #newsletter

Prompt Structure in Conversations with Generative AI Most prompts contain a combination of the following components: request, framing context, format specification, and one or more references to previous answers or external sources. There are also 3 typ...

Very informative study case on prompts and AI tools by Nielsen Norman Group
🤖 It's always very comprehensive and qualitative. I invite you to read it here 🔗 tinyurl.com/msfkkfwj

😍 If you like this kind of article, you'll like our newsletter: tinyurl.com/msukyhkt

An Attempted Taxonomy of Web Components—zachleat.com A post by Zach Leatherman (zachleat)

✨Like Angular, I feel that webComponents are coming back into fashion.
Good article with quite a few references for fans! tinyurl.com/4z7h2waz

For the curious, you also have our #newsletter tinyurl.com/msukyhkt.

#frontend #newsletter #webComponents

Tech Foutraque #25 | Your frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

All frontend news Read the last issue: ⬇️
tinyurl.com/msukyhkt

👩‍🏫 All the September's issues: tinyurl.com/ynrcfdj6
🎃 All the October's issues: tinyurl.com/mtk9csne

Subscribe here: tinyurl.com/2m5wd35h
Support us and follow 🙏

Tech Foutraque #24 | Your weekly frontend digest This week, a little less Angular and a lot of very varied and, above all, very visual articles!

📰 The newsletter is now available on the @Medium platform!
Always the best frontend news ✨

🔗 tinyurl.com/3rsbrh7x

😍 Please support us by subscribing: tinyurl.com/2m5wd35h, or following.

TF #24 | Your weekly frontend digest 🤩 If you find this newsletter useful and satisfying, please support us by subscribing and sharing it...

🔭 Discover the best of frontend news, expert insights, tips, videos, podcasts, and much more... ✨
My latest newsletter post is now live on @ThePracticalDev!
🔗 tinyurl.com/mrwtaxtf

🔄 Follow us for more awesome frontend content 🔥
#frontend #DEVCommunity

TF #24 | Your weekly frontend digest 🤩 If you find this newsletter useful and satisfying, please support us by subscribing and sharing it...

🔭 Découvrez le meilleur de l'actualité #frontend, des articles, des astuces, des vidéos, des podcasts, et bien plus encore... ✨

Maintenant en ligne sur @dev.to !
🔗 tinyurl.com/mrwtaxtf

🔄 Suivez-nous pour booster vos skills 🔥
#frontend #DEVCommunity

Tech Foutraque #24 | Your weekly frontend digest This week, a little less Angular and a lot of very varied and, above all, very visual articles!

📰 Retrouvez maintenant la newsletter sur la plateforme medium !
Toujours le meilleur de l'actu frontend, sur votre plateforme préférée ✨
🔗 tinyurl.com/3rsbrh7x

🫶 Abonnez-vous ou follow pour nous soutenir!
tinyurl.com/2m5wd35h

Tech Foutraque #24 | Your frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

🇨🇵 Hello les amis, la dernière édition de notre Newsletter frontend est sortie ✨

Toute l'actu frontend, au même endroit
🔗 tinyurl.com/y7cd9unk

📬 Gagnez du temps et abonnez-vous : tinyurl.com/2m5wd35h

Tech Foutraque #24 | Your frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

All frontend news are here ⬇️
📰 Read the last issue: tinyurl.com/y7cd9unk
📬 Subscribe here: tinyurl.com/2m5wd35h

👩‍🏫 All the September's issues: tinyurl.com/ynrcfdj6
🎃 All the October's issues: tinyurl.com/mtk9csne

🤝 Support us and follow!

Wolfram|Alpha: Making the world’s knowledge computable Wolfram|Alpha brings expert-level knowledge and capabilities to the broadest possible range of people—spanning all professions and education levels.

🧠 Vous êtes fan de Wikipedia, vous serez amoureux de wolframalpha.com
Cela répondra à toutes vos questions grâce à de l'algo, de l'IA et leur DB. 🤯

Vous souhaitez découvrir d'autres sites bien cool, direction notre newsletter 👉
tinyurl.com/38wbjten
#newsletter

What Happened Last Week | Maciek Palmowski | Substack Discover the latest tips and tricks for web development every week with my newsletter. Click to read What Happened Last Week, by Maciek Palmowski, a Substack publication with hundreds of subscribers.

📬 Pour les fans de newsletters, je viens d'en découvrir une nouvelle sur le web dev.
Gratuite, pas trop longue, des liens variés et qualitatifs.

Allez la découvrir ⬇️
newsletter.maciekpalmowski.dev

Tech Foutraque #23 | weekly frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

😎 Take advantage of Friday to do your tech watch!
All the frontend news is here, 100% free ⬇️
Hashnode tinyurl.com/38wbjten
Dev_to tinyurl.com/2uv6upwm
Medium: tinyurl.com/57nj2eyd

📬Subscribe to support us!
👉 tinyurl.com/2m5wd35h

#frontend #newsletter

✨I've just launched Tech Foutraque, THE BEST frontend newsletter in the universe 🌌 on medium.

Go and have a look! Boost your knowledge now!
🔗 link.medium.com/tNmCe403LEb

#frontend #newsletter #Medium #tech

Tech Foutraque #23 | weekly frontend digest Supercharge your frontend development skills with our frontend newsletter! Stay updated on the latest trends, tips, and inspiration for coding enthusiasts.

🔥 For your frontend watch, choose your platform - the content remains the same! 🤩

Hashnode tinyurl.com/38wbjten
Dev_to tinyurl.com/2uv6upwm
Medium: tinyurl.com/57nj2eyd