Frontend Weekly Digest #100 (11–17 Mar 2019)

Web-Development

• A JavaScript-Free Frontend
• Planning for Responsive Images
• 30 years ago the world changed forever
• KV Storage: the Web’s First Built-in Module
• Accessibility insights is a new #a11y testing tool that gives you fast and actionable information about accessibility problems in your products
• Add first-class support for differential script loading

• Performance:
  • Announcing Lite Pages for Chrome: a faster loading experience for users on *very* slow networks. Opt-in via Data Saver for smarter server pre-rendering & prioritization of page sub-resources. Works on HTTPS.
  • Making Sense of Chrome Lite Pages
• Tools:
  • Sublime Text 3.2 Is Out! Git Integrated and Still Blazing Fast
  • How to Use Chrome as an IDE

CSS

• WebP in CSS — PostCSS plugin and tiny JS script (128 bytes) to use WebP in CSS background
• How You Can Get Started with CSS Grid
• Designing An Aspect Ratio Unit For CSS
• CSS debugging is hard
• if statements and for loops in CSS
• How to manipulate CSS colors with JavaScript
• Redesigning Our Docs — Part 4 — Building a Scalable CSS Architecture
• Why can’t I set the font size of a visited link?
• Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements
• Getting started with PostCSS in 2019
• Moving Underline Nav Menu

JavaScript

• Node.js Foundation and JS Foundation Merge to Form OpenJS Foundation
• Update on Experimental Features in Node.js
• GraphQL in Depth: What, Why, and How
• How I ruined my JavaScript code and still won the Coding Challenge
• JavaScript in 14 minutes

• Theory:
  • Converting Callbacks to Promises
  • When “Zoë” !== “Zoë”. Or why you need to normalize Unicode strings
  • 7 Tricks with Resting and Spreading JavaScript Objects
• VueJS:
  • How to Replace jQuery with Vue
  • How to set up responsive UI search in Vue.js
  • Vue a11y — Vue.js community project to improve web accessibility.
• React:
  • React Hooks: How to Get Started & Build Your Own
  • Add Animations to React Apps with React-Lottie
  • Optimal file structure for React applications
  • You don’t need a fancy framework to use GraphQL with React
• Angular:
  • Automatically upgrade lazy-loaded modules for Ivy!
  • Implementing File Upload Using Node and Angular
  • Building Angular and React Applications Together With Nx
• Libs & Plugins:
  • Why you shouldn’t use Moment.js…
  • promise-utils: Lodash-like, dependency-free utilities for native ES6 promises
  • async parallel/serial foreach in JavaScript
  • lax.js — Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scroll