The newest digest includes: Easy Progressive Web Metrics, 8 CSS selectors DO’s and DON’Ts, An Overview of Javascript Testing in 2017, Getting Started With Chart.js: Introduction, and many more. Enjoy reading!

Web Development

• Performance:
  • Get Started With Analyzing Runtime Performance
  • Easy Progressive Web Metrics
  • Five Techniques to Lazy Load Images for Website Performance
  • Performance Testing — Tools And Waterfall Diagrams
• Slides and Videos From Render 2017: A Modern Front-End Workflow by Umar Hansa, Evaluating Technology by Jeremy Keith, Start Using CSS Grid Layouts Today by Rachel Andrew and talks
• Facebook Developer Conference: F8
• Stealing sensitive browser data with the W3C Ambient Light Sensor API
• Morphing SVG Slider – 20th Century Women
• Developer/Designer Page Layout Concept
• Mega Tags – The most complete social media meta tag generator
• A Collection & Specification for Exemplary Frontend and Backend Codebases
• What’s new in AMP by Example
• Modernizing the DOM tree in Microsoft Edge
• Improved JavaScript performance, WebAssembly, and Shared Memory in Microsoft Edge

CSS

• It’s Time To Start Using CSS Custom Properties
• Moving to a System Font Stack in 2017
• 8 CSS selectors DO’s and DON’Ts
• CSS Grid Layout – New Terminology
• CSS Grid Cheat Sheet: Your ultimate CSS grid visual guide
• Between the Lines
• The problem with atomic CSS
• Build A Strong Sass Architecture: Part 2
• Intrinsic first flexbox grid
• How we made our product more personalized with CSS Variables andReact
• Journey to Highly Effective and Maintainable CSS Media Queries
• The variable state of the browsers, early 2017
• Using flow-root today

JavaScript

• JavaScript: What excites me in 2017
• JavaScript Testing Tool Showdown: Sinon.js vs testdouble.js
• An Overview of JavaScript Testing in 2017
• JavaScript: Learn Regular Expressions for Beginners
• Building High-Quality JavaScript Tools
• Handle Mouse And Touch Input With The Pointer Events API
• Putting comments in code: the good, the bad, and the ugly.
• Responsive background images with JavaScript
• Getting Started with Three.js
• Getting Started With Chart.js: Introduction
• CSS in JS. Rockey
• ES2016+:
  • Familiarity Bias is Holding You Back: It’s Time to Embrace Arrow Functions
  • Async iterators and generators
  • You Need ES2017’s Async Functions. Here’s Why …
• React:
  • React Move – Beautifully and deterministically animate anything in react.
  • Quick Tip: How to Style React Components with styled-components
  • Choosing between React and Angular: An in-Depth Comparison
  • When Does a Project Need React?
  • Using AngularJS components & directives inside React
  • Things nobody will tell you about React.js
• Vue:
  • Let’s Build a Web App with Vue, Chart.js and an API
  • Vuejs 2 Authentication Tutorial
  • Unit testing for Vue.js and TypeScript
  • Let’s Build a Web App with Vue, Chart.js and an API
  • Building a Tic-Tac-Toe Game with Vue 2: Part 2
  • The Power of Custom Directives in Vue
  • vee-validate — simple Vue.js input validation plugin
• Angular:
  • Angular Interview Questions
  • Angular 2.0 vs Polymer
• Libs & Plugins:
  • zuck.js — A javascript library that lets you add stories EVERYWHERE.
  • forall.js — Expressive static types and invariant checks for JavaScript
  • d3-annotation — Use d3-annotation with built-in annotation types, or extend it to make custom annotations.
  • lodash-form-collector — a form collector powered by lodash that support any frontend framework
  • simple-slider — extremely lightweight JavaScript carousel micro library, 1.2kb
  • HR.js — tiny JavaScript plugin for highlighting and replacing text in the DOM