Web Tools Weekly
What a Tool!

Issue #286  (JS Book 3, JS Utilities, Productivity, Testing)

As I mentioned last week, one of the ways you can support this newsletter is by buying one of my e-books, which are usually collections of tips and articles I've published here and elsewhere.

This week I've released a brand new e-book, once again priced at just $5 USD:

JS E-Book Volume 3

This one includes 54 JS/DOM tips that have appeared in this newsletter, plus three long-form articles that appeared on my website and CSS-Tricks, covering an extensive guide to JSON, the CSSOM, and the new default parameters feature in ES6. The purchase includes EPUB, MOBI, and PDF formats.

The book is also available on Leanpub, which gives you an HTML version as well, but at a slightly higher price. You can view the full table of contents on Leanpub or on the link to my website above.

I'll get back to writing new content for the intro in the next week or two, but if you're interested in getting the last couple of years of tips all in one package, then buy a copy today!
 

Now on to this week's tools!

Buy my brand new JS/DOM e-book in EPUB, PDF, MOBI format!

JS & DOM Tips Volume 3 >

Includes 54 tips plus 3 long-form articles/guides
JavaScript E-Books

JavaScript Modules and Utilities

autoComplete.js
Pure vanilla JavaScript autocomplete library progressively designed for speed, high versatility and seamless integration with wide range of projects and systems.

Simple-Keyboard
A slick JavaScript virtual keyboard, compatible with your vanilla JavaScript, React, Angular, or Vue projects.

Pampy.js
Small dependency-free, fast pattern Matching for JavaScript.

matchit
Quickly parse and match URLs.

array-back
Isomorphic arrayify function. Takes any input and guarantees an array back.

forgJs
A JavaScript lightweight object validator.

Sortable
Dependency-free JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices.

router
A simple JavaScript router designed to solve one problem outside of any other frameworks like React, Angular, or Vue.

TNG-Hooks
Provides React-inspired 'hooks' like useState(..) for stand-alone functions.

Culori
A color library for JavaScript that works across many color spaces to offer conversion, interpolation, and color difference formulas.

Recommended Courses by Wes Bos:
Fullstack Advanced React & GraphQL   ES6 for Everyone

Productivity Tools

Jobs Done!
Online app you can use at the end of the day to make sure everything's in check and plot an outline for tomorrow.

NoteToMe
Really simple and free, cross-device note-taking app.

Coffee Chat
Sets up brief phone calls for you to trade your expertise and benefit from the knowledge of others.

Notable
Markdown-based note-taking app that doesn't suck.

POLAR
A powerful document manager for Mac, Windows, and Linux for managing web content, books, and notes and supports tagging, annotation, highlighting and keeps track of your reading progress.

Whimsical
The visual workspace. Collaborate visually and quickly using flowcharts, wireframes, and sticky notes.

giddyapp
The simplest invoicing tool for creatives. Get set up and send your first invoice in under 5 minutes.

Realtime Board
Keep your team minds synced. Simple whiteboarding platform for cross-functional team collaboration.

everyday
Simple and beautiful habit tracker. Form new habits to achieve your goals.

Timeblocks
Stay on top of your meetings with this agenda timer that allows you to define specific time blocks.

Recommended Reading for Developers
Vue.js in Action   Get Programming with JavaScript Next   Progressive Web Apps
Have you written a book for developers that's available on Amazon? Reply to this email and let me know. I'll consider including it here. No charge.

Testing and Debugging Tools

MIHTool
Helps front-end engineers to debug and optimize their web pages on iPad and iPhone.

HTTP View 
Intercept HTTP(S) with one click, explore and examine traffic up close, and discover exactly what your code is sending.

Mole
Easily create SSH tunnels. A CLI application to create SSH tunnels, forwarding a local port to a remote address through an SSH server.

progress-estimator
Logs a progress bar and estimation for how long a Promise will take to complete.

clean_logs
A better console.log for the browser. A utility that allows you to visualize complex JavaScript objects.

Puppeteer Sandbox
Headless Chrome playground to run your Puppeteer scripts.

jest-react-profiler
Jest helpers for working with the React Profiler API.

ANDI
Accessibility and Section 508 compliance testing tool.

Siteaudit
Will analyze your site and generate an audit for page speed, Lighthouse rating, and accessibility.

stylelint-order
A plugin pack of order-related linting rules for stylelint.

A Tweet for Thought

This is pretty crazy. I didn't realize this was possible. As one response put it, this is a picture that's literally worth a thousand words!
 

Send Me Your Tools!

Made something? Send links via Direct Message on 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...

If you're into nerdy coding competitions, you might want to check out the International Obfuscated JavaScript Code Contest, which runs until March 1.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly