Frontend Weekly Digest #313 (29 May — 4 June 2023)

Web-development

• Advanced Form Control Styling With Selectmenu And Anchoring API
• New to the web platform in May
• How to Use a Weather API to Build a Dynamic Weather App
• 300ms Faster: Reducing Wikipedia’s Total Blocking Time
• Web accessibility: address barriers and make your website inclusive

• Effects
  • Animate on scroll with the Intersection Observer API
  • Gradient Along SVG Path with GSAP
  • UI Interactions & Animations Roundup #33
  • Inspirational Websites Roundup #46

CSS

• An introduction to @scope in CSS
• Watch Out for Layout Shifts with ‘ch’ Units
• Mastering CSS Blend Modes
• Everything You Want To Know About Media Queries and Responsive Design
• Linting defensive and logical CSS with Stylelint plugins
• Quick Tip: Shipping Resilient CSS Components
• Sass-like nesting in native CSS
• SupportsCSS — Feature Detection for Modern CSS
• Understanding sibling combinators in CSS: A complete guide
• Styling with the CSS :empty pseudo-class

JavaScript

• Implementing pull-to-refresh with JavaScript
• Vanilla JavaScript vs. JavaScript Frameworks: Ten top differences
• An Introduction to JavaScript Proxies
• Sharing WebSocket Connections between Browser Tabs and Windows

• React
  • useHooks — A collection of modern, server-safe React hooks — from the ui.dev team
  • Using JWT for authentication in React
  • Celebrating 10 Years of React
  • The evolution of React APIs and code reuse
  • Building type-safe forms in React with react-ts-form
• Vue
  • Getting Started with BootstrapVue
  • Creating animated logos with Lottie and Vue 3
  • Best open source pagination libraries for Vue 3
• Svelte
  • 10 Svelte Component Libraries
  • Build interactive, node-based UIs and diagrams in Svelte
• Libs & Plugins
  • Painless WebGPU Programming With taichi.js
  • aimless.js — The missing JavaScript randomness library.
  • Structura.js vs. Immer.js: Comparing libraries for writing immutable states