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
Aims to be “an easily embeddable and beautiful command line interface” for Node. - https://goo.gl/ApsYP6
#nodejs #tools
GitHub
SBoudrias/Inquirer.js
Inquirer.js - A collection of common interactive command line user interfaces.
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 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
Medium
Scaffolding a NodeJS GraphQL API server
Recently, I’ve been working on a new full-stack project and I wanted to take the opportunity to try my hand at creating a GraphQL API. I…
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
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
Zach Leatherman
A Comprehensive Guide to Font Loading Strategies—zachleat.com
A post by Zach Leatherman (zachleat)
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
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
Alistapart
Faux Grid Tracks
Hack the Grid with Eric Meyer as he explores different methods for replicating a tic-tac-toe board using 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
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
Medium
Creating an animated sidebar component with Vue and Vuex
In this tutorial, we’ll use a Vuex action to trigger a state change in an application, causing a sidebar to animate in and out of view.
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
Several useful React-oriented extensions brought together into a single bundle. - https://goo.gl/VQervm
#react
Burke Knows Words
Introducing React Food Truck
There are many important questions to ask when you are building an application. Questions like: “Who are the users?”, “What browser will…
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
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
Alistapart
The Best Request Is No Request, Revisited
What’s the role of bundling in performance now that HTTP/2 is becoming more ubiquitous? Let Stefan Baumgartner help you find out.
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
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
Medium
A Pinterest Progressive Web App Performance Case Study
Pinterest’s new mobile web experience is a Progressive Web App.
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
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
KeyCDN Blog
A Look at the Improvements That TLS 1.3 Brings
TLS 1.3 is the newest version of the TLS protocol. This article takes a closer look at the improvements it brings.
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
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
Building Calibre
Debugging React performance with React 16 and Chrome Devtools.
An in depth step-by-step visual walkthrough demonstrating how to audit JavaScript runtime performance.
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
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
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
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 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
Angular Blog
Angular 5.1 & More Now Available
We are pleased to announce version 5.1.0 of Angular. This is a minor release containing several smaller features and bugfixes. We are also…
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
Specifically, the areStatesEqual option on connect calls. - https://goo.gl/HGRWV5
#redux
Medium
The most unknown redux performance trick
Regarding optimizing redux, there are some well known techniques: memoizing, using reselect for example.
How I Got Into Node: Tierney Cyren
The latest in a series looking at how prominent community members got involved with Node. Others include Rachel White and Matteo Collina, plus Myles Borins and Michael Dawson. - https://goo.gl/chsVS2
#nodejs
The latest in a series looking at how prominent community members got involved with Node. Others include Rachel White and Matteo Collina, plus Myles Borins and Michael Dawson. - https://goo.gl/chsVS2
#nodejs
Medium
How I Got Into #Node: Tierney Cyren
It took a blog post to inspire Tierney Cyren to start contributing to Node.js, and after his first PR didn’t land, he continued to be…
Getting Started with Aurelia [video]
A practical 30 minute introduction to Aurelia, a popular modular frontend framework that integrates with Web Components. - https://goo.gl/qwo7Ab
#aurelia
A practical 30 minute introduction to Aurelia, a popular modular frontend framework that integrates with Web Components. - https://goo.gl/qwo7Ab
#aurelia
YouTube
Getting Started With Aurelia JS
In this video we will build a small customer manager application using the Aurelia JS framework along with JavaScript local storage to persist the data to th...