Web Tools Weekly
What a Tool!

Issue #329  (Twitter Slugs, Library Tools, Media, Uncats)11/07/19

Here's something interesting that I discovered on Twitter that might serve as a nice lesson in UI/UX: Using the link to a single tweet, you could change the value in the URL that represents the user name to any other value (including any valid user name) and the link will still direct to the correct tweet.

If that's a bit confusing, here's an example using the following Tweet URL (which is last week's Tweet for Thought):


That tweet is from Pranay Pathole and, like any tweet, it has its unique identifier (the numbers at the end) in addition to the user name where it originated. But watch what happens when I change the user name to my own Twitter handle, while maintaining the tweet ID:


When you click that link, it successfully redirects to the correct URL at Pranay's account.

It's interesting that Twitter chose to do this. Technically the latter URL above should display a 404, but I suppose since each tweet, regardless of the user name, is unique, Twitter has the ability to do this. Is there some other reason this is useful from an engineering perspective? I'm not sure, but if you have any ideas, let me know by replying to this email.

Now on to this week's tools!

JS Library Tools (Angular, etc.)

JavaScript & DOM E-Books Bundle
200+ JavaScript and DOM coding tips in 3 e-books. EPUB, MOBI, and PDF formats, with 200+ interactive CodePen demos.     promoted 

Ember Charts
A charting library built with the Ember and D3.js. Includes time series, bar, pie, and scatter charts, which are easy to extend and modify.

A lightweight yet configurable solution for implementing undo/redo in Angular apps on top of NgRx. Based on Immer (the immutable state library).

A flexible dev server for Elm. Live reload included. Features include pushstate for SPA development, proxies, and more.

An extension to Angular's loadChildren feature for lazy loading modules, allowing for more flexibility.

A lightweight translatable and customisable jQuery-based WYSIWYG editor plugin. Beautiful design, generates semantic code, comes with a powerful API.

Internationalization library for Angular with a rich API. Allows you to define translations for your content in different languages and switch between them easily at runtime.

The missing web Bluetooth module for Angular.

NG Bootstrap
Angular widgets built from the ground up using only Bootstrap 4 CSS with APIs designed for the Angular ecosystem. No 3rd party dependencies.

Angular Testing Library
Simple and complete Angular testing utilities that encourage good testing practices.

Media Tools (SVG, Video, Audio, etc.)

Tech Productivity Newsletter
A brief weekly newsletter featuring productivity tools, articles, and resources for tech pros.  promoted 

Now at version 3+ (details). 30,000+ icons in SVG, AI, PNG, SKETCH, and more.

A royalty-free stock illustration library curated by expert moderators that account for changing visual styles, high quality craftsmanship, and strong aesthetic value.

Auto Subtitle Generator
Online automatic subtitles generator and video editing platform.

MacOS app that converts images to WebP.

An image processing library written entirely in JavaScript for Node, with zero external or native dependencies.

Animated Icons
200 free animated icons exported from After Effects as JSON data, usable on mobile and web.

Online tool to redact (i.e. black out, blur, or pixelate) parts of an image.

An SVG loader component for React. Load inline, local or remote SVGs in your React components. Async requests will be cached.

Really nice online tool to customize and beautify screenshots for use in conference talks and presentations.

The Uncategorizables

Markdown Tables
iOS app to create and edit tables in Markdown (which can be a pain to remember the syntax).

Geocode API
Fast, scalable, and reliable Geocoding and Geoparsing.

A business name generator. Enter one or two words and the tool will spit out various domain name ideas related to those terms.

A Chrome extension that allows you to efficiently organize your reviews for LeetCode problems using spaced repetition.

A Web Extension (Chrome and Firefox) for saving web pages as self-extracting HTML/ZIP hybrid files.

Online tool to convert data in various formats to a shareable link that displays the data as a table.

Create your own private cloud at home in one click. Store, sync, backup, share, and access your files from anywhere.

Source Wireframe Kit
A massive high-quality collection of pixel-perfect and thoughtfully created ready-made layouts for desktop and mobile to help designers create beautiful, seamless web services.

Now at version 4+. Command line tool to optimize your web font loading. Aggressive subsetting based on your font use, self-hosting of Google fonts, and preloading.

SSH key management for teams. Manage your team's server access from a central dashboard.

A Tweet for Thought

JavaScript guru Eric Elliot on what is the best kind of code.

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

I'm a long-time fan of Penn and Teller, the famous magicians, and I recently found out that Penn used to write a regular column for a computer magazine back in the early-to-mid-90s. You can view all his articles on the Internet Archive. They are pure Penn.

Thanks to all for subscribing and reading!

Keep tooling,