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

Infinite Scroll Techniques In React

Two methods of implementing infinite scroll in React, one from the ground up, another via the use of an existing library. - https://goo.gl/HsPmDA

#react

Guide to great Form design

Forms are possibly the most important components on your business’ website. - https://goo.gl/wAcHHM

#ux

Coming to ES2018: Rest/Spread Properties

Dr. Axel wrote up some notes on the rest/spread property proposal back in 2016 but it’s now reached stage 4 and will be in ECMAScript 2018, so it’s worth revisiting. - https://goo.gl/LbJMwr

#javascript #es2018

How to Create a Fully Responsive Navbar with Flexbox

Per Harald Borgen shows how to create a navbar which adapts to various screen sizes using Flexbox. - https://goo.gl/dvPfwL

#css

How to Hand Code Scalable Vector Graphics (SVG)

You can export to SVG from drawing tools, but building graphics in a structured, code-based way has its own appeal, and with SVG being supported in every browser, it’s worth trying for your small icons and visual touches. - https://goo.gl/EzwUvz

#svg

Vue Enterprise Boilerplate

An evolving, “very opinionated” architecture and dev environment for new Vue SPA projects using Vue CLI 3. - https://goo.gl/Xmdwts

#vue

Evolving Patterns in React

A look at some of the patterns that are emerging in the React ecosystem. These patterns improve readability, code clarity, and push your code towards composition and reusability. -
https://goo.gl/m4SNyD

#react