The Frontend newsletter #9 - by Tech foutraque
Tags: webdev, programming, frontend, javascript
Published: 2023-08-15 13:08:26

🗞 Article of the week : [Understanding React Server Components](https://vercel.com/blog/understanding-react-server-components?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

### 🎨 Frontend news and more...

- [Designing Accessible Text Over Images: Best Practices, Techniques, And Resources](https://www.smashingmagazine.com/2023/08/designing-accessible-text-over-images-part1/)

- [Numbers or Brackets for numeric questions?](https://lea.verou.me/blog/2023/numbers-vs-brackets/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Accordions on Desktop: When and How to Use](https://www.nngroup.com/articles/accordions-on-desktop/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Effective JavaScript Error Handling for More Reliable and Robust Applications](https://javascript.plainenglish.io/effective-javascript-error-handling-for-more-reliable-and-robust-applications-3ca801643f08?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Type vs Interface: Which Should You Use In 2023?](https://www.totaltypescript.com/type-vs-interface-which-should-you-use?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Modern Web Testing with Playwright](https://automationpanda.com/2023/07/28/modern-web-testing-with-playwright/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [We migrated 50,000 lines of code to React Server Components](https://www.mux.com/blog/what-are-react-server-components?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Resume and pause animations in CSS](https://www.amitmerchant.com/run-and-pause-animations-in-css/)

- [CSS And Accessibility: Inclusion Through User Choice](https://www.smashingmagazine.com/2023/08/css-accessibility-inclusion-user-choice/)

- [Writing CSS In 2023: Is It Any Different Than A Few Years Ago?](https://www.smashingmagazine.com/2023/07/writing-css-2023/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Scroll progress animations in CSS](https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Using HTML elements as CSS masks](https://expensive.toys/blog/black-pixel-masking?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Adapting typography to user preferences with CSS](https://web.dev/adapting-typography-to-user-preferences-with-css/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Modern Architectures with Angular Part 1: Strategic Design with Sheriff and Standalone Components](https://www.angulararchitects.io/en/aktuelles/modern-architectures-with-angular-part-1-strategic-design-with-sheriff-and-standalone-components)

- [If Web Components are so great, why am I not using them?](https://daverupert.com/2023/07/why-not-webcomponents/)

- [Web Components Arent Components](https://keithjgrant.com/posts/2023/07/web-components-arent-components/)

- [Unicode is harder than you think](https://mcilloni.ovh/2023/07/23/unicode-is-hard/)

- [Building and operating a pretty big storage system called S3](https://www.allthingsdistributed.com/2023/07/building-and-operating-a-pretty-big-storage-system.html?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [IBM, Red Hat and Free Software: An old maddogs view](https://www.lpi.org/fr/blog/2023/07/30/ibm-red-hat-and-free-software-an-old-maddogs-view/)

- [Is Jamstack Officially Finished?](https://remotesynthesis.com/blog/goodbye-jamstack/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

### Web performances

- [How We Optimized Performance To Serve A Global Audience](https://www.smashingmagazine.com/2023/08/optimize-performance-serve-global-audience/)

- [How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile](https://web.dev/yahoo-japan-news-bfcache/)

- [Speeding up V8 heap snapshots V8](https://v8.dev/blog/speeding-up-v8-heap-snapshots?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

### 📱 UX / UI

- [Unravelling The UX/UI Magic Of Threads App](https://raw.studio/blog/unraveling-the-ux-ui-magic-of-threads-app/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [How close-up magic helped me become a better designer](https://medium.com/@blamebento_5268/how-magic-helped-me-become-a-better-designer-9d65f79212c5?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Rethinking Window Management](https://blogs.gnome.org/tbernard/2023/07/26/rethinking-window-management/)

- [The Future of Design Systems is Semantic](https://www.figma.com/blog/the-future-of-design-systems-is-semantic/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

### 🔋 Misc

- [17 Reasons NOT To Be A Manager](https://charity.wtf/2019/09/08/reasons-not-to-be-a-manager/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Manage your priorities and energy](https://lethain.com/frameworks-decision-making/)

- [Throw away your first draft of your code](https://ntietz.com/blog/throw-away-your-first-draft/)

- [The Most Important Coding Habits](https://puppycoding.com/2023/07/22/healthy-coding-habits/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [How to Scale Yourself Down Not Up as a Leader](https://review.firstround.com/how-to-scale-yourself-down-not-up-as-a-leader?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

### 👾 Tutorials

- [Super GitHub Pages: budget frontend staging, with Storybook and more](https://evilmartians.com/chronicles/super-github-pages-budget-frontend-staging-with-storybook-and-more?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Recreating YouTubes tab animation](https://www.youtube.com/watch?v=h2AOXBeVrgI)

- [Recreating YouTubes Ambient Mode Glow Effect](https://www.smashingmagazine.com/2023/07/recreating-youtube-ambient-mode-glow-effect/)

- [Build a drag and drop Kanban Board with React, Typescript, Tailwind, Dnd-Kit](https://www.youtube.com/watch?v=RG-3R6Pu_Ik)

- [Three.js | Project Cars - #1 Tutorial Series Introduction](https://www.youtube.com/watch?v=7PjFhgVfk7I)

### 🔧 Tools & ressources

- [Angular-challenges](https://github.com/tomalaforge/angular-challenges)

- [9 Resources to help you practice your front-end skills](https://www.youtube.com/watch?v=2GeMknXoGaA)

- [Continue: a VS Code extension that brings the power of ChatGPT to your IDE](https://github.com/continuedev/continue?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Vite-react-boilerplate: A production ready, scalable starter template for Vite + React](https://github.com/RicardoValdovinos/vite-react-boilerplate?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [Pkg-size | Find the true size of a npm package](https://pkg-size.dev/)

- [Enquirer: Stylish, intuitive and user-friendly prompts, for Node.js](https://github.com/enquirer/enquirer?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

### 📼 Videos

- [How To Make Angular Code More Reusable](https://www.youtube.com/watch?v=tpSwvVYViRI)

- [htmx in 100 seconds](https://www.youtube.com/watch?v=r-GSGH2RxJs)

- [Advanced Positioning in CSS Grid](https://www.youtube.com/watch?v=OIt6FeS9gPA)

- [How to measure and improve developer productivity | Nicole Forsgren (Microsoft Research, Github)](https://www.youtube.com/watch?v=dP8NmcEkxJI)

### 🎙 Podcasts, talks...

- [Syntax | Supper Club Ryan Florence of Remix](https://syntax.fm/show/649/supper-club-ryan-florence-of-remix)

- [The Productivity show | Rethinking Morning Routines with the Rise Ritual Wisdom Wednesday](https://www.asianefficiency.com/podcasts/467w-rethinking-morning-routines-rise-ritual/)

### 🎉 Fun

- [Kakao Experience EN](https://lr.doesbook.kr/en/)

- [My 90's TV!](https://my90stv.com/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

- [CityHop | Aesthetic walks and drives from around the world](https://www.cityhop.cafe/?utm_source=tech-foutraque&utm_campaign=9&utm_medium=email)

💌 If you like this newsletter, don't hesitate to subscribe and share it.