Web Tools Weekly
What a Tool!

Issue #202  (console.clear(), Git/CLI, Productivity, Uncats)06/01/17

I have no idea why I've never thought of doing this before, but I saw this in a JS Bin tweeted by Remy Sharp (who is the creator of JS Bin). In that particular demo he's demonstrating how to set a default value (which I believe is an ES6 feature, if I'm not mistaken?):


const obj = {
  a: 1

const { b = 20, a = 10 } = obj;

console.log(a, b);

View on JS BIn

I use JS Bin all the time, and I often log stuff to the console in JS Bin. I also usually allow JS Bin to auto-run, so it's constantly running the code each time I make a change, like live reload for a code editor. One of the annoying things about this is that the console is continually updated, so it gets messy with repeated logs.

Well, what a simple solution: Add console.clear() to the top of your script so the console gets cleared every time the script runs. I know about console.clear() for use in the browser's console, but I just never thought of putting it at the top of my scripts in JS Bin.

Now on to this week's tools!
Support Web Tools Weekly on Patreon!
Monthly supporters of $10 or more will get a copy of both my JS/DOM e-books and my CSS e-book package.

Git, GitHub, and Command Line Tools

This command line interface enables you to package your Node.js project into an executable that can be run even on devices without Node.js installed.

Git Page Time-Machine
Creates an incremental visual history of a website.

A little dashboard that tries to take care of you when you're using your terminal. It tells you cute, self care things, to lower stress levels.

GitMonkey keeps your code clear of hazardous private keys.

Can clean up all of your debugging statements with a single command.

Spontaneously record what you learn without leaving the command line.

HTTP Prompt
An interactive command-line HTTP client featuring autocomplete and syntax highlighting.

GitHub Helper
Chrome extension. Helps you with reviewing code, to find issues in your pull requests on GitHub.

Productivity Tools

Chrome and Firefox extension that adds copy to clipboard buttons on every code block.

Time tracking and invoicing you can host anywhere. Full export support in multiple formats and easily extensible.

Note-taking for technical teams. Never forget great ideas or lose valuable information shared by your team.

Console Importer
Chrome extension. Import JavaScript and CSS resources from console, with one command.

Extremely simple note-taking. Lets you create your own notebook without any signup required.

A database free pastebin.

Open-source scheduling apps. Create and publish shifts for your team online.

Issue tracker and project management tool designed for development teams.

Support Web Tools Weekly on Patreon
Contribute $10 or more and get two JS/DOM e-books + my CSS e-book package.

The Uncategorizables

Turn any website into a shop. Instantly convert page visitors and social media followers into shoppers.

The ultimate Docker LAMP/LEMP Stack alternative to XAMPP.

Provides an API that helps you make POST requests via a simple url.

A free (MIT Licensed) desktop application for viewing and analyzing tabular data.

A microservice that makes adding authentication with Google and GitHub to your application easy.

Email delivery services built for developers, by developers.

Get HTTPS for free!
Takes you through the manual steps to get your free SSL certificate so you can make your own website use https.

A Tweet for Thought

Rachel Nabors with a Tweetstorm on scrolljacking from last year. Is there a case for tasteful scrolljacking?

Suggestions / Corrections

Made something? Send links via Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.

Before I Go...

Hacker News Filter is a Chrome extension that lets you automatically find out if the web page you're reading has been discussed on Hacker News.

Thanks to all for subscribing and reading!

Keep tooling,