Changes on CSS Grid Layout in Percentages and Indefinite Height

Manuel Rego Casasnovas explains how percentage work on CSS in general and in CSS Grid Layout row tracks and gutters particularly. - http://bit.ly/2PjimKr

#css

A Complete Apollo Server with Express and GraphQL Tutorial

If you’ve wanted to dip a toe into the GraphQL ocean from the server side, this walkthrough is epic (20K words) and covers authentication, roles/permissions, subscriptions, error handling, pagination, and more. - http://bit.ly/2oBLmBW

#nodejs

Creating a Chrome Extension in 2018: The Good, the Bad and the Meh

Talks through the development lifecycle of creating an extension and lists some of the architectural gotchas. - http://bit.ly/2ww54mW

#chrome #extension

Making an Addable Angular Package Using Schematics

Let’s try to create an Angular library that’s consumable easily by making an “ng add” schematic. This library will provide a simple exported Angular Element. - http://bit.ly/2PSJ65q

#angular #schematics

Behind The Scenes of Dr. Axel’s Latest JavaScript Book

Last week, we interviewed Dr. Axel about his new book, JavaScript for Impatient Programmers. Here, he shows just what went into the process of creating it. - http://bit.ly/2LRc4zu

#javascript #book

Creating Flexible and Reusable React File Uploaders

“The Event Creation team at Eventbrite needed a React based image uploader that would provide flexibility while presenting a straightforward user interface.” Here’s how they did it. - http://bit.ly/2MLXnD9

#react

UX and HTML5: Let’s Help Users Fill In Your Mobile Form (Part 2)

This is the second part in a series on enhancing mobile forms for users. In the first part, we saw some general guidelines on how to improve form readability for mobile users, label placement and size, interaction cost and dealing with errors. - http://bit.ly/2NG06ul

#ux #ui

Advanced Effects with CSS Background Blend Modes

Learn about the background-blend-mode, mix-blend-mode and isolation properties and how they can be used to create eye-catching backgrounds and effects. - http://bit.ly/2osq5ui

#css

Cross Compiling Node.js for ARM on Ubuntu

It took him a few hours, but Chris Lea managed to work out how to cross-compile Node for a Raspberry Pi from his more powerful x86 Ubuntu system. Here’s how to do it. - http://bit.ly/2Ck0pJU

#nodejs

15 Common Rating Scales Explained

Selection can have a big impact on both the responses and interpretation - http://bit.ly/2LKpBJ5

#ui

Lazy loading components in Angular and React Applications

In this article, we will discuss how lazy loading works and differs in both Angular and React applications. We will not be discussing the various features of Angular or React, nor will we cover the setup necessary for spinning up an application with either of these technologies. - http://bit.ly/2MC3mKN

#angular #react #lazyLoading

Using the React DevTools Profiler to Diagnose Performance Issues

The most recent React DevTools provides a tab for profiling, and this article covers how Netlify used this profiler to fix a long-standing performance issue in their client-side code. - http://bit.ly/2Q3FNZl

#react #devTools

OffscreenCanvas: Speed up Your Canvas Operations with a Web Worker

OffscreenCanvasAPI is available as of Chrome 69 and could provide a way to boost graphics rendering performance in your web apps. - http://bit.ly/2C3PdRB

#offscreenCanvas

More Than a Billion Downloads of Node.js

We mentioned this a few issues back, but here are some more stats to dig into. - http://bit.ly/2PyCpou

#nodejs

Game changing Features of Angular v6

With the release of Angular 6 several amazing new features were introduced. These changes synchronizes the major version number of the angular framework, angular CLI and Angular Material + CDK. With an exception to a small change in RxJS, there are no major breaking changes in this version of Angular. Let us examine these new features in greater detail. - http://bit.ly/2QcJUlZ

#angular

Complex Numbers in JavaScript

I hope you like math! This is a neat walkthrough of calculating the dot product of two complex vectors with JS. - http://bit.ly/2oyW5Nd

#javascript

Using CSS Transforms in the Real World

How to adjust elements vertically, create nice-looking arrows, build loading animations and create flip animations. - http://bit.ly/2N6MATt

#css

React 16.3 Lifecycle Methods - http://bit.ly/2wBjRvM

#react

Can I Use.? CSS’s 'justify-content: space-evenly'

justify-content: space-evenly distributes the space between items evenly with equal space on the edges, unlike space-around. It’s supported by most browsers now. - http://bit.ly/2NADYBF

#css

The Front-End Performance Checklist

An extensive list of things you should check or at least be aware of as a front-end developer trying to make your sites work as fast as possible. - http://bit.ly/2wT6yYz

#frontend #checklist

Avoiding Common Hurdles in Unit Testing

Mostly oriented around mocking in tricky situations. - http://bit.ly/2CeJxVc

#nodejs