DEV Community: tech foutraque

TF #35 | Your weekly frontend digest

tech foutraque — Mon, 04 Mar 2024 08:44:56 +0000

🗞 Articles of the week : Apple’s decision to drop iPhone web apps comes under scrutiny in the EU - The Verge and
Home Screen Advantage - Infrequently Noted

And the recent conclusion : Apple reverses course on death of Progressive Web Apps in EU

Frontend 🎨

Using localStorage in Modern Applications - A Comprehensive Guide | RxDB - JavaScript Database

CSS

CSS :has() Interactive Guideit's not just an interactive guide, it's an EPIC guide to understanding the whole concept
View transitions: Handling aspect ratio changes - JakeArchibald.com
Going beyond pixels and (r)ems in CSS - Container query length units - iO tech_hub
What is Utility-First CSS?: HeydonWorks
Tailwind marketing and misinformation engine
Write CSS. Not too much. Mostly scoped. • Lee Reamsnyder

Misc

React

Node/Deno

Web performances⚡

UX / UI📱

Videos 📼

Tutorials 💻

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

Tools & resources 🔧

Functional UI Kit
Huemint - AI color palette generator Visualize your color palettes with real examples
Vuexyz/vuexyz: Creative coding composables for Vue 3.
PrimeVue - Vue UI Component Library
Embla Carousel | A lightweight carousel library with fluid motion and great swipe precision

Podcasts, talks...🎙️

The French corner

Work / Productivity 📇

Misc🔋

Vjeux » 12 Years at Meta If you don't know this legend, now's the time to catch up on all his projects - you've probably used one of them once!
Zapier Architecture - by Neo Kim - System Design Newsletter
How Discord Moved Engineering to Cloud Development Environments
A beginner’s guide to making beautiful slides for your talks · ines.io

Fun 👾

Lunakepio/Mario-Kart-3.js Already covered in a previous issue, but now much more complete! A must-see!

💌 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. Thank you

TF #34 | Your weekly frontend digest

tech foutraque — Mon, 12 Feb 2024 08:12:14 +0000

🗞 Article of the week : jQuery 4.0.0 BETA! Yeah still alive!

Frontend 🎨

React

WebComponent

Getting into web components - an intro | utilitybend

Typescript/Javascript

Astro

CSS

Misc

Web performances⚡

UX / UI📱

Tools & resources 🔧

Tutorials 💻

Videos 📼

Podcasts, talks...🎙️

Work / Productivity 📇

Misc🔋

Fun 👾

Most Searched Playground – Google
Matteo Santoro For Retro gaming lovers!

TF #33 | Your weekly frontend digest

tech foutraque — Mon, 05 Feb 2024 08:40:37 +0000

🗞 Article of the week : The web just gets better with Interop 2024 | WebKit and Interop 2024 | web.dev or how browsers, as part of Interop 2024, are collaborating in specific areas like CSS nesting, text-wrap: balance, HTTP(S) URL for WebSocket, and relative color syntax, emphasizing the goal of compliance with web standards.

I've placed the articles on productivity and miscellaneous at the end of the articles. Some people weren't fans, so I rearranged the order of priority. Let me know if you like it!

Frontend 🎨

CSS

Angular

VueJS

WebComponent

The Web Component Success Story | jakelazaroff.com

Javascript/Typescript

React

Web performances⚡

UX / UI📱

Tools & resources 🔧

Fastpedia Already mentioned, but just a reminder. If you're looking for an AI tool, this site can find it for you
Type safe Server Actions in your Next.js (App Router)
React-quiz-component: 📙 React Quiz Component
Husky · GitHub
chroma.js api docs!
Tiny-rdm: A Modern Redis GUI Client

Tutorials 💻

GitHub Foundations Certification Course – Pass the exam in 10 hours!
Lear n how to use Media queries &Container qu eries
Styling Ark UI Tabs with Slot Recipes Made a video on how to style

Ark UI tabs component using Slot Recipes in panda CSS
Build a dApp Using Waku (Decentralized Communication) and Vue.js
Easily Deploy Full Stack Node.js Apps on AWS EC2 | Step-by-Step Tutorial
Modern JavaScript library starter - Advanced Web Machinery
Test Web Bluetooth with Puppeteer | Chrome for Developers
Getting up to Speed with Eleventy: Config and Collections - The New Stack
Use TSX for your t e mplate e ngine
(FR) Cr éer des champs avec CarbonFields — Formation Créer un thème WordPress | Grafikart

Videos 📼

Angular

React

Vue

Why you should use useState()

The French corner

Podcasts, talks...🎙️

Safari is the new Chrome - Jen Simmons of Apple - Syntax #725
Svelte 5: Speed, Simplicity & Size - Syntax #723
SJ 618 - JavaScript Jabber - Exploring AI Impact on Code Generation and Quality Metrics
(JS Party #310) |> Changelog - Angular Signals with Pavel Kozlowski & Alex Rickabaugh
600: Where Will The Web Be 12 Years from Now? – ShopTalk
Whiskey Web and Whatnot - Episode 128 - The Missteps of GraphQL and the Promise of Progressive Enhancement
Developer Tea - Apply Little's Law To What You Can Control
Code & Curiosity Podcast A Podcast by Maximilian Schwarzmüller. I learn a lot of things with this guy!
2024 Productivity Trends You Need to Know About (TPS493) - Asian Efficiency

The French corner

Bilan 2023, perspectives 2024 | Clever Cloud
Podcast · Tech.Rocks - #S06EP01 Spécial speakers Tech.Rocks Summit 2023 - Amanda Brock (OpenUK) et Philippe Ensarguet (Orange)
IFTTD #257 - Kubernetes : Passer d'un déploiement FTP à Kubernetes avec David Coutelle
Android en coulisse : l'histoire d'un OS open source - 135 Grammes - Les histoires de la tech mobile

Work / Productivity 📇

Misc🔋

TF #32 | Your weekly frontend digest

tech foutraque — Mon, 29 Jan 2024 08:51:08 +0000

🗞 Article of the week : Happy 40th Birthday, Macintosh
The Macintosh Classic II was my very first computer. I was just playing lemmings!

This week, we've got 2 articles on swift, lots of articles on node, typescript, alpine, adonisJS, vue and a very good topic on react and Openlayers.
On the UX side, a case study from N/N group on indicators, validations and notifications, not to be missed.

For managers, there's a lot more to come: classics on estimating and team management, as well as the article "The 'errors' that mean you're doing it right", which I really enjoyed!
In other news, Apple is in the spotlight with the Macintosh anniversary and icloud. A good article on the English government and the migration of their PostgreSQL db.

Frontend 🎨

CSS

Vue

React

Swift

Web performances⚡

Fixing Cumulative Layout Shift Problems on DavidWalshBlog

UX / UI📱

Work / Productivity 📇

Misc🔋

Tools & resources 🔧

Shipping Blended Diffs | @mdo
The Node-Based UI for Svelte – Svelte Flow
Prisma Editor | Visualize and Edit Prisma Schemas
The Bun Shell
React Email 2.0 · Resend
Announcing Mutative 1.0 - A New Era in Efficient Immutable Updates
TypeSpec Describe your data up front and generate schemas, API specifications, client / server code, docs, and more.
Typescript Book The Concise TypeScript Book provides a comprehensive and succinct overview of TypeScript's capabilities
Loadership CSS-only loader configuration tool that allows you to effortlessly customize and generate stunning loaders for your website

Tutorials 💻

Videos 📼

Podcasts, talks...🎙️

*Whiskey Web and Whatnot- 127 : Monthly Malarkey - JavaScript Modules, HTML, and Ryan Reynolds
Front End Happy Hour 185 : Quitting a job - flipping the bar table
Shop Talk 599 : Fighting the Algorithm With RSS, Blogging, and the IndieWeb
JavaScript Jabber 617 : Inside the World of React: Server Components, Unidirectional Data Flow, and Frameworks
Syntax 721 : You should learn Drizzle, the TypeScript SQL ORM
Syntax 722 : Next Level Web APIs. Bluetooth, File Access, Thomas Steiner - Project Fugu

The French corner

IFTTD #256.ad - Culture Cybersécurité: Un travail d'équipe encore trop individuel.
Message à caractère informatique : la 100e en live
Double Slash 080 : Les news web dev de janvier 2024 (numéro 3)

Fun 👾

Le développeur qui sait tout (FR) The return of "Je suis un dev". Still a fan of the stories, the tone, it's just great every time!
SURF THE WEB LIKE IT'S 1999! - Bill's World

TF #31 | Your weekly frontend digest

tech foutraque — Mon, 22 Jan 2024 08:06:49 +0000

🗞 Article of the week : 2023 JavaScript Rising Stars

Discover the latest trends and insights in Frontend development with our curated link list.

From practical guides to cutting-edge technologies, our collection covers a wide range of topics, including Scroll-Driven Animations with CSS, TypeScript migration, CSS properties, JavaScript linters, Vue and React development, web performance, UI/UX design, productivity, refactoring, tutorials, tools, and resources

Frontend 🎨

A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()
Migrating from Zod to Valibot: A Comparative Experience | Matthew Kwong
TypeScript Might Not Be Your God: Case Study of Migration from TS to JSDoc
The Complex But Awesome CSS border-image Property Smashing Magazine
Rust-Based JavaScript Linters: Fast, But No Typed Linting Right Now
Designing better target sizes An interactive guide that is all about enhancing the target size area with CSS.
HTMX and Web Components: a Perfect Match
Dynamic Programming is not Black Magic
Top Front-End Tools Of 2023 Smashing Magazine
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts

Vue

Globalize Your Vue App: A Practical Guide to Vue 3 Internationalization

React

Delicious Donut Components An interactive guide to component composition with React Server Components
The future of React.use and React.useMemo - a powerful alternative to context selectors
16 Lesser Known Accessibility Issues | Toward

Web performances

How To Improve INP With Chrome DevTools
How Core Web Vitals affect application SEO: Understanding Google page experience ranking and Lighthouse scores Vercel

UX / UI📱

Work / Productivity 📇

Measuring Developer Productivity: Real-World Examples
Anna Shipman : JFDI Writing about tech, strategy and ledership
Demystifying Project Estimation
Applying the SPACE Framework - by Abi Noda
10 Things Software Developers Should Learn about Learning
Founders: it doesnt have to be this hard

Misc🔋

The Golden Rule of Assertions | Epic Web Dev

Tutorials 💻

Tools & resources 🔧

Google-maps-scraper: scrape data data from Google Maps.
Vueform | Open-Source Form Framework for Vue
Heat.js - JavaScript Heat Map
Graphite helps you create smaller pull requests, stay unblocked, and ship faster. Built for stacking, integrated with GitHub & VS Code.
React Libraries for 2024
Remote-storage: remoteStorage is a simple library that combines the localStorage API with a remote server to persist data across sessions.
The AHA Stack | AHA

Videos 📼

We start with 2 reviews of React and Angular from academind!

Podcasts, talks...🎙

The French corner

IFTTD #254 - Generative Design : BTP et Nouveaux Outils avec Coraline Faurie

TF #30 | Your weekly frontend digest

tech foutraque — Mon, 15 Jan 2024 08:41:07 +0000

🗞 Article of the week : What PWA Can Do Today. A showcase of what is possible with Progressive Web Apps today

Frontend 🎨

CSS

MISC

REACT

VUE

UX / UI📱

Work / Productivity 📇

Misc 📇

Tutorials 💻

Tools & resources 🔧

apyhub.com Discover our diverse range of APIs, from simple utilities to cutting-edge AI-powered solutions. Shared by @iamspathan. Thank to him!

Env: A utility for verifying environment variables are present
unrot•link | Prevent and reverse link rot with a single script
Remote-storage: remoteStorage is a simple library that combines the localStorage API with a remote server to persist data across browsers and devices.
Pagination: Simple Pagination Library
The AHA Stack | AHA Combine Astro, htmx and Alpine.js to create modern web applications sending HTML over the wire
TWC is a lightweight library to create Tailwind CSS Components in one line, write less code and build faster.
TSDiagram - Diagrams as code with TypeScript

CSS Hooks Inline styles doing what we thought they couldn't.

Videos 📼

Podcasts, talks...🎙️

The French corner

Fun 👾

TF #29 | Your weekly frontend digest

tech foutraque — Mon, 08 Jan 2024 19:35:00 +0000

🗞 Article of the week : 2023 JavaScript Rising Stars

Lots of recap articles from 2023 and predictions for 2024. Also lots of tools and good reading! (as usual)

Frontend 🎨

CSS

Vue

WebComponent

React

Web performances

UX / UI📱

Management, organisation 📇

Misc🔋

Tutorials 💻

Tools & resources 🔧

Face Photo Restorer
Strawberry - Zero-Dependency, Build-Free JavaScript Framework
Sailboat UI - Modern UI component library for Tailwind CSS
Observable Plot | The JavaScript library for exploratory data visualization
Cool Symbols and Fancy Text Symbols to Copy Paste 😍 Cool Symbols
Realtime Colors
date-fns v3 is out!
Color Designer - Simple Color Palette Generator
Front Tips | Frontend Development Video Tips and Tricks
DevResume
StyleX Meta now offers a styling solution to compete with tailwind
React Aria

Videos 📼

Under the radar CSS features for your CSS reset
Most TS devs don't understand 'satisfies'
the ChatGPT store is about to launch lets get rich
React Server Components: the Good, the Bad, and the Ugly - YouTube
Figma côté développeurs (French) Encore une très bonne vidéo de grafikart runissant le meilleur des 2 mondes, (dev et design)

Podcasts, talks...🎙

2024 Predictions - Syntax #712 I love the "predictions" articles or videos and seeing if the guys bet on the right bet or totally missed out.
A Passwordless Future Passkeys with Anna Pobletts - Syntax #710
The Surprisingly Exciting World of Print + PDF CSS - Syntax #711
JSJ 613 - The Future of Authentication in JavaScript: An Inside Look into Passport JS with Jared Hanson
What's next in JavaScript (a TC39 update) featuring Daniel Ehrenberg from Bloomberg (JS Party #305) |> Changelog
Whiskey Web and Whatnot - A whiskey fueled fireside chat with your favorite web developers.

Productivity

The french corner

IFTTD - Une année pleine d'IA ! Avec Quentin Adam Comme tous les ans, l'épisode rcap de l'année avec le CEO de Clever Cloud. Toujours très pertinent !
Double Slash //77 - Les News Web Dev pour Nol 2023 Double dose d'actu pour Double Slash avec l'épisode de Noel et de la nouvelle année !
Double Slash //78 - Les News Web Dev janvier 2024
Steampunk Caf : histoire de la tech en Europe continentale (2/2) Tech Caf (French) La suite encore meilleure que le premier pisode ! J'ai appris beaucoup de choses. Je vous le recommande !

TF #28 | Your weekly frontend digest

tech foutraque — Mon, 18 Dec 2023 08:34:34 +0000

🗞 Article of the week : How does xxx compare to Panda CSS. Because there's more to life than Tailwind, and Panda is sure to become the next big thing for CSS.

Big issue this week with lots of links in all our categories. There will be no newsletter next week because of Christmas. So make the most of it now!

Frontend 🎨

The anatomy of shadcn/ui
HTML: The Bad Parts
How to use Chrome's accessibility tree
The await event horizon in JavaScript
Lost in Translation: Tips for Multilingual Web Accessibility
Evolving the infinite canvas | Amelia Wattenberger Great experience with this website. Take a look!

CSS

React

Angular

Check out Angulars support for the View Transitions API | by Andrew Scott

NodeJs

Improving Node.js loader performance

Web performances

UX / UI📱

Work, productivity 📇

Misc🔋

Tutorials 💻

https://twitter.com/wesbos/status/1734258477483114707

Tools & resources 🔧

Announcements

Misc.

The JavaScript Oxidation Compiler | A collection of JavaScript tools written in Rust
Epic Easing | Easing made easy!
Color Lisa - Color palette masterpieces of the worlds greatest artists
React-glow Add a mouse-tracing glow effect to React components.
Croner - Trigger functions or evaluate cron expressions in JavaScript or TypeScript.
Huh: A simple, powerful library for forms and prompts in the terminal

Videos, talks 📼

DDD Europe 2023 - Model Mitosis - Julien Topu and Josian Chevalier
This Is Why Most 3D Websites Suck
This taught me so much about advanced TypeScript

Podcasts🎙

Syntax #705 | Is Running Random Code From npm Safe? With Feross Aboukhadijeh
JavaScript Jabber #611 | Monitoring Performance and Core Web Vitals ft. Bianca Grizhar and Sumitra Manga
Whiskey Web and Whatnot 121: Tech Stacks, Building Apps, and Gaming Nostalgia with David Cramer
Developer tea #1188 | Good Plans, Bad Plans, and Road Trips
Axopen #65 : Spcial Nol 2023 : bilan de lanne et inspirations cadeaux

Fun 👾

TF #27 | Your weekly frontend digest

tech foutraque — Mon, 11 Dec 2023 11:19:22 +0000

🤩 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 🎨

Web performances

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

UX / UI📱

Email Design Trends for 2024 - Designmodo

Management, organisation 📇

Misc🔋

Video 🎬

How to Create Stunning Slanted Containers with CSS

Tools & ressources 🔧

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

Frontend newsletter list (2024) 📬

tech foutraque — Tue, 05 Dec 2023 20:05:27 +0000

Frontend development is a dynamic field that demands staying up-to-date with the latest trends and techniques. Subscribing to newsletters can be a powerful way to achieve this.

Here’s a complete list of top newsletters for frontend developers

We start with Cooperpress newsletters. You'll easily recognize them - their landingpages look the same, with a smartphone on the right. What they have in common is that they provide good articles every week on the frontend, javascript and other subjects, such as Ruby. See for yourself!

A lot of content each time, you won't be disappointed!

Frontend Focus: Get a weekly dose of frontend news, tutorials, and articles covering HTML, CSS, WebGL, and more

JavaScript Weekly: A newsletter full of awesome JavaScript news, articles, and projects

React Status: Stay up-to-date on React and React Native with a weekly collection of links and tutorials

This Week In React: High signal, low noise. Keep up with the most important news, trends and weak signals. Stop reading low-quality technical content produced for SEO purpose. The best source of news!

It's one of the best, if not the best, sources of information on the React.js ecosystem. The content is very complete, with news, docs, tools and more general articles. and You also have a French version so you can't miss it. Sebastien is also very active on twitter/X.

Sidebar: Receive a design-focused newsletter with the five best links every weekday.

Every day, simply find 5 high-quality links on the frontend and technology. Perfect if you like to do a little tech watch every day.

Unicorn Club: Access news, resources, and trends in a single newsletter, ideal for developers, designers, and creators.

I love it. For unicorn and frontend lovers, this newsletter is for you. Few links, but hight-quality

Smashing Magazine newsletter: Keep up-to-date with frontend and UX news in Smashing Magazine’s popular weekly newsletter, sent out every Tuesday

The site is a gold mine for developers, designers and product people. The newsletter is on the same level, with quality content not found elsewhere.

Bytes: Stay entertained and informed on JavaScript news with the bi-weekly Bytes newsletters.

Bi-weekly, so more links! The newsletter features good links and always a fun little quiz! The quirky style is also really cool, as is their website.

Tech Foutraque: Get the latest frontend development resources delivered straight to your inbox for FREE.

I too have my own newsletter dedicated to the frontend!

Every Monday you'll find the latest news, articles, tutorials, tools, videos and podcasts!

You can subscribe at the bottom of the page or here. Find our latest articles on our home page.

CSS Weekly: Stay up-to-date on CSS with a weekly email featuring the latest articles, tutorials, tools, and experiments

CSS-oriented, you'll discover new videos, tutorials and tools every week! You can find the videos on our youtube channel

CSS Animation Weekly: Stay up-to-date on the latest CSS animations and tutorials with a weekly digest

With such a specialized theme, the newsletter is sometimes a little light, but the articles, tutorials or inspirations are great every time.

Frontend Weekly: Subscribe to receive a weekly email with articles, links, and news about frontend development.

Every week a (small) selection of frontend links. Most of them you've already seen elsewhere, but they may help you anyway.

Frontend Horse: Learn mind-blowing front end tricks from the web’s best creative developers!

I put it back because its creator seems to have taken over the newsletter. I liked this newsletter, few links but always of good quality.

Frontend Planet: Get the latest frontend development resources delivered straight to your inbox for free. 4 main categories: news, tutos, tools and inspiration.

A small selection of links following these 4 themes: news, tutorials, tools and inspiration. The inspiration section is pretty cool, and the other links are often the same as elsewhere.

Weekend Web Dev’s Newsletter: Receive the latest frontend tutorials and discover imaginative projects through this newsletter.

Only a few articles each time, but there's always something new!

UX Design Weekly: Stay current with the latest and greatest in UX design through a weekly roundup of links.

UX is as important to the frontend as code! And this newsletter (like smashing magazine) will bring you new knowledge to better develop your sites. Not too many links and always a "bonus" portfolio

Tools.design newsletter: Improve your web design with a weekly roundup of the top 5 web design tools.

Like UX Design Weekly, improve your skills with this newsletter, which includes a few links each time. Perfect for a quiet watch

Tools for Web Developers: Stay informed about tools for frontend developers with this weekly newsletter.

I don't know how they do it, but every week they come up with lots of different and really interesting tools. In its sector (tools), it's surely the best newsletter.

Codrops Collective: The Codrops Collective’s newsletter offers the latest updates and resources on web design and development

THE newsletter for developers and designers alike, with a wide range of topics, articles, sites and links. Every week, the content is full and of the highest quality.

Offscreen canvas: Get a weekly dose of WebGL and creative coding resources, demos, and inspiration.

If you're a creative developer, this newsletter will satisfy your thirst for knowledge!

The french corner 🇫🇷

Quoi de neuf les devs ?: Every Friday, you'll find a digest of web dev news (not just frontend news). There are also interviews with developers. It's one of the most comprehensive newsletters in the French-speaking world.

Whether you’re a seasoned pro or just starting out, these newsletters will keep you ahead of the curve! 🚀

Best of Frontend | November issue

tech foutraque — Tue, 05 Dec 2023 12:09:18 +0000

It's hard to sort through all the articles, news and videos on the Internet. With my newsletter, I try to bring you a selection of the best frontend and tech resources every week. It's sometimes still too much information for some people, so I'm going to start making a best of list of links from the past month.

You'll find a maximum of 3/4 links in each category. I'll let you know in the comments if you like the format!

Frontend 🎨

An Interactive Guide to CSS Grid

Web performances

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
Chromium Blog: How Core Web Vitals saved users 10,000 years of waiting for web pages to load
Vue.js Parallel Fetching improves LCP and FCP

UX / UI📱

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

AI as a UX Assistant
The UI is absolutely mindblowing!!! => 2023 UX Research Tools Map | User Interviews
Figma plugin API: diving into advanced algorithms & data structuresMartian Chronicles, Evil Martians team blog

Tools & ressources 🔧

Pokmon Cards CSS Holographic Effect It's too beautiful, I'm speechless
System-design-primer: Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards`
Awesome tool!!! Ribbon Shapes - Get a CSS-only Ribbon Shape made with a single-element and customizable using CSS variables
Grep.app : Search across a half million git repos

Videos 📼

Next.js Conf 2023 Introducing Next.js 14

Podcasts, talks...🎙

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

Leveraging CSS, Web Design, and Gaming UI with Adam Argyle
The Art of Concentration: Mastering Mindfulness for Peak Performance
Asian Efficiency - From Setbacks to Success: Reclaiming Productivity in the Face of Adversity
Double Slash //74 - Les News Web Dev pour Novembre 2023 (French)

💌 If you like this article, 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.

TF #26 | Your weekly frontend digest

tech foutraque — Mon, 04 Dec 2023 08:47:22 +0000

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

🗞 Article of the week : Prompt Structure in Conversations with Generative AI Great study case by NNGroup (as usual)

Frontend 🎨

WebComponents

CSS

A Few Ways CSS Is Easier To Write In 2023

React

Web performances

UX / UI📱

The State of UX in 2024 Beautiful website to discover! We expected no less for this survey
The Usability of Augmented Reality
Creating Bento Grid Layouts Everyone's talking about it! It's the design trend for 2024.
Trending Design - The Best Design Inspiration on 𝕏

Management, organisation 📇

Misc🔋

Tech predictions for 2024 and beyond

🌟 If you derive value and satisfaction from this newsletter, we invite you to bolster our efforts by subscribing and spreading the word among your network. Your support is genuinely appreciated. Thank you! 🚀

Tutorials 💻

Tools & ressources 🔧

Knip: Find unused files, dependencies and exports in your JavaScript and TypeScript projects. Knip it before you ship it! Already talk about it but they released a new version with lot improvement.

XState v5 is here
Console Ninja: log output right next to your code
Animotion Visual CSS Animation Builder
CSS Hooks
Tamagui React Native + Web UI kit
React-native-ai: Full stack framework for building cross-platform mobile AI apps

Marker: Convert PDF to markdown quickly with high accuracy
Introduction | How React Works blog post series aiming to explain how react works under the hood
A Collaborative List Of 1400+ Public APIs For Developers Generally quite well known but I came across it again so I'll put the link back up.

Videos 📼

[1hr Talk] Intro to Large Language Models

AI: Grappling with a New Kind of Intelligence If you have 2 hours to spare, I suggest you watch this discussion
The Weird World in RGB Weird, but cool !
10 JavaScript changes you missed in 2023

Vue and Vite Status Update - Evan You

Podcasts, talks...🎙

Syntax 698: Why You Should Be Using CSS @Layers
JS Party #303 | Art of the state machine with Laura Kalbag from Stately.ai
ShopTalk 593: Beep & Texts, Tumblr, JavaScript & Web Components, & Cool Blog Post Ideas
Whiskey Web and Whatnot - Episode 119 - Cracking the Podcasting Code with Andrew Lisowski and Justin Bennett

Productivity and Working podcasts

Developer Tea :: The Dark Side of Optimism Bias
Developer Tea :: Fresh Eyes - How Anchoring Bias, Bandwagon Effect, Status Quo Bias, and Uniqueness Bias Interact When Joining New Groups
The Productivity Show #484 - Embracing Gratitude and Positivity into December and Beyond

The French corner

IFTTD #247 - Environnement et Numrique : Le dev est-il une rponse tout ? avec Gilles Babinet
AXOPEN | Intelligence artificielle et dveloppement informatique : explorer les frontires des possibles