Tech foutraque #9 | Frontend newsletter

🎨 Frontend news and more...

• Designing Accessible Text Over Images: Best Practices, Techniques, And Resources

• Numbers or Brackets for numeric questions?

• Accordions on Desktop: When and How to Use

• Effective JavaScript Error Handling for More Reliable and Robust Applications

• Type vs Interface: Which Should You Use In 2023?

• Modern Web Testing with Playwright

• We migrated 50,000 lines of code to React Server Components

• Resume and pause animations in CSS

• CSS And Accessibility: Inclusion Through User Choice

• Writing CSS In 2023: Is It Any Different Than A Few Years Ago?

• Scroll progress animations in CSS

• Using HTML elements as CSS masks

• Adapting typography to user preferences with CSS

• 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?

• Web Components Aren’t Components

• Unicode is harder than you think

• Building and operating a pretty big storage system called S3

• IBM, Red Hat and Free Software: An old maddog’s view

• Is Jamstack Officially Finished?

⚡ Web performances

• How We Optimized Performance To Serve A Global Audience

• How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile

• Speeding up V8 heap snapshots · V8

📱 UX / UI

• Unravelling The UX/UI Magic Of Threads App

• How close-up magic helped me become a better designer

• Rethinking Window Management

• The Future of Design Systems is Semantic

🔋 Misc

• 17 Reasons NOT To Be A Manager

• Manage your priorities and energy

• Throw away your first draft of your code

• The Most Important Coding Habits

• How to Scale Yourself Down — Not Up — as a Leader

👾 Tutorials

• Super GitHub Pages: budget frontend staging, with Storybook and more

• Recreating YouTube’s tab animation

• Recreating YouTube’s Ambient Mode Glow Effect

• Build a drag and drop Kanban Board with React, Typescript, Tailwind, Dnd-Kit

• Three.js | Project Cars - #1 Tutorial Series Introduction

🔧 Tools & ressources

• Angular-challenges

• 9 Resources to help you practice your front-end skills

• Continue: ⏩ a VS Code extension that brings the power of ChatGPT to your IDE

• Vite-react-boilerplate: A production ready, scalable starter template for Vite + React

• Pkg-size | Find the true size of a npm package

• Enquirer: Stylish, intuitive and user-friendly prompts, for Node.js

📼 Videos

• How To Make Angular Code More Reusable

• htmx in 100 seconds

• Advanced Positioning in CSS Grid

• How to measure and improve developer productivity | Nicole Forsgren (Microsoft Research, Github)

🎙️ Podcasts, talks...

• Syntax | Supper Club × Ryan Florence of Remix

• The Productivity show | Rethinking Morning Routines with the Rise Ritual – Wisdom Wednesday

🎉 Fun

• Kakao Experience EN

• My 90's TV!

• CityHop | Aesthetic walks and drives from around the world