Frontend Weekly Digest #200 (1–7 March 2021)

Web-development

• The State Of Mobile And Why Mobile Web Testing Matters
• A clueless newbie’s guide to headless CMS and the Jamstack
• 7 Useful HTML Attributes that You Probably Don’t Know
• How to Develop and Test a Mobile-First Design in 2021
• Dynamic meta tags for bots and crawlers using Firebase and Cloudflare Workers

• Tools
  • What’s new in Snowpack v3
  • Unicode Range Interchange
  • Google Fonts ❤️ Material Icons. Google Fonts now supports open source icons, starting with the Material Design icon set
• Performance
  • The Best Font Loading Strategies and How to Execute Them
  • Cloudflare Worker recipes for frontend performance testing
• Accessibility
  • Tips for Building Accessible Design Systems
  • An Accessible Current Page Navigation State
• Effects
  • How to Animate the Details Element
  • Circular SVG Text Animation
  • Using GSAP 3 for web animation

CSS

• A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation
• The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2)
• Stop Using Icon Fonts
• How to Map Mouse Position in CSS
• Exploring @property and its Animating Powers
• The Importance of Learning CSS
• CSS ONLY Semantic Animated Accordion
• The “Gray Dead Zone” of Gradients
• Responsive Images: Different Techniques and Tactics
• CSS Grid Cheat Sheet Illustrated in 2021🎖️
• The latest features of CSS in 2021

JavaScript

• 5 Common JavaScript Memory Mistakes
• How an Anti-TypeScript “JavaScript Developer” Like Me Became a TypeScript Fan
• The Dark Side of Javascript: A Look at 3 Features You Never Want to Use
• Control the behavior of JavaScript imports with Import Maps
• Gyro-web: Accessing the device orientation in JavaScript

• Releases
  • Electron 12.0.0
  • Introducing Gatsby 3.0 — Faster in Every Way that Matters
  • jQuery 3.6.0 Released!
• React
  • The 7 Traits of a Rock Star React Developer
  • Low-Level Charts in React
  • Smart Optimization Techniques: Lazy Loading with React
  • First look at Aleph.js: A new React framework in Deno
  • Just Say No to Excessive Re-Rendering in React
• Vue
  • All about the Vue CLI
  • Creating an Audio Powered 8 Puzzle in Vue.js for Evanescence
• Angular
  • Understanding Angular View Encapsulation
  • Introduction to Angular Best Practices
  • The Complete Guide to Angular Security
  • Angular Universal: real app problems
  • View State Selector — Angular design pattern
  • Ivy’s internal data structures
• Ember
  • The Ember Times — Issue №174
  • 2021 Ember.js Community Survey
• Svelte
  • Webinar Recording: Getting Started With Svelte in WebStorm
  • A Svelte store for prefers-reduced-motion

Browsers

• WordPress Considers Dropping Support for IE 11
• Drupal core is dropping support for Internet Explorer 11 in Drupal 10