Frontend Weekly Digest #329 (18–24 September 2023)

Web-development

• State of HTML 2023 now open!
• New way to create modals using HTML only
• Which open-source monospaced font is best for coding?
• What are JWTs/Jots/JSON Web Tokens?
• Drawing a star with DOMMatrix
• From WebGL to WebGPU
• Intro to HTMX: Dynamic HTML without JavaScript

• Performance
  • What Causes Bad CLS and How to Fix it?
  • Get All That Network Activity Under Control with Priority Hints

CSS

• The Path To Awesome CSS Easing With The linear() Function
• A (more) Modern CSS Reset
• CSS Findings From The Threads App: Part 2
• Sticky Bento on Scroll ✨Great example of CSS scroll-based animation
• Responsive type scales with composable CSS utilities

JavaScript

• TypeScript Origins: The Documentary
• Speeding up the JavaScript ecosystem — Polyfills gone rogue
• How to Code Dark Mode for Google Sheets with Apps Script and JavaScript
• Understanding the JavaScript Modulo Operator

• React
  • Optimizing Provider Context Usage in React
  • Build Your Own ChatGPT Clone with React and the OpenAI API
  • How to Build an Accordion Component with React.js
  • v0: ‘An AI Tool by Vercel That’s Effectively Midjourney for React’
  • Bootstrap a React app with smol developer
  • Understanding Props in React — A Comprehensive Guide
• Vue
  • Clean Layout Architecture for Vue Applications
  • Optimizing Vue.js apps with web workers
  • 7 Quick Tips about Vue Styles You (Might) Didn’t Know
• Angular
  • Micro Frontend Application with Angular : Realtime difficulties you will face
• Svelte
  • svelte 5: Introducing runes
  • Exploring Astro and Svelte vs. SvelteKit: A comparative guide
  • How to Build an Etch-A-Sketch App with Svelte
• Libs & Plugins
  • JS minification benchmarks: babel-minify, esbuild, terser, uglify-js, swc, google closure compiler, tdewolff/minify
  • MouseMove — JavaScript automated mouse cursor for web presentation
  • Nue JS — an exceptionally small (2.3kb) JavaScript library for building web interfaces. It is the core of the upcoming Nue ecosystem. It’s like Vue.js, React.js, or Svelte but there are no hooks, effects, props, portals, watchers, provides, injects, suspension, or other unusual abstractions on your way
  • swup 4 — a versatile and extensible page transition library for server-rendered websites. It manages the complete page load lifecycle and smoothly animates between the current and next page.

Browsers

• What’s New in DevTools (Chrome 118)
• WebKit Features in Safari 17.0