Web Tools Weekly
What a Tool!

Issue #220  (Text Editors, Media Tools, Uncats)

If you're considering submitting a tool for inclusion to Web Tools Weekly, you can do so by sending the link via Twitter. If you've been subscribed for a while, you're probably pretty familiar with the different categories of tools I include.

Most of the categories are pretty self-explanatory, but there are two that maybe some find peculiar – both of which are included in this week's issue: "Media Tools" and "Uncategorizables".

The Media Tools category has, until now, been called "Multimedia Tools". All this means is that the tools in that category are somehow related to some form of media like audio, video, or images. This can also include JavaScript charting libraries and related tools that take advantage of technologies like SVG and Canvas.

The Uncategorizables section, on the other hand, is a place where I put anything that doesn't clearly fall under any other category, but that I feel would be useful to a front-end or full-stack developer. Usually some kind of web service that's not directly related to front-end development or coding. This might even include a Node.js tool, since I don't ever include a Node category, or maybe even something WordPress-related.

That's all for this week's intro. I hope you and your family are safe this week. There are certainly many in Las Vegas, in the United States, who were not, so I didn't feel it was appropriate to do anything fun with coding in the intro. Please take care of yourselves and let's all do everything possible to treat each other like human beings.


Now on to this week's tools!
Did you buy my previous JavaScript/DOM tips book? Here's the latest one...
70 JavaScript & DOM Tips for $5 (Volume 2)
(EPUB, MOBI, and PDF)

Text Editors and Code Playgrounds

Micro
A modern and intuitive terminal-based text editor.

Sublime Text
One of the most popular code editors in the world is now at version 3+.

Oni
A NeoVim front-end UI with rich IDE-like UI integration points, drawing inspiration from VSCode, Atom, and LightTable.

Mesh
A JavaScript code editor that feels like a spreadsheet. That is, a spreadsheet UI wrapper around a text file editor.

Monokai Pro
A color scheme and customized user interface theme for Visual Studio Code, designed by the author of the original Monokai colors.

Regexly
WYSIWYG Regex playground for those who JavaScript.

HTML Editor
A simple and stable online editor to produce HTML from a WYSIWYG interface.

vim-jsx-improve
Vim plugin to support React/JSX.

vim-line-no-indicator
Vim plugin to display a simple indicator of roughly how far in the document you are, which line number alone can't tell you.

StackBlitz
Online IDE to create Angular and React projects that are immediately online and shareable via link.

CSScomb for Sublime Text
Plugin to add CSScomb, a coding style formatter for CSS, to Sublime Text.

Media Tools

src2png
Turn your source code into beautiful syntax-highlighted images. Great for presentations.

Semiotic
A data visualization framework for React. It provides three types of frames (XYFrame, ORFrame, NetworkFrame), to allow you to deploy a wide variety of charts.

Pts.js
A JavaScript library that enables you to compose and visualize points in spaces.

react-map-gl
Makes using Mapbox GL JS in React applications easy.

Number Picture
A collection of React+D3.js components for declaratively composing animated, interactive SVG visualizations.

HoloJS
Provides a framework for creating holographic apps using JavaScript and WebGL.

Media Player
A tiny, totally cross browser, accessible, fully customizable media player written in plain JavaScript.

PicoGL.js
Minimal WebGL 2 rendering library. Meant for developers who want to use the WebGL 2 rendering pipeline with a more convenient API.

sountility
A collection of useful utility libraries for the Web Audio API.

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

The Uncategorizables

Public APIs
Collection of free APIs for use in web development.

Proximi.io
Build apps that react to the physical world. Unified SDK and API to positioning, geofencing, and triggering.

Curated SEO Tools
A curated collection of SEO and marketing-related tools.

pdf-bot
Node queue API for generating PDFs using headless Chrome. Comes with a CLI, S3 storage, and webhooks for notifying subscribers about generated PDFs.

RESTool
An open source UI tool for managing RESTful APIs.

PHPBot
An automated PHP snippet butler.

Keyword Tool
SEO keyword research tool as an alternative to Google Keyword Planner.

Tonik
A WordPress starter theme to enhance your WordPress theme development workflow.

Mixfont
A fun and simple way to discover and visualize new fonts.

A Tweet for Thought

Chris Eppstein discusses unnecessary JavaScript.
 

Suggestions / Corrections

Made something? Send links via 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 write a lot of technical documentation, you might benefit from Dozuki's Tech Writing Handbook.


Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly