Frontend Weekly Digest #220 (19–25 July 2021)

Web-development

• Handsfree Websites
• Web Features That May Not Work As You’d Expect
• A Step-By-Step Process for Turning Designs Into Code
• Web Authentication: Cookies vs. Tokens
• The State of Developer Ecosystem 2021
• Not a Checklist: Building Accessibility Compliance into Your Business Processes

CSS

• CSS Box Model Properties — Explained With Examples ✨
• Custom properties and @property
• Prevent unwanted Layout Shifts caused by Scrollbars with the scrollbar-gutter CSS property
• A natural shadow with SVG filters
• Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines
• How to Improve Web Vitals with CSS

JavaScript

• Binary Protocol for JavaScript
• URLPattern brings routing to the web platform
• WebSockets and Node.js — testing WS and SockJS by building a web app
• Svgbob — Convert your ascii diagram scribbles into happy little SVG

• React
  • Implementing scroll restoration in ecommerce React apps
  • How to use finite state machines in React? Explained by a frontend developer
  • Why you should avoid using state for computed properties
  • 5 useEffect Infinite Loop Patterns
• Vue
  • My petite-vue review
  • 25 Vue Tips You Need to Know
  • Creating a Real time chat app with Vue, Socket.io and NodeJS
• Angular
  • Angular Basics: Manipulating CSS Custom Properties with Style Binding
  • Angular self-saving dropdowns — yet another directive