Web Tools Weekly
What a Tool!

Issue #258  (Learning Tools, Uncats, JS Utils, Testing/Debugging)

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

YoYo
A dead simple comment engine alternative to Disqus.

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

goat
Private URL shortening for teams.

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

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

Compositor
Design system manager and component based prototyping tool.

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

Typographic
Hand-picked webfonts for your next project.

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

JavaScript Modules and Utilities

L.js
Another simple, tiny JavaScript/CSS loader.

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

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

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

fast-copy
A blazing fast deep object copier.

Ultradom
A minimal view layer for building declarative web user interfaces.

Selection.js
Simple and easy selection library to enable visual DOM selection.

slate-md-editor
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

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

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

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

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

react-performance-observer
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.

Lynt
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,
Louis
webtoolsweekly.com
@WebToolsWeekly