Frontend Weekly Digest #110 (27 May–2 June 2019)

Web-development

• The W3C vs. WHATWG war is finally over
• Mobile-First Indexing by default for new domains
• Getting Started with GraphQL: It’s pretty easy!
• How !important are we?
• Replacing JavaScript: How eBay made a web app 50x faster by switching programming languages

• Performance:
  • Announcing Cloudflare Image Resizing: Simplifying Optimal Image Delivery
  • Lighthouse plugin that displays the field performance of the page for real-world Chrome users over the last 30 days.
  • Your first performance budget with Lighthouse
  • Self-Host Your Static Assets
• Accessibility:
  • The difference between keyboard and screen reader navigation
  • Color contrast accessibility tools
  • Fix 85% of your Web Accessibility issues in 5 easy steps
  • Tabindex: it rarely pays to be positive

CSS

• Utility-first CSS: Ridiculously fast front-end development for almost every design
• Using the Grid Shepherd Technique to Order Data with CSS
• Understanding CSS Variables
• Custom multiline text underline with rounded caps
• xstyled — A new way to style components
• Why we prefer CSS Custom Properties to SASS variables
• The CSS background-image property as an anti-pattern
• Using the Grid Shepherd Technique to Order Data with CSS

JavaScript

• Announcing TypeScript 3.5
• Why I’m still using jQuery in 2019
• The Fastest Way to Render the DOM

• Theory:
  • 5 Ways to Convert a Value to String in JavaScript
  • Functional JavaScript: Five ways to calculate an average with array reduce
  • Implementing Private Variables In JavaScript
• React:
  • React 16 + Three.js integration tips (2019)
  • Typing React (1) — Basic
  • zoom-level — A comprehensive cross-browser package that allow you to determine page’s and element’s zoom level
  • Returning null from setState in React 16
• Angular:
  • Version 8 of Angular — Smaller bundles, CLI APIs, and alignment with the ecosystem
  • Angular & RxJS: Detecting Memory Leaks
  • Checking out Angular’s CDK portals
  •
• Ember.js:
  • Ember 3.10 Released
  • Ember-data: Turn Frustration 🤬 into Celebration 🎉
  • Conditionally Wrapping Components with Ember.js
• VueJS:
  • How to Build a Chrome Extension with Vue
  • Vue.js meets bootstrap: New project Vootstrap presented
  • Class Components in Vue are No Longer Happening
  • tiptap: a renderless and extendable rich-text editor for Vue.js
• Libs & Plugins:
  • Zdog — Round, flat, designer-friendly pseudo-3D engine for canvas & SVG
  • atomico — Small library for the creation of interfaces based on web-components, only using functions and hooks.
  • Scene.js is JavaScript & CSS timeline-based animation library
  • pickr: a flat, simple, responsive and hackable Color-Picker library.

Browsers

• What’s New In DevTools (Chrome 76)
• A wave of malware add-ons hit the Mozilla Firefox Extensions Store
• Google Now Forces Microsoft Edge Preview Users to Use Chrome for the Modern YouTube Experience
• Before Netscape: The forgotten Web browsers of the early 1990s