TF #22 | Your weekly frontend digest 🗞

Frontend 🎨

• Complex MPA View Transitions

• Ship Faster by Building Design Systems Slower

• 2023: 0 of the Global Top 100 Websites Use Valid HTML · Jens Oliver Meiert

CSS

• CSS prefers-reduced-transparency - Chrome for Developers

• Speeding up the JavaScript ecosystem - Tailwind CSS

Javascript

• JavaScript Decorators: What They Are and When to Use Them

• Test Assertion Styles in JavaScript

• Introducing Dependency Divergence GitHub Action - Socket

React.js

• The complete guide to WebSockets with React

• An Intro to Building Game UIs with React

• Can Next.js Handle 5000 Pages?

• Client-Side-Servering: My Perspective on Next.js Server Actions

Angular

• Angular/NgRx 16 — Simplify Your Code with createActionGroup

Vue.js

• Nuxt Layers Unwrapped

Web performances ⚡

• Optimizing Performance: How Our Extension Became Lightning Fast

• How to Improve TTFB on Cloudflare with Speculation Rules

• Liquid vs headless: A look at real user web performance – Performance @ Shopify

• Learn Performance | web.dev A good introduction if you're new to the subject of web performance

• Don't Let Visitors Know Your Origin Server Exists

UX / UI 📱

• AI as a UX Assistant

• Fix Color Contrast – Web Accessibility for Text & UI Design

• Design Tips to Convert More Customers

• The design manager’s toolkit

• How Figma and Adobe think they could work together

• How Netlify rebranded their app in just 6 weeks - Interesting but lacking in detail

Work, productivity 📇

• Organize Your Week as an Engineering Manager

• Hire Better Managers: 35 Interview Questions for Assessing a Candidate

• Improve planning and ideation with divergent thinking

• Becoming a force multiplier by influencing without seniority

• Developing leadership styles

• Is Your Team Overworking But Underperforming?

Misc 🗂️

• Data engineering at Meta: High-Level Overview of the internal tech stack

• Switching Build Systems, Seamlessly - Spotify Engineering

• I Accidentally Saved Half A Million Dollars

• My muscle-memory git toolbox – Arthur O'Dwyer

• The five principles of modern developer tools

Tools & ressources 🔧

• Pokémon Cards CSS Holographic Effect It's too beautiful, I'm speechless

• Val Town Val Town is a social website to write and deploy TypeScript. Build APIs and schedule functions from your browser.

• CSS Selectors: A Visual Guide & Reference

• Free Stock Video Footage Without Watermark

• Shots - Create Amazing Mockups

• Nightwind An automatic, customisable, overridable Tailwind dark mode plugin

• usebruno lightweight alternative to postman/insomnia

• tsparticles Easily create highly customizable JavaScript particles effects

• Jless - a command-line JSON viewer

Videos 📼

Here are the videos of all the Next.js conf presentations available on youtube.

• Next.js Conf 2023 — Introducing Next.js 14

Podcasts, talks...🎙️

• The Productivity Apps & Tools of Thanh Pham (TPS480)

• Syntax - Ex-npm Employee Making a New Package Manager?! Vlt with Darcy Clarke

• JavaScript Jabber - JSJ 605 | TypeScript, ESLint, and TypeScript ESLint with Josh Goldberg

• ShopTalk 589: CSS Functions, Read It Later, Making Money in Business, and More

• Whiskey Web and Whatnot - Episode 115 - Tech Talk, Social Media Use, and Netflix with The Primeagen

The French corner 🇫🇷

• 135 Grammes - Les histoires de la tech mobile - Conversation avec Christophe Dolique, CEO de Lyf

• Radio Contournement #116 : Tristan L'Abbé, l'avènement de l'IA chez Glide

• IFTTD #243 - Scalabilité : Petit à petit, devenir grand avec Guillaume Vibert