Web Tools Weekly
What a Tool!

Issue #258  (Learning Tools, Uncats, JS Utils, Testing)06/28/18

Advertisement via Syndicate
Are You a Superstar Programmer?
Take your programming career to the next level with a strong personal brand that befits your work. In 5 different ways, use a .TECH domain to fuel your job trajectory & welcome massive growth opportunities! Get YourName.tech at 90% OFF!
Find Out More
.TECH domains

Occasionally in this newsletter I've produced what I call a "Learning Tools" issue, which would be packed with links to interactive learning tools, books for developers, video courses, and so forth.

Lately I have so many regular tools to include that I've decided not to do the learning tools issues, at least for now. But I'm still bookmarking a lot of learning tools and I've published a few collections elsewhere. Here are two links:

18 Learning Resources for Front-end Developers
This one, published on Developer Drive, contains a slew of guides and cheat sheets covering CSS Grid, Git, Regex, React, ES6+, and more.

A Huge List of Summer Learning Resources for Front-end Devs
This one is on my personal website, and focuses mostly on video courses, books, and other interactive resources covering React, CSS Grid, JavaScript, and a few other topics.

Those two links alone should give you plenty of options over the summer months for learning something new or brushing up on something you already have a foundation in.

If you have another similar book, course, or other learning resource, feel free to respond to this email or DM me on Twitter.

Now on to this week's tools!

The Uncategorizables

.TECH Domains
Take your programming career to the next level with a strong personal brand that befits your work. Get YourName.tech at 90% OFF!   sponsored via Syndicate 

A dead simple comment engine alternative to Disqus.

A Web Hosting Manager, Linux VPS Control Panel Client Running on Windows.

Private URL shortening for teams.

A refreshing language for the front-end web. A programming language that compiles to JavaScript.

A tool for live streamers to set up their own site, chat, subscription system, and forum.

Wakamai Fondue
The tool that answers the question “what can my font do?” Upload a font and you'll get all sorts of details and info on it.

WordPress Boilerplate
All the tools you need to start building a modern WordPress theme, using all the latest front end development tools.

Design system manager and component based prototyping tool.

Allows you to install on-premise or in the cloud, a complete web based GDPR compliance tool, with Blockchain anchored chain-of-custody records.

Hand-picked webfonts for your next project.

Recommended Reading for Developers
Learning React Book   CSS Secrets Book   CSS in Depth Book

JavaScript Utilities

Vettery matches top tech talent with fast-growing companies. Take a few minutes to join the platform.    sponsored via Paved 

Another simple, tiny JavaScript/CSS loader.

Extensive math library featuring a flexible expression, a large set of built-in functions and constants, and an integrated solution to work with different data types.

Vanilla JavaScript form validation micro-library.

What Input?
A global utility for tracking the current input method (mouse, keyboard or touch).

Short and Sweet
Accessible character counter for input elements.

Template tag function that strips the leading indent from multi-line ES string templates. It also strips the first and last lines if they're just white space.

A blazing fast deep object copier.

A minimal view layer for building declarative web user interfaces.

Simple and easy selection library to enable visual DOM selection.

Markdown editor based on Slate (a framework for building rich text editors) that allows you to edit live. Supports markdown syntax and hot keys.

Do you like this newsletter? Here's an option to show your support...
Make a One-time Donation via PayPal.me/WebToolsWeekly

Testing and Debugging Tools

Have You Tried Vettery?
Vettery matches top tech talent with fast-growing companies. Take a few minutes to join the platform.     sponsored via Paved 

A generator of Jest snapshot-based tests for React components written with TypeScript.

React Lifecycle Visualizer
Package for tracing and visualizing lifecycle methods of arbitrary React components.

DevMod Developer {Mod}ule
Developer module for debugging web applications. Currently supports Angular.

Build and test software of any size, quickly and reliably.

Angular Augury
Chrome Dev Tools extension for debugging Angular 2 applications.

Helps you easily monitor all your cron jobs in a beautiful dashboard. Alerts you when your cron job doesn't run on time or if it fails.

Get performance measurements from React Fiber. A small abstraction over the PerformanceObserver API that reports only the measurements that come from React.

React Testing Examples
Searchable library of testing examples for React components.

Ezoic Ad Tester
Tests ads, learns what users like, and helps you deliver better experiences to visitors.

feature queries manager
An extension to DevTools to turn off/on the CSS within @supports queries.

A zero config JavaScript linter with support for React, Flow, and Typescript.

A Tweet for Thought

Are we failing to give due credit to developers who work on smaller teams?

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...

Do you remember "pop up video" on VH1? Play is like that, but in the form of a website. How else would you learn that Vanilla Ice wrote "Ice Ice Baby" in just 30 minutes?

Thanks to all for subscribing and reading!

Keep tooling,