A Spell-book of Modern Web Development Resources

Dexter Yang has created a Github project called, Spellbook of Modern Web Dev, that is a massive resource of links for learning modern JavaScript web development.

“This document originated from a bunch of most commonly used links and learning resources I sent to every new web developer on our full-stack web development team”, Yang says on the project page.

Spellbook of Modern Web Dev currently contains 2000+ links to projects, tools, plugins, services, articles, books, sites, and more.

Google Launches a Data Gif Maker for Animated Visualizations

Google News Lab recently launched a Data Gif Maker tool for creating animated data visualizations.

“Data visualizations are an essential storytelling tool in journalism, and though they are often intricate, they don’t have to be complex.”, Simon Rogers, Data Editor at Google News Labs said, “In fact, with the growth of mobile devices as a primary method of consuming news, data visualizations can be simple images formatted for the device they appear on.”

When you use the tool, it feels like it is in its infancy. It only supports two comparisons, and the Gif export is so slow it’s excruciating, but the results look good. Here is an example of taking PHP version usage stats from W3Techs:

Give it a try the next time you have a simple data set you’d like to showcase.

Hide your Mac menu bar icons with Vanilla

Vanilla is a new Mac application that hides your menu bar icons making your screen clean and minimal.

The app is free to download and use plus it has a pro version available for $3.99 that includes:

  • Completely remove menu bar items
  • Automatically hide icons after five seconds
  • Start at login

It’s not as full-featured as Bartender but for the price, it’s hard to beat. If you are looking to hide your menu bar icons, check out Vanilla.

Moon – A minimal, blazing fast JavaScript library inspired by Vue.js

Moon is a minimal and fast library for building user interfaces. Its syntax is similar to Vue.js but it weighs in at only 6kb and reports 102 repaints/sec which is almost double Vue’s results.

Moon combines the positive aspects of popular libraries into one small package. It’s super lightweight and includes advanced optimizations to ensure fast render times. The API is small and intuitive, while still remaining powerful.

Moon differs from the existing solutions by providing a faster, yet compact library with a simple but powerful API. It uses a virtual DOM system similar to React, but includes advanced optimizations crafted specifically for Moon, similar to the Glimmer engine by the Ember team. In a variety of benchmarks, Moon has proven itself to be the fastest UI library out there.

Per the getting started guide here is a quick example of a simple Moon instance:

const app1 = new Moon({
  el: "#app1",
  data: {
    msg: "Hello Moon!"


I know there are tons of JavaScript utilities being released but I like that some are now starting to focus on the minimal side.