📬 TF #18 | Your weekly frontend digest 🗞️

🗞 Article of the week : Photoshop is now on the web! Enabled by WebAssembly, Web Components

---

📬 Don't hesitate to subscribe to our newsletter so you don't miss a thing !

We are also on 🐦 Twitter/X and 🟦 BlueSky, come and say Hello! 👋 We share content throughout the week in advance.

---

Frontend 🎨

We start with CSS resources and various articles

• CSS Subgrid

• Fun with stroke-dasharray

• Limit the reach of your selectors with the CSS @scope at-rule - Chrome for Developers

• The ups and downs of text-wrap: balance and a polyfill

• An Interactive Intro to CRDTs | jakelazaroff.com

• The State of Web Frameworks on Deno

• The Story of Third-party JavaScript

• The Uphill Battle of Memoization | TkDodo's blog

Still a lot of content on react, as usual

• The future of rendering in React

• Introduction to the New React useEffectEvent Hook - Semaphore

• Next.js 13 vs Remix: An In-depth case study

• A Complete Guide to Session Management in Next.js

• Deep dive into React's virtual DOM and reconciliation

• Best Practices for Developing Complex Form-Based Apps with React Hook Form and TypeScript Support

• Building Responsive SaaS Apps with Chakra UI Components

Web performances

Harry Roberts is a reference in web performance, and every one of his articles and speeches is worth its weight in gold. I'm always on the lookout for anything he might say or do.

• The Ultimate Low-Quality Image Placeholder Technique Harry Roberts

UX / UI📱

• Whats the right font size in web design? - Pimp my Type

• The constant tension between design tools and soft skills

• A Guide to Prototyping Automotive Interfaces

• Dark Themed Web Design Inspiration

• The complexity of telling stories in UX

Management, organisation 📇

Great content today! These 3 articles are pure gems. Hope you like them

• Kind Engineering: How To Engineer Kindness

• How I stay motivated as a solo-creator | ( ) Herman's blog

• The power of soft skills in product development: Insights from engineering leaders

Misc🔋

This week, we talk about money, AI, database and architecture

• Top AI News, September 2023 - Everypixel Journal

• What does it take to raise capital, in SaaS, in 2023?

• How Miro Grows: Tactical Lessons From The $17.5B Whiteboard

• Avoid Common Pitfalls with Serverless Architecture

• Storage Challenges in the Evolution of Database Architecture | Postman Blog

• Websites in the dock

Tutorials 💻

A good start if you want to take a look at Astro

• Astro Web Framework Crash Course

Tools & ressources 🔧

rapidpages/rapidpages: Generate React and Tailwind components using AI. It's like Vercel's V0, but you don't have to wait for access. 😅

The components corner

• Tailwind Elements - 500+ free Tailwind CSS components

• Toastalia - Powerful, beautiful, free popups

• react-markdown a markdown component for React!

• Bay/nice-modal-react: A modal state manager for React

• Selection JS A high performance and lightweight library to add a visual way of selecting elements, just like on your Desktop

Some ressources about style, colors and AI...

• Stylex (by Meta) a simple and easy to use CSS-in-JS library that gives you the developer experience of using inline styles in Javascript combined with the performance of statically generated atomic styles.

• GitHub - Blazity/styled2tailwind: 🌀 Transform your Styled-Components into TailwindCSS with this handy codemod.

• QrGPT - QR Code Generator

• AI Color Palette Generator - Browse, Edit, Visualize and Generate Unique Palettes

• timlrx/tailwind-nextjs-starter-blog: This is a Next.js, Tailwind CSS blogging starter template

• addyosmani/critical: Extract & Inline Critical-path CSS in HTML pages

They're not tools, but useful resources nonetheless

• The Internals of Deno A book to read online to understand everything about Deno under the hood

• React Knowledge Base - Obsidian Publish

Videos 📼

Watch videos from the event: State of the Browser 2023. Great speakers and topics

• London Web Standards - YouTube

A conversation to look at the relationship between designers, developers, and AI

• Democratizing Design with Figma's Dylan Field

Always full of discoveries in "Learn with Jason". I like the format and the sharing of quality information.

• Demystifying CSS Container Queries - YouTube

Podcasts, talks...🎙

• ShopTalk 585: Blog Redesign, Sounds on a Website, Accessibility Tests, and Safari 17

• Syntax Podcast 676 | Google IDX - VS Code in the Browser with David East

• JS Party #295 - Reflecting on Bun's big launch with Jarred Sumner, founder & CEO of Oven ()

• Jamstack Radio #135 | Maintainer Funding with Birk Jernstrm of Polar

• JavaScript Jabber #601 | Accessibility in Component Libraries with Maya Shavin

• Developer Tea | Backlog Psychology - Practice Requires Rhythmic Predictability

• Master The Q4 Sprint and Crush Your Goals In Less Time

🇫🇷 The French Corner 🇫🇷

• Depuis Anvers, le mistral emporte lIA dans une java binaire Clever Cloud

• AXOPEN | Mesurer lempreinte carbone des dveloppements

• IFTTD - If This Then Dev | Recrer un ordinateur 8 bits : Tout recrer, mme l'assembleur

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