Frontend Weekly Digest #170 (3–9 August 2020)

Web-development

• Breaking into web dev — The no jargon guide — Deploying your first website
• Emmet 2 for Sublime Text

• Performance
  • Learn all major functionalities on Chrome’s Performance tab and practice it with a simple React project
  • content-visibility: the new CSS property that boosts your rendering performance
  • The Algorithm Behind the Performance Score (and How to Improve Yours)
  • Preload late-discovered Hero images faster
• Accessibility
  • Making Facebook.com accessible to as many people as possible
  • Axe-core 4.0 is Here!
  • Nailing the Perfect Contrast Between Light Text and a Background Image
• Effects
  • UI Interactions & Animations Roundup #9
  • Magnetic Buttons — A small set of magnetic buttons with some fun hover animations.
  • SVG Calligraphy Handwriting Animation
  • Inspirational Websites Roundup #17

CSS

• Drop-Shadow: The Underrated CSS Filter
• Computed Values: More Than Meets the Eye
• A Lightweight Masonry Solution
• Digging Into the Flex Property
• Modern CSS grid solutions to common layout problems
• Turning pages with CSS
• Optimizing CSS for faster page loads
• CSS Vocabulary
• More Control Over CSS Borders With background-image
• font-weight: 300 con­sid­ered harm­ful (and a font­con­fig workaround)
• Super Hero Layout — Combining CSS Grid and CSS Shapes

JavaScript

• RxJS & Firebase 101
• Announcing the new TypeScript Website
• All front end Interview questions asked during my recent job hunt.
• Comparing reactivity models — React vs Vue vs Svelte vs MobX vs Solid
• 1Keys — How I Made a Piano in only 1kb of JavaScript
• Node Modules at War: Why CommonJS and ES Modules Can’t Get Along

• React
  • Making Sense of react-spring
  • A Practical Guide To Product Tours In React Apps
  • Setting Up Redux For Use In A Real-World Application
  • How Next.js can help improve SEO
  • React Performance Improvements: Make your React app Performant.
• Vue
  • Building my new website with VuePress and Bulma
  • React for Vue.js Devs: My Experience
• Angular
  • A Roadmap for Angular
  • Angular is an Onion
  • Top Features in Angular 10
  • Angular, Modules loading Strategies & Security
  • The Last Guide For Angular Change Detection You’ll Ever Need
  • Angular 10 — Towards the Better future for Angular
• Ember
  • The Ember Times — Issue №159
• Svelte
  • Svelte Radio — Amelia Wattenberger, Svelte, D3 and other fun stuff!
  • Is Svelte a cut above React ??
  • Introduction to svelte
• Libs & Plugins
  • 8 JavaScript Libraries for Better Handling Local Storage
  • jois — A small (~2kb or ~5kb with lit-html) library to help with the creation of web components and web component-based applications.