Should I use system fonts or web fonts?

Web fonts were an amazing step forward towards creating a more beautifully designed web. No longer were we restrained by the handful of choices that “Web Safe” fonts provided us, we now had the ability to bring just about any typeface to the web in the knowledge that everyone would see the same thing. - https://goo.gl/bYQzPH

#css #fonts

Monitoring App Performance with 2 New Node APIs

Building a tool to monitor Node app performance is easy with the Async Hooks and Performance Hooks APIs. Learn how in this tutorial. - https://goo.gl/6Xqh4n

#nodejs

Mocking Vuex in Vue Unit Tests

In this interesting article, Lachlan Miller explains why you should avoid using Vuex in component tests. He presents his own best practices that he discovered while working on several large Vue/Vuex applications. - https://goo.gl/odt7hp

#vuex #testing

Inquirer.js: A Collection of Common Interactive CLI Controls

Aims to be “an easily embeddable and beautiful command line interface” for Node. - https://goo.gl/ApsYP6

#nodejs #tools

Scaffolding a GraphQL API Server with Node

A walkthrough of the various pieces you need to bring together to build a Node server that can speak GraphQL. - https://goo.gl/6XC9eQ

#graphql #nodejs

A Comprehensive Guide to Font Loading Strategies

A golden-oldie set of pros, cons and helpful tips spanning the various ways of loading Web fonts on your site. - https://goo.gl/FoqRo9

#font #guide

Faux Grid Tracks

When creating layouts with CSS Grid a question that I get quite a bit is how to style the gaps between the grid items. Unfortunately, for now, this isn’t possible within the specification and none of the browsers have provided support for the styling of grid-gap yet either. The fix that I always refer to is to apply a background colour to the containing div which will show through the cracks. In this article Eric Meyer explores a few options and how they might come unstuck. - https://goo.gl/6RFv9X

#css #grid

Creating an animated sidebar component with Vue and Vuex

In this tutorial, a Vuex action is used to trigger a state change in an application, causing a sidebar to animate in and out of view. - https://goo.gl/GgEY26

#vue #sidebar

React Food Truck: A Curated Set of Extensions for VS Code

Several useful React-oriented extensions brought together into a single bundle. - https://goo.gl/VQervm

#react

The Best Request Is No Request, Revisited

HTTP/2 is more efficient in responding to a larger number of requests than its predecessor. So the question is, does the old rule of reducing requests still hold up? - https://goo.gl/eEkQj6

#http2

A Pinterest Progressive Web App Performance Case Study

Pinterest’s new mobile web experience is a Progressive Web App. This post looks at the work involved in making it work fast on mobile hardware. - https://goo.gl/iCroHd

#pwa

A Look at the Improvements TLS 1.3 Brings

Most browsers currently support TLS 1.2, defined almost 10 years ago. The next version, 1.3, is faster and more secure and can be tried in Chrome and Firefox. - https://goo.gl/ch4kDu

#tls

Debugging React Perf with React 16 and Chrome DevTools

An in depth step-by-step visual walkthrough demonstrating how to audit JavaScript runtime performance and find slow rendering components. -
https://goo.gl/R1xfXQ

#react #debugging

Optimizing CSS: Tweaking Animation Performance with DevTools

Maria Antonietta Perna explores the Performance Tool available in the Firefox to find out more about CSS animation performance. - https://goo.gl/uJec5x

#css #animation #performance

Passing Data Between Pages in an Ionic App - https://goo.gl/HaKwHd

#ionic

A Content Slider

I really dislike content sliders… or more to the point I really don’t like carousels. On one of the last clients I worked with they’re previous agency had built them a homepage carousel where each of the carousel items contained another carousel. FFS. It’s not all bad though, and sometimes a carousel is a right tool for the job (like an image gallery for example). In this article, Heydon Pickering adds to his growing list of inclusive components - https://goo.gl/EtLCcG

#slider

Angular 5.1 Released

The latest (minor) version of Angular is here, plus Angular CLI 1.6 and the first stable release of Angular Material. - https://goo.gl/e1iafp

#angular5 #released

The largest Russian-speaking telegram channel of Front-End development @forwebdev publishes noteworthy news and helpful articles for Front-End developers.

The 'Most Unknown' Redux Performance Trick?

Specifically, the areStatesEqual option on connect calls. - https://goo.gl/HGRWV5

#redux