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
How to add Facebook- and GitHub-based authentication to a Node app using the Passport authentication middleware. - https://goo.gl/K7n7FC
#nodejs
SitePoint
Passport Authentication for Node.js Applications
This article shows how Passport is used to add Facebook and GitHub authentication to a Node.js application.
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
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
freeCodeCamp
We’re nearing the 7.0 Babel release. Here’s all the cool stuff we’ve been doing.
Hey there 👋! I’m Henry, one of the maintainers on Babel.
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
Face Detection and Recognition have become an increasingly popular topic these days - https://goo.gl/7dAac8
#vue #kairos
Scotch
Building a Simple Face Recognition App with Vue.js and Kairos
Face Recognition on web never looked this easy in this in-depth article
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
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
matwrites.com
Get started with React Native and Expo in minutes • matwrites.com
Expo claims to be the fastest way to build an app. In conjunction with React Native’s flexibility and extensibility it creates a great toolkit for mobile app developers. In the one of the previous articles I have answered the question “Why is React Native…
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
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
Tips & tricks to help you adapt your Ionic app for the desktop without compromising the mobile experience. - https://goo.gl/nhkBWx
#ionic
The Official Ionic Blog
Tips & Tricks for Ionic on Desktop
This a guest post from Rodrigo Fernández, the CTO and co-founder of Savelist, an app that allows you to save and discover products from any online store, and get notified when prices or stock change.
We have been using Ionic at Savelist since the first alpha…
We have been using Ionic at Savelist since the first alpha…
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
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
vis4.net
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
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
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
Hacker Noon
5 Practical Ways To Share Code: From NPM To Lerna And Bit
How to share code between projects : 5 useful tips and tools from NPM to Lerna and Bit. 2018 is a good time to stop copy-pasting.
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
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
LogRocket
Infinite scroll techniques in React
From the ground up and using an existing library/component
Guide to great Form design
Forms are possibly the most important components on your business’ website. - https://goo.gl/wAcHHM
#ux
Forms are possibly the most important components on your business’ website. - https://goo.gl/wAcHHM
#ux
The Daily Egg
Guide to Great Form UI and UX - Crazy Egg
UI is focused on the design of every part of the form the user interacts with. How clear are your graphics? How legible is the text and copy on the form? How easy is it to click or tap on your submit button?
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
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
Per Harald Borgen shows how to create a navbar which adapts to various screen sizes using Flexbox. - https://goo.gl/dvPfwL
#css
freeCodeCamp
How to create a fully responsive navbar with Flexbox
In this article, I’ll explain how to create a navbar which adapts to various screen sizes using Flexbox along with media queries.
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
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
Web Design Envato Tuts+
How to Hand Code SVG
What You'll Be CreatingOne of the great things about scalable vector graphics (aside from their being infinitely scalable without quality loss) is that once you know the fundamentals you can...
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
An evolving, “very opinionated” architecture and dev environment for new Vue SPA projects using Vue CLI 3. - https://goo.gl/Xmdwts
#vue
GitHub
chrisvfritz/vue-enterprise-boilerplate
vue-enterprise-boilerplate - An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3.
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
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
freeCodeCamp
Evolving Patterns in React – freeCodeCamp
Let’s take a closer look at some of the patterns that are emerging in the React ecosystem. These patterns improve readability, code…
Running a Scalable, Reliable GraphQL Endpoint with Serverless
GraphQL is a novel query language that lets you provide rich data services from a single endpoint. Rigging up such an endpoint with the Serverless framework, Lambda, and DynamoDB is covered in this thorough tutorial. - https://goo.gl/a3Q1Ne
#graphQL
GraphQL is a novel query language that lets you provide rich data services from a single endpoint. Rigging up such an endpoint with the Serverless framework, Lambda, and DynamoDB is covered in this thorough tutorial. - https://goo.gl/a3Q1Ne
#graphQL
serverless
Running a scalable & reliable GraphQL endpoint with Serverless
Learn how to create GraphQL endpoints using the Serverless Framework, Lambda, DynamoDB, RDS and a REST backend.
Building a Progressive Quiz App with Vue, Vuex, and Firestore
In this tutorial you will learn how to use these technologies together, to create a progressive quiz app. - https://goo.gl/MzjoLc
#vue
In this tutorial you will learn how to use these technologies together, to create a progressive quiz app. - https://goo.gl/MzjoLc
#vue
Medium
Building a Progressive Quiz App with Vue, Vuex, and Firestore: Part 1
The Github repo is here.
How to Debug Any Problem
Duncan Riach shares some general tips on debugging that might help you refine your own process. - https://goo.gl/VY9XED
#debug
Duncan Riach shares some general tips on debugging that might help you refine your own process. - https://goo.gl/VY9XED
#debug
Hacker Noon
How to Debug Any Problem
The ability to quickly and effectively find and resolve bugs in new and established systems is one of the most valuable engineering skills…