Web Tools Weekly
What a Tool!

Issue #370  (JS Tricks, Testing, Media, Uncats)08/20/20

This past week I came across a YouTube video by someone named Aaron Jack called 21 LIFE CHANGING JavaScript tricks that you'll definitely want to check out if you'd like to pick up a nice collection of JavaScript tips and suggestions. Some of the tips are fairly basic, but many are not so well known.

21 Life Changing JavaScript Trics

Aaron has over 170,000 subscribers on his channel but I had not heard of him until I'd seen that video. Based on the quality of the video, he's worth a subscribe. The video is well edited and pretty easy to follow, though he does move pretty quickly through the tips (21 tips in about the same number of minutes).

So for this week's "tip" I think that video will suffice to keep your quick tip hunger satiated for a while!

Do you like JavaScript tips? I've collected together tons of similar tips in my JS/DOM E-Books Bundle.

Now on to this week's tools!

Testing and Debugging Tools

Real-time uptime monitoring service for your site and certificates. Receive notifications via email, Slack, Telegram or SMS when a site or cert is down.

Layout Shift GIF Generator
Apparently layout shift is going to be a Google ranking factor in the future. This tool lets you test that via an animated GIF.

Fake Filler
Browser extension for quickly testing and submitting web forms with fake data.

Keep your JavaScript apps up to date. This open-source app scans your JavaScript dependencies every four hours and generates cool dashboards.

Developer productivity tool that runs your JavaScript and TypeScript tests immediately as you type, highlighting results in your IDE right next to your code.

Service that finds spelling errors, grammar errors, broken links, and other errors on your site's pages.

Test runner for JavaScript apps. A simple tool that allows you to execute JavaScript code in multiple real browsers.

ESLint plugin that ensures your architecture boundaries are respected by the elements in your project, checking folders, files structure, and import statements.

A simple and efficient, opinionated HTTP mock server that's easy to set up and configure.

A collection of short XSS payloads that can be used in different contexts.

A desktop tool for creating responsive websites that lets you test in multiple screens sizes, based on real devices and custom sizes defined by you.

The popular headless Chrome Node library is now at version 5+.

Media Tools

Tech Productivity
A brief weekly newsletter for tech professionals. Features articles, tips, and tools for improved productivity.   promoted

QR Code Renderer
A dependency-free library to render QR Codes that integrates with any UI framework and comes with a pre-built SVG renderer.

A library for the A-Frame web framework that allows you to dynamically translate HTML and CSS to A-Frame 3D for virtual reality.

Unsplash Dataset
The popular free stock photo source has now released an official dataset of 2M+ images available for research and machine learning.
Unsplash Dataset

A tiny JavaScript function that generates stereo music tracks from patterns of note and instrument data.

Easily create isometric cloud diagrams, for presentations, documentation and illustrations.

An open source photography workflow application and raw developer, a virtual light table and darkroom for photographers.

A components library for declarative construction of reactive and reusable scene graphs built with three.js.

A desktop image optimization application that supports conversion and compression between WebP, JPEG, and PNG image formats.

Pixel True Ilustrations
Illustration packs (both free and non-free) in various file formats including SVG, Lottie, GIF, AI, JSON, and more.

Story Creator
Simple online video editing for digital creators, to help make social media video creation accessible to all.

Perfect Arrows
A minimal tool and JavaScript API for drawing perfect arrows between points and shapes.

Now at version 2+. An easy to use JavaScript chart library based on D3.js.

The Uncategorizables

Feedback OK
A widget to add to your site to collect user feedback via emojis, thumbs up, text content, etc.

Toasted Analytics
Simple analytics for small projects that lets you track page views and events without wasting time on overly complicated tools.

Screenshots, mockups, and videos for your app.

A slew of PDF conversion and manipulation tools that includes at least two dozen different tools including an API, PDF merger, PDF to various format, and lots more.

A hosted changelog or product update service that provides a communication channel between your product and end-users.

Use any Google Sheets or Microsoft Excel Online spreadsheet to power a full-fledged API, no coding required.

Internet Speed Test
A simple page from Cloudflare to test your internet speed.

A powerful service to build email, PDF and image templates using React,
then generate via a simple REST API.

The simplest way to design product walkthroughs. Build interactive product tours in minutes with a user-friendly solution that doesn't require coding.

Insomnia Designer
The Collaborative API Design Tool for designing and managing OpenAPI specs.

A Tweet for Thought

A reminder that there needs to be a balance between code that's easy to write and code that's easy to read.

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

It was sad to hear about the recent Mozilla layoffs. If you're hiring, you might want to check out Mozilla Lifeboat or the main source Mozilla Talent Directory, for possibilities among those laid off.

Thanks to all for subscribing and reading!

Keep tooling,