This week we uncover a heated dispute on website design for iPhone X, make an overview on how the new font technologies may improve the web, reveal how to build a shopping cart with Vue 2 and Vuex, share a detailed guide to Testing React Components together with a modern Javascript cheatsheet and a lot more on CSS, JavaScript and browsers!

Web Development

• World Wide Web Consortium abandons consensus, standardizes DRM with 58.4% support, EFF resigns
• The Mega HTML5 Cheatsheet
• A Rube Goldberg Machine. An introduction to post-modern Web Development
• Generic Sensor API: Sensors For The Web! 
• Hacker News Progressive Web Apps
• Microsoft Edge Web Summit 2017, 14 videos, Microsoft Edge Web Summit Recap

• Tools:
  • Code Generator Tools Used in HTML Email Development
  • How to View and Edit CSS in Chrome Developer Tools
  • How I cut my Webpack bundle size in half

• Performance:
  • Why it’s tricky to measure Server-side Rendering performance. You’ve probably been told that server-side rendering your JavaScript framework site will boost performance. But is that the truth?
  • Performance metrics. What’s this all about?
  • Web Font Optimization at NerdWallet

• Animations:
  • Organic SVG Shape Morph Ideas
  • Getting started with the Web Animations Api

CSS

• A Historical Look at FOUT and FOIT
• How New Font Technologies Will Improve The Web
• Writing CSS with Accessibility in Mind
• Taking CSS Linting to the Next Level with Stylelint
• Intriguing CSS Level 4 Selectors
• Web truths: CSS is not real programming
• Designing Websites for iPhone X
• An event for CSS position:sticky

JavaScript

• Relicensing React, Jest, Flow, and Immutable.js
• Modern JavaScript cheatsheet
• JavaScript development is not fun for me anymore
• JavaScript ♥ C++: Modern Ways to Use C++ in JavaScript Projects

• ES2015+:
  • Finally the Promise.prototype.finally() is available. Available in Chrome/Safari and via the polyfill
  • Top five features in JavaScript ES6 Worth Masteringa>
  • Top 10 ES6 features by example
  • JavaScript Decorators

• VueJS:
  • Ask me anything, Vue.js Team
  • Upcoming TypeScript Changes in Vue 2.5
  • How to Create Filters in Vue.js with Examples
  • Vue.js 3 and other top news from Q&A event with core Vue devs
  • Build a shopping cart with Vue 2 and Vuex
  • Six random issues and their solutions in VueJS.
  • Advanced animation in Vue.js
  
• React:
  • The Problems with Redux: Can React, MobX, and Realm save us?
  • A Guide to Testing React Components
  • React license update – What does it mean for React developers?
  • To Redux or Not: the Art of Structuring State in React Apps

• Angular:
  • Angular Version 5 Release was Delayed
  • Handling Route Parameters in Angular v2+
  • The Past, Present, and Future of the Angular CLI
  • How I stopped loving Angular
  • Angular & Redux

• Libs & Plugins:
  • vuetify — Material Component Framework for Vue.js 2
  • ngraph.path — path finding in a graph
  • winamp2-js — reimplementation of Winamp 2.9 in HTML5 and Javascript
  • nanoevents — simple and tiny (119 bytes) event emitter library for JavaScript
  • bosket — collection of tree view components for front-end frameworks

Browsers

• iOS 11 rockets to over 6% internet usage in just two days
• Chrome 62 Beta: Network Quality Estimator API, OpenType variable fonts, and media capture from DOM elements
• Audio/Video Updates in Chrome 62
• Release Notes for Safari Technology Preview 40: WebAssembly support, CSS stroke, Resource/Perf/User timing 2, New Experimental Features