TF #27 | Your weekly frontend digest

🤩 If you find this newsletter useful and satisfying, please support us by subscribing and sharing it with others! Thank you!

---

🗞 Article of the week : Astro 4.0

---

Frontend 🎨

• Making SVG Loading Spinners: An Interactive Guide | fffuel

• Revolutionising the way art collections are presented online

• Build an OTP input field Phuoc Nguyen

• Best Practices using React Server Components with a Headless CMS | Cosmic

• Getting Started with React Native Skia (2023)

• CSS { In Real Life } | Oh No, Overflow!

• You don't need JavaScript for that - HTMHell

• Creative Coding - SVG

• HTML Web Components Are Having a Moment Cloud Four

Web performances

• Web Performance Calendar Why web perf tools should be reporting website carbon emissions

• Web Performance Calendar An Informed Pre-caching Strategy for Large Sites

• SpeedCurve | Does Interaction to Next Paint actually correlate to user behavior?

UX / UI📱

• Email Design Trends for 2024 - Designmodo

• Readymag Websites of the Year 2023

• Getting better feedback on your work | hellojames

• Is the flat design trend finally over? | UX Collective

Management, organisation 📇

• How Google takes the pain out of code reviews, with 97% dev satisfaction

• Create technical leverage: workflow improvements & product capabilities

• Ship / Show / Ask

• Beyond the Code - An Engineers Battle Against Knowledge Loss allegro.tech

• Getting better feedback on your work | hellojames

• Synchronizing concurrent teams

• Reshaping the tree: rebuilding organizations for AI

Misc🔋

• Design Systems Database: Surf among topnotch Design Systems

• Uber ETA - by NK - System Design Newsletter

• Examples of Great URL Design - Jim Nielsens Blog

• From Chaos to Cohesion: Architecting Your Own Monorepo - HedgeDoc

• How to Create Stunning Slanted Containers with CSS

Video 🎬

• How to Create Stunning Slanted Containers with CSS

Tools & ressources 🔧

• Introducing StyleX

• TSDiagram - Diagrams as code with TypeScript

• Remix-json-routes: A Remix package to allow custom route definition via JSON or React elements

• Lossless-json: Parse JSON without risk of losing numeric information

Podcasts, talks...🎙️

🎧 Find our list of the best English and French podcasts here

Fun 👾

• Internet Artifacts

---

💌 If you like this newsletter, don't hesitate to subscribe, to share it and support us! We are also on Twitter/X and BlueSky, come and say Hello! We share content throughout the week in advance