FRONT-END WEEKLY DIGEST (January 6 - January 12, 2019)

Make sure to check our most recent selection of the top frontend industry news and updates. We have covered the key insights on CSS, HTML, and JavaScript for you to stay on top of the industry happenings.

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

  • Smaller HTML Payloads with Service Workers
  • Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]
  • Year in Web Performance: 2019
  • 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
• 2019 JavaScript Rising Stars
• How to move your project to TypeScript - at your own pace
• 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
  • craft.js - A React Framework for building extensible drag and drop page editors
  • 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 No. 130
  • 6 Tips For Transitioning To Ember CSS Modules

Browsers

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