Frontend Weekly Digest #183 (2–8 November 2020)

Web-development

• The “Live DOM” Is Not “Slow”, “Bad”, Or “Wrong”. Web Developers Are.
• How to Animate the Details Element Using WAAPI
• Site-Speed Topography
• Internationalization And Localization For Static Sites
• Play the Chrome dino game with your gamepad

• Tools
  • How to persistently change third party web sites with browser developer tools
  • Adobe XD for Visual Studio Code
• Accessibility
  • Accessible Fonts: Please, STOP Using PX For Screen!
  • How to Find & Fix Common Website Accessibility Issues
  • What is Section 508 and why does it matter?

CSS

• Comparing Various Ways to Hide Things in CSS
• How to Write Loops with Preprocessors
• Container Queries are coming to Chromium!
• The Guide to CSS Grid
• Additive Animations in CSS
• Native CSS Masonry Layout In CSS Grid
• How to make CSS Animations
• Flow CSS Utility

JavaScript

• 24 Modern ES6 Code Snippets to Solve Practical JavaScript Problems
• LocalStorage vs. Cookies: All You Need to Know About Storing JWT Tokens Securely in the Front-End
• 7 Ways to do Dependency Injection in Functional JavaScript without a Framework
• What the f*ck JavaScript? — A list of funny and tricky JavaScript examples

• Theory
  • ES2020 Optional Chaining and Dynamic Imports Are Game-Changers. Here’s Why.
  • What Makes JavaScript JavaScript? Prototypal Inheritance
  • Getting Started with Modern JavaScript — Arrow Functions
  • ES Modules in Depth
• React
  • What’s New in Next.js V10?
  • Lazy-Loading Your React App
  • How to Build an Expandable Comment Box
  • Algebraic Effects for React Developers
• Vue
  • Inspecting a Vue application in production
  • Quick LocalStorage Usage in Vue
  • Top problems I got switching to Vue 3
• Angular
  • The Hardest Parts of Learning Angular
  • Responsive Angular Components
  • Angular Lazy Load Common Styles Specific to a Feature Module
• Ember
  • The Ember Times — Issue №167
  • Previewing revisions with ember-cli-deploy-s3-index
• Svelte
  • a first look at svelte-kit
  • What’s the deal with SvelteKit?
• Libs & Plugins
  • Simorgh — The BBC’s Open Source Single Page Application.
  • Dojo3D — An all-in-one library for 3D story telling, aimed at all ages of coder.
  • Graphery SVG — Awesome SVG wrapper library