Frontend Weekly Digest #203 (22–28 March 2021)

Web-development

• A Deep Dive Into Eleventy Static Site Generator
• Emoji under the hood
• The End of AMP
• Not Your Typical Horizontal Rules
• Interactive Web Components Are Easier Than You Think
• Understanding Bootstrap 5 Layout, Bootstrap 5 Beta 3
• 5 Different Tools for Frontend Monitoring
• Going Headless: Use Cases And What It’s Good For

• Security
  • How the Web Audio API is used for browser fingerprinting
  • Hidden OAuth attack vectors
  • Have We Lost The Privacy Battle To Supercookies?
  • security.txt: A proposed standard which allows websites to define security policies.
• Performance
  • How To Boost Media Performance On A Budget
  • How to Improve CSS Performance
  • 4 Tools to Measure Core Web Vitals
  • Who has the fastest F1 website in 2021? Part 1: Methodology & Alpha Tauri, Part 2: Alfa Romeo
• Accessibility
  • A11y Style Guide
  • A Complete Guide To Accessible Front-End Components
  • Automated accessibility testing: Leveraging GitHub Actions and pa11y-ci with axe
  • JS Party — Episode #167: 10 a11y mistakes to avoid

CSS

• Compat2021: Eliminating five top compatibility pain points on the web
• Taming Blend Modes: `difference` and `exclusion`
• Top 4 Tailwind CSS alternatives for 2021
• Handling Text Over Images in CSS
• Animating Underlines
• Under-Engineered Select Menus
• Image Fragmentation Effect With CSS Masks and Custom Properties

JavaScript

• Human-Readable JavaScript: A Tale of Two Experts
• Building a geolocation widget
• Top JavaScript (JS) Trends to Watch in 2021
• JavaScript SEO: Best Practices and Debugging Tools
• The Most Cursed JavaScript
• New ES2021 features you may have missed

• React
  • Simple tips for writing clean React components
  • Data Visualization: Build React Graphs the Easy Way
  • React + D3.js
  • How to Build Accordion In React From Scratch Without Using Any External Library
  • The advanced guide to React Context with hooks.
• Vue
  • Reactivity In Vue
  • Rewriting Nuxt Hacker News with Fastify, Vite and Vue 3
• Angular
  • How we make our base components more flexible: controllers concept in Angular
  • Angular lifecycle hooks explained
• Ember
  • The Ember Times — Issue №176
  • Introducing: Glint, a typed-template solution for GlimmerX and Ember
• Svelte
  • SvelteKit is in public beta
  • Build a desktop app with Electron and Svelte
  • How to Build a Website with Svelte and Sveltekit
• Libs & Plugins
  • What’s new in SocketIO 4?
  • wordwrapjs — Word-wrapping for javascript.
  • jsep — a tiny JavaScript expression parser