Frontend Weekly Digest #283 (1–6 November 2022)

Web-development

• Web inventor Tim Berners-Lee wants us to ‘ignore’ Web3: ‘Web3 is not the web at all’
• Let’s Talk HTML <meta> And <link>
• What Are Micro-Frontend Web Applications?
• Can Web3 beat public cloud?
• Using web dev skills to test web dev skills
• The Difference Between Web Sockets, Web Workers, and Service Workers
• Shared element transitions or how to fight Cumulative Layout Shift
• Unreveal Effects for Content Previews

• Tools
  • A Couple Changes Coming in Chrome 108
  • Getting Started With Parcel.js: A Web Application Bundler in 2022
  • 3 alternatives to GitHub Copilot to keep an eye out for
  • Is Turbopack really 10x Faster than Vite?
• Accessibility
  • 7 tactics that benefit both accessibility and SEO
  • Designing an Accessible Future

CSS

• The New CSS Media Query Range Syntax
• Tired of focus styles applying on mouse clicks? :focus-visible is the trick.
• Why Your Friends Can’t Shut Up About TailwindCSS — And Why They Never Will
• How to make wave backgrounds in CSS
• CSS Pseudo Elements: A Definite Guide
• Scroll to Text Fragments

JavaScript

• JavaScript: Zoom like in maps for SVG/HTML
• As a Front-End Engineer: The Magic Behind “Event Emitter” in JavaScript That You Should Know About
• It’s time for a new Date API in JavaScript
• How to use Web Workers API
• Using Knack to Generate QR Codes with JavaScript
• Create a bookmarklet using Javascript

• React
  • Next.js vs React: Their Differences, and Which One to Choose
  • Implementing 3D graphics in React
  • 5 Tips to Optimize React Frontend Performance
• Vue
  • pinceau — A CSS-in-TS framework built to feel like a native Vue feature.
  • Customized drag-and-drop file uploading with Vue
  • An article comparing the design implementation of Vuex and Pinia
  • Testing a big Vue application
• Angular
  • Angular 15: Using The Directive Composition API
  • Angular VS React: Performance comparison with Google Web Vitals
  • Exploring Web Workers in Angular