A Guide to Writing Dockerfiles for Node Webapps

A step-by-step guide to writing optimized Dockerfiles for Node apps to assist in both development and deployment. - https://goo.gl/XRujqz

#nodejs #docker

Making SVG icon libraries for React apps

Nicolas Gallagher describes how to make a package of React components from a library of SVG icons. - https://goo.gl/GCksL5

#react #svg

CSS Grid Layout — Crossed Sections

Rafaela Ferro gives an introduction to CSS Grid and its potential with a practical example - https://goo.gl/rmG8j3

#css #grid

A Look at the State of Progressive Images and User Perception

We all want images to load fast: “Choosing the right image format, optimizing the quality and using responsive images are important tasks, but what can we do beyond that?” - https://goo.gl/cdsQgF

#frontEnd #images

How to Model the Behavior of Redux Apps with Statecharts

“describing states & the events that transition from one state into another is a well studied concept” and statecharts provide a way to visually represent this. - https://goo.gl/L6B7hz

#react #redux

GraphQL as an API Gateway to Microservices

In this post, you can explore something you might not have thought of before: employing GraphQL on your API gateway! Read on for the details - https://goo.gl/t74xES

#nodejs #graphQL

React vs Vue

Both React and Vue have gained a lot of attention and interest from the developer’s community for the past 3 years. - https://goo.gl/NVyUZ6

#react #vue

Drawing Better Looking Curves

I’ve recently been learning about how to draw smoother curves that look more appealing…A common technique in professional CAD and font design software is to use a visualisation technique called a curvature comb to see how sharp or flat a curve is along its path…Here’s an example of a curvature comb being used in Fontlab VI to smooth out bumpy spots in a font…To explain how this works, let’s explore how Bézier curves work using SVG and D3… -
https://goo.gl/79AUTX

#d3js

CSS Variables: Everything You Need to Know

Ohans Emmanuel created an in-depth guide to CSS Variables - https://goo.gl/GxEKjb

#css

How to Pass Props to a Component Rendered by React Router -
https://goo.gl/hiL7w7

#react #tips

HEAD: A List of Things That Go In The 'head' Element

Meta tags, link tags, Twitter card info, browser-specific directives, and more. - https://goo.gl/QYkvGL

#html

Passport Authentication for Node Apps

How to add Facebook- and GitHub-based authentication to a Node app using the Passport authentication middleware. - https://goo.gl/K7n7FC

#nodejs

Babel 7.0 Is Nearly Here: A Big Update

If you’re a Babel user, this is a must-read ‘state of the union’ type post from its creator. If you’re not? You’ll get to learn what it is, too. - https://goo.gl/4QcVig

#babel7

Building a Simple Face Recognition App with Vue.js and Kairos

Face Detection and Recognition have become an increasingly popular topic these days - https://goo.gl/7dAac8

#vue #kairos

Getting Started with React Native and Expo

Expo is a set of tools that provide an abstraction layer over common mobile development tasks (e.g. push notifications, camera, location services) when working with React Native. - https://goo.gl/LnNGbC

#reactNative

Progressive Web Apps Coming to All Chrome Platforms

…and how to try it. - https://goo.gl/RGoNyG

#pwa

Shipping System Fonts to GitHub,com

Mark Otto explains why GitHub serves the fonts based on your operating system or device. - https://goo.gl/7W9tJK

#css

Tips & Tricks for Ionic on Desktop

Tips & tricks to help you adapt your Ionic app for the desktop without compromising the mobile experience. - https://goo.gl/nhkBWx

#ionic

I wrote some code that automatically checks visualizations for non-colorblind safe colors. Here’s how it works

Earlier this week we released a new feature at Datawrapper that checks colors used in charts or maps for problems with colorblind readers. If problematic colors are found, a warning sign is shown that leads to a colorblind simulation view that helps our users find better colors. This blog post explains how the code works. Perhaps this can open a discussion for future improvement. I also hope that other tools will follow Darawrapper on this path towards more automated accessibility testing. - https://goo.gl/a64m1r

#d3js

5 Practical Ways To Share Code: From NPM to Lerna and Bit

Lerna helps you manage multiple packages stored in a single repository, while Bit lets you share code direct from any repository it’s already in. - https://goo.gl/vdRsGb

#nodejs