Frontend Weekly Digest #219 (12–18 July 2021)

Web-development

• Building a breadcrumbs component
• Building an accessible image comparison web component
• The Ultimate Guide to Browser-Side Storage
• Rock the Stage with a Smooth WebGL Shader Transformation on Scroll
• Lawsuits Over Digital Accessibility for People With Disabilities Are Rising
• The performance effects of too much lazy-loading
• Simulating real users in the lab to debug CLS issues

CSS

• Refactoring CSS: Introduction (Part 1)
• Detecting media query support in CSS and JavaScript
• What’s the difference between the alignment values of start, flex-start, and self-start?
• Of Course We Can Make a CSS-Only Clock That Tells the Current Time!
• Designing for the Unexpected
• Build Complex CSS Transitions using Custom Properties and cubic-bezier()
• A CSS carousel with snapping points and a scroll-linked navigation
• gridless.design: get rid of grid

JavaScript

• Functional Programming with JavaScript
• Exploring Next.js 11: What Is New
• How To Migrate From jQuery To Next.js
• 5 Easy Steps To Master Currying and Higher-Order Functions in JavaScript

• React
  • One React mistake that’s slowing you down
  • How to stop re-rendering lists in React?
  • How to build a React accordion menu from scratch
• Vue
  • Three Insights I Gained While Researching Vue.js Accessibility
  • 5 Useful VueJS Tips to Improve Your Building Experience
  • VueJS — Recursive Components
• Angular
  • Router’s data with the decorator in Angular
  • Introduction to Angular Testing — Here’s how to get started
• Ember
  • The Road to Ember 4.0
  • The Ember Times — Issue №184
  • Remodeling an Ember App — Codemods and jQuery

Browsers

• Getting lively with Firefox 90
• Firefox 90 for developers