Creating a Bar Graph with CSS Grid

A walkthrough of a cute way to create a basic bar graph using CSS grid layout and variables. - http://bit.ly/2lmIXcI

#css #grid

An Instagram gallery with Vue.js and CSS Grid

Building a simple gallery was surprisingly quick, thanks to Vue.js and CSS Grid - http://bit.ly/2tsITfM

#vue

JavaScript Engine Fundamentals

A fantastic writeup (with video, if preferred) looking at the key parts of major JavaScript VMs/engines and how they interact with the code you write. - http://bit.ly/2yHA9aB

#javascript

vue-wait

Complex Loader Management for Vue/Vuex and Nuxt Applications. - http://bit.ly/2Kk1i4T

#vue #component

How to Build a React Project From Scratch with Webpack 4

If you’ve been leaning on create-react-app till now but are keen to learn how to do it all from scratch, this basic walkthrough could help. - http://bit.ly/2KgCk9X

#react

Mobile-First Index: How Will It Affect You?

Google’s mobile-first index is now rolling out. So, what does it mean? - http://bit.ly/2IqHFGw

#mobile

Don’t Use The 'Placeholder' Attribute

The ‘placeholder’ attribute populates an input element with temporary text to indicate what input is expected, but it introduces issues that prevent it from being as useful as it sounds. - http://bit.ly/2yKpaxj

#css

Node 10.5 (Current) Released

Significantly, there’s now experimental support for multi-threading by way of worker threads. Support for crypto.scrypt() has also been added. - http://bit.ly/2lBdB1Q

#nodejs #release

Remaining character count in Vue.js

Often you’ll want to limit the number of characters a user can put into an input field such as a textarea. - http://bit.ly/2KlILFw

#vue

Animating Images and Videos with Curtains.js

Curtains.js uses WebGL to turn images and videos into a plane that can be animated in a ‘curtain’-like way. It’s a striking effect, but be careful not to overuse it. - http://bit.ly/2ll53Mr

#shaders

CSS Media Queries: A Quick Reference and Guide - http://bit.ly/2M6opQZ

#css

Perfect Pulled Pork with React Native, Expo, and Express

An extensive tutorial of building an app to take and upload a photo of a thermometer every 30 seconds in order to smoke some meat perfectly. - http://bit.ly/2yGmjp1

#reactNative

How to setup a Cordova App using Vue.js

How setup your hybrid app step-by-step. - http://bit.ly/2Kj5YLE

#vue #cardova

Winston 3.0: A Popular Node.js Logging Solution

Winston is a very long standing project (8 years old) and has just come out of the other side of a 3 year total rewrite. - http://bit.ly/2twPRRa

#nodejs #winston

Augmented Reality for the Web with WebXR

A new WebXR AR API has been added to Chrome Canary to enable initial testing and playing about if augmented reality is your thing. - http://bit.ly/2N17ccO

#web #webXR #AR

Managing React State with Render Props

“Render props provide a flexible structure for building components in React by decoupling state and the view.” - http://bit.ly/2toukKj

#react

End-to-End Testing Single Page Apps and Node APIs

Covers most of what’s involved with being able to test SPAs and APIs with Cucumber.js and Puppeteer. - http://bit.ly/2KwMROt

#e2e #cucumber #puppeteer

Your Brain on Front-End Development

I love this article from Chris. He takes a look at a beautiful design on Dribbble and goes through how a front-end developer would look at it and build it out. Chris even uses live code pen examples to showcase how these things would be pulled out. - http://bit.ly/2tixNKi

#css

Introducing Teleport: Over-The-Air Hot Reloading and Debugging for PWAs

A dev-server proxy that enables instant hot reloading & debugging across devices, requires no client config and claims to make building and debugging PWA’s a breeze. - http://bit.ly/2Mn88Y4

#pwa

Build A Progressive Web Application With Nuxt.js - http://bit.ly/2lxY3fx