Frontend Weekly Digest #252 (21–27 March 2022)

Web Development

• WHTML, the HTML Way (Not the XHTML Way)
• How to use undocumented web APIs
• Always open localhost in your development browser

• A11y
  • How to create more accessible media with these tips
  • ADA Web Site Compliance Still Not a Thing
• Effects
  • Letter Shuffle Animation for a Menu
  • Replicating the Interweave Shape Animation with Three.js

CSS

• March 2022 Frontend Updates: SVG Favicons and New CSS Features
• Resetting Inherited CSS with “Revert”
• Deep dive into the CSS :where() function
• Adding automatic dark mode to a website
• 7 New CSS Features in 2022

JavaScript

• React
  • React Arborist — A full-featured tree component for React.
  • RFC: Intent to ship React 18
  • Syncing i18n Translations Files in React App Using JavaScript
  • Use RxJS in React with Hooks
  • Building a realtime multiplayer game using React & Conflict-free replicated data types (CRDT) of Yjs.
  • Client-side routing in React with React Location
  • The best styling options for Next.js
  • Create a custom React alert message
  • Why you should use a proxy server with Create React App
• Vue
  • How to Write Vue 3 Composables for a Third-Party API Integration
  • Vue 3 lifecycle hooks with real-time example
  • The 8 best chart libraries for Vue
  • How to consume APIs with Vuex, Pinia, and Axios
• Angular
  • SEO in Angular with SSR — Part I
  • Angular Performant List Rendering
• Svelte
  • Stop Overcomplicating Web Development — Try Svelte
  • Data visualization with Svelte and D3
• Libs & Plugins
  • Introduction to Tonic — the component framework
  • ScrollMovie is the library that enables you to animate background image as you scroll the window.