Tech foutraque #5 - Frontend newsletter
Tags: webdev, frontend, typescript, javascript
Published: 2023-06-26 22:00:00

## 🗞 Article of the week
* [Announcing Svelte 4](https://svelte.dev/blog/svelte-4?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)



### 🎨 Frontend

* [Style your RSS feed](https://darekkay.com/blog/rss-styling/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [TypeScript 5.2's New Keyword: 'using'](https://www.totaltypescript.com/typescript-5-2-new-keyword-using)
    
* [Best practices for container queries](https://zellwk.com/blog/container-queries-best-practice/)
    
* [Synchronize videos, 3D-models, etc. to Scroll-Driven Animations](https://www.bram.us/2023/06/21/synchronize-videos-3d-models-to-scroll-driven-animations/)
    
* [Cyclic Dependency Space Toggles](https://kizu.dev/cyclic-toggles/)
    
* [Blur Vignette effect in CSS](https://expensive.toys/blog/blur-vignette?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    


### ⚡ Webperf

* [New Recommendations for Ecommerce Images](https://cloudfour.com/thinks/new-recommendations-for-ecommerce-images/)
    
* [What is a CDN? An Unbiased Guide to Content Delivery Networks](https://calibreapp.com/blog/content-delivery-networks-guide)
    
* [Deploying AVIF for more responsive websites](https://web.dev/avif-updates-2023/)
    
* [The modern way of serving images](https://kurtextrem.de/posts/modern-way-of-img?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [Improving Performance with HTTP Streaming](https://medium.com/airbnb-engineering/improving-performance-with-http-streaming-ba9e72c66408)
  
  

### 📱 UX / UI

* [Bottom Sheets: Definition and UX Guidelines](https://www.nngroup.com/articles/bottom-sheet/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [Good UI design isn't all magic, but a design system sure is](https://blaring.net/blog/good-ui-isnt-magic/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [archives.design](https://archives.design/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email) | A digital archive of graphic design related items
    
* [Nike Digital Design System](https://www.instrument.com/work/nike-digital-design-system?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [How Pinterest’s design systems team measures adoption](https://www.figma.com/blog/how-pinterests-design-systems-team-measures-adoption/)
    
* [How to measure UX research impact: A multi-level framework](https://uxinsight.org/how-to-measure-ux-research-impact-a-multi-level-framework/)
    


### 🔋 Misc

* [What Drives Adoption of Internal Developer Tools?](https://newsletter.abinoda.com/p/build-tool-adoption)
    
* [To Build a Top Performing Team, Ask for 85% Effort](https://hbr.org/2023/06/to-build-a-top-performing-team-ask-for-85-effort)
    
* [Imaginary Problems Are the Root of Bad Software](https://cerebralab.com/Imaginary_Problems_Are_the_Root_of_Bad_Software?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [The work is never just “the work”](https://davestewart.co.uk/blog/the-work-is-never-just-the-work/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [10 Ideas From the Best Book on Engineering Management](https://betterprogramming.pub/10-ideas-from-the-best-book-on-engineering-management-c3caa706f77c)
    
* [How to make difficult technical decisions you and your team won't regret](https://careercutler.substack.com/p/how-to-make-difficult-technical-decisions)
    
* [4 mistakes to avoid to build a better 1-person business](https://tinyempires.substack.com/p/4-mistakes-to-avoid-to-build-a-better?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [Intercom's On-Call Strategy to Avoid Engineer Burnout](https://www.intercom.com/blog/rapid-response-how-we-developed-an-on-call-team-at-intercom/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [People: The API User’s Guide by Ned Batchelder](https://nedbatchelder.com/text/key23.html?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [On My (Technical) Watch #11 - Faire sa veille technique](https://nerthusconsulting.be/2023/06/21/on-my-technical-watch-011-faire-sa-veille-technique.html) 🇫🇷
    


### 👾 Tutorials

* [100 Days of SwiftUI – Hacking with Swift](https://www.hackingwithswift.com/100/swiftui?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [Coding the Sliced Image Hover Effect from Quai Network](https://tympanus.net/codrops/2023/06/21/coding-the-sliced-image-hover-effect-from-quai-network/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [Ultimate Guide: NextJS, NestJS & TRPC Monorepo](https://www.tomray.dev/nestjs-nextjs-trpc?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [Rebuilding a comment component with modern CSS - Ahmad Shadeed](https://ishadeed.com/article/comment-component/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    


### 🔧 Tools

* [Panda CSS - Build modern websites using build time and type-safe CSS-in-JS](https://panda-css.com/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [UnsuckJS](https://unsuckjs.com/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    


### 📼 Videos

* [What exactly is :root pseudo-element in CSS?](https://www.youtube.com/watch?v=lXUS5E4gqV0)
    
* [React Testing Crash Course with Next.js](https://www.youtube.com/watch?v=Q-Sg4p_iQvw)
    
* [The Cost Of JavaScript - 2023](https://youtu.be/ZKH3DLT4BKw)
    


### 🎙️ Podcasts, talks...

* [The productivity show | The Secret to Achieving Your Goals](https://www.asianefficiency.com/podcasts/461w-goal-getting/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email)
    
* [Syntax | Supper Club × Why Netlify bought Gatsby, GraphQL Data Layer, and Headless CMS](https://syntax.fm/show/ull/supper-club-why-netlify-bought-gatsby-graphql-data-layer-and-headless-cms-with-dustin-schau)
    
* [IFTTD #219 - La blockchain comme des lambdas - Xavier van de Woestyne](https://ifttd.io/tezos/) 🇫🇷
    
* [Tech Café | Robots et compréhension](https://techcafe.fr/robots-et-comprehension/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email) 🇫🇷
    
* [Artisan développeur | Respect de la vie privé avec Romain Fallet](https://smartlink.ausha.co/artisan-developpeur/respect-de-la-vie-prive-e-avec-romain-fallet/?utm_source=tech-foutraque&utm_campaign=4&utm_medium=email) 🇫🇷



> 🔗 Don't be shy and share your best resources with us in the comments!