Tech Foutraque #12 | Frontend digest

🎨 Frontend 🎨

• Patterns for Reactivity with Modern Vanilla JavaScript

• Picture-in-Picture for any Element, not just video

• Cleaning up import paths in JS/TS packages

• 14 Linting Rules To Help You Write Asynchronous Code in JavaScript

• Progressively Enhanced Form Validation, Part 2: Layering in JavaScript

• Scroll shadows with animation-timeline

• The ideal viewport doesn’t exist

• OKLCH in CSS: Consistent, accessible color palettes

• A Few Interesting Ways To Use CSS Shadows For More Than Depth

• A Future of Themes with CSS Container Style Queries

• Bézier Curves - and the logic behind them

• Tailwind, and the death of web craftsmanship

• Building Adaptive User Interfaces in React Native

• Using TypeScript – React

• React Suspense in three different architectures

• On React Suspense’s throttling

• Deep Dive: Caching and Revalidating · vercel/next.js · Discussion #54075 · GitHub

⚡ Web performances ⚡

• Optimiser les images sur le web : checklist des bonnes pratiques 🇫🇷

📱 UX / UI 📱

• Adobe co-founder Dr. John Warnock has died — he was 82

• The Psychology Behind Loom's Explosive Growth

• Can we assess the morality of our UX?

• How to make next-level Figma plugins: auth, routing, storage, and more

• Playbook for universal design – Universal design methods for more inclusive solutions

• Are We Losing Color? All Logos Are Starting To Look The Same

📇 Management & organisation 📇

• How to Communicate When Trust Is Low (Without Digging Yourself Into A Deeper Hole)

• Bottleneck #05: Resilience and Observability

🔋 Misc 🔋

• Enhanced push protection features for developers and organizations - The GitHub Blog

• Anything But Tech Debt

• What makes a strategy great

• Slack's Migration to a Cellular Architecture - Slack Engineering

• How Games Typically Get Built

⚙️ Tools & ressources ⚙️

• CSS Selectors: A Visual Guide & Reference

• TypeStat: Converts JavaScript to TypeScript and TypeScript to better TypeScript.

• Typescript-book: The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.

• Prettymapp: 🖼️ Create beautiful maps from OpenStreetMap data in a streamlit webapp

• Vue-hooks-plus: High performance & Simplicity 🧲 Vue 3 Hooks library

• UseHooks – The React Hooks Library

• 46 No-Code Tools You NEED to Try in 2023

📼 Videos 📼

• tRPC + NextJS App Router = Simple Typesafe APIs

• Complete Guide on Placeholder using Nextjs Image, Plaiceholder, Blur, Color

🎙️ Podcasts, talks... 🎙️

• Nikolay Advolodkin, Christian Bromman - CrossBrowser Testing with Sauce Labs: Vue.js Forge Episode 4 - YouTube

• Syntax: Supper Club × Make React 70% Faster! Million.js

• JSParty: Ten years of TypeScript bliss