Frontend Weekly Digest #140 (6 –12 January 2020)

Web-development

• npm Security 2019 in Review
• Getting Started with Front End Testing
• Simple Image Placeholders with SVG
• Why You Should Choose HTML5 <article> Over <section>

• Performance
  • Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]
  • Year in Web Performance: 2019
  • Smaller HTML Payloads with Service Workers
  • Performance Budgets, Pragmatically
  • Things I’ve Learnt Optimizing Our Build Time
• Effects
  • Awesome Demos Roundup #12
  • How to animate SVG signature
  • Playing with Texture Projection in Three.js

CSS

• prefers-color-scheme: CSS Media Query
• How to Stack Elements in CSS
• Get Moving (or not) with CSS Motion Path
• CSS-Only Carousel
• Multi-Thumb Sliders: Particular Two-Thumb Case
• Multi-Thumb Sliders: General Case
• Using easing for more than just CSS transitions
• Understanding CSS Grid: Grid Lines
• 7 CSS properties you had no idea about
• 13 ways to vertical center in 2020
• Hiding Elements On The Web

JavaScript

• What to Pay JavaScript Developers in 2020
• craft.js — A React Framework for building extensible drag and drop page editors
• How to move your project to TypeScript — at your own pace
• 2019 JavaScript Rising Stars
• Hopa — zero config CLI that runs JavaScript and TypeScript

• Theory
  • Reactivity in Web Frameworks (Part 1)
  • Understanding Async Await
  • JavaScript and window.postMessage()
  • NaN in JavaScript
• React
  • Beautiful React Hooks — A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development
  • Debunking the Myth: Accessibility and React
  • From create-react-app to PWA
  • New Next.js Documentation
  • ipod-classic-js — An iPod Classic built using React Hooks, TypeScript, & GraphQL
• Vue
  • Announcing Villus — A tiny and fast GraphQL Client for Vue.js
  • Handling Events with Vue.js
  • Adventures in Vue’s render function
  • The Complete Guide to Build a Full Blown Multilanguage Website with Nuxt.js
  • vue-kinesis — Easy to use Vue.js components for creating interactive animations
• Angular
  • Top New Features of Angular 9
  • A Practical Guide To Angular: Data Binding & Directive
  • How To Create And Deploy Angular Material Application
  • Scully, the First Static Site Generator for Angular
• Ember
  • The Ember Times — Issue №130
  • 6 Tips For Transitioning To Ember CSS Modules

Browsers

• Firefox 72 for Developers
• Firefox 72 — our first song of 2020
• The End of Indie Web Browsers: You Can (Not) Compete
• Google Chrome to hide notification spam starting February 2020
• Chrome to show error codes, similar to Windows BSOD screens
• Why you should have ditched IE support long ago…