Frontend Weekly Digest #206 (12–18 April 2021)

Web-development

• A Complete Guide To HTML Email
• Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
• Slow and Steady: Converting Sentry’s Entire Frontend to TypeScript
• Wix and WordPress Tensions Rise
• Practical accessibility, part 2: Name (almost) everything

• Tools
  • Migrating from Parcel to Snowpack — build tool comparison
  • Comparing the New Generation of Build Tools
  • natto.dev — a canvas for JavaScript
  • Frontend Toolkit — Dashboard for your recurring Frontend tasks
• Performance
  • Diving Into the New Cumulative Layout Shift
  • Is WebAssembly magic performance pixie dust?
  • The Ultimate Guide to Fixing JavaScript Performance Problems in Browser DevTools
  • Real-world CSS vs. CSS-in-JS performance comparison
• Effects
  • Wobbly 2D Physics with Matter.js and Paper.js
  • Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling

CSS

• Tailwind UI: Now with React + Vue support
• Overflow Issues In CSS
• How to Leverage the Fullscreen API… and Style It
• Say Hello To CSS Container Queries
• Tailwind CSS: to use, or not to use?
• CSS is a Strongly Typed Language
• A Beginner’s Guide to the Latest Bootstrap 5 Utilities
• Use Reseter.css Instead Of Normalize and Reset.css. To Improve Cross Browser Experience.

JavaScript

• Content-aware image resizing in JavaScript
• A different approach to frontend architecture
• Working With Strings in Modern JavaScript
• JavaScript generators: The superior async/await

• React
  • The next big thing! Learn to use React Query for server-state data management
  • React Router Hooks: Exploring How They Work
  • Data Fetching Techniques with React
  • Redux isn’t dead
  • Remotion: A framework for making videos in React
  • 5 Things Every React Developer Should Know About State
• Vue
  • Building A Video Streaming App With Nuxt.js, Node And Express
  • Learn The Fundamentals Of Vue With Vue 3
  • Using provide/inject in Vue.js 3 with the Composition API
  • Three common mistakes a React developer makes in Vue
• Angular
  • Theming your Angular apps using CSS Variables — Easy Solution!
• Libs & Plugins
  • lazyfill — Polyfills on demand, only loaded when they are needed

Browsers

• New in Chrome 90
• QUIC and HTTP/3 Support now in Firefox Nightly and Beta
• Firefox 88 says goodbye to FTP
• WebKit: Introducing CSS Grid Inspector