Web Tools Weekly
What a Tool!

Issue #306  (Netmag Feature, Text Editors, JSON Tools, Media)05/30/19

By the time this email reaches your inbox, I'll be just finishing up a short little vacation, so there's no coding tip in this week's intro, as I'm pre-scheduling this issue.

I have been doing a lot of writing lately outside of the newsletter. Back in December I helped with a cover feature for Net Magazine, which was later published online on their sister site:

I also just finished an article on DOM API features for the LogRocket blog. By the time you get this, it should be published there. In either case, feel free to look around their blog because lately they've been regularly publishing some good content for web developers.

And in case you didn't notice, I've stopped doing "Productivity Tools" in this newsletter, because I recently started a new newsletter called Tech Productivity, where I now include all productivity tools as well as some great articles on being a productive tech worker. And in line with the theme of the newsletter, it's always brief!

Now on to this week's tools!

Text Editors, IDEs, etc.

JavaScript & DOM E-Books Bundle - $12
A collection of 200+ JavaScript and DOM API coding tips in 3 e-books. EPUB, MOBI, and PDF formats, with 200+ interactive CodePen demos. All book code and demos now updated with ES6 syntax.    promoted 

Remote Development
VSCode extension pack that lets you open any folder in a container, on a remote machine, or in WSL and take advantage of VSCode's full feature set.

A playground for GraphQL that brings a handy and flexible experience for GraphQL testing and debugging.

Niketa Theme Light
Large collection of handmade light themes for VSCode.

Real-time, responsive HTML/CSS/JS code editor in the style of CodePen or JSFiddle.

Vim editor ported to WebAssembly.

A simple modal IDE built on Neovim and VSCode extensions

An open source remote development environment serving Visual Studio Code.

Now at version 5+ (details). Mac, Windows and Linux to build responsive websites faster with live multi-page editing, CSS & Sass, Grid editor, and smart components for Bootstrap, Foundation, and WordPress.

Because Themes
Collection of four dark VSCode themes.

JSON Tools, Databases, etc.

Tech Productivity
A brief weekly newsletter for tech pros who want to get stuff done. promoted 

Query and manipulate JSON arrays easily. Powered by lodash, inspired by knex and SQL.

Stylish Graph APIs. Makes RESTful resources a first-class concept.

A log-structured <strong>temporal NoSQL document store empowered by a novel sliding snapshot versioning algorithm and a query processor.

An intelligent IDE for databases.

GraphQL Designer
Rapidly prototype a full stack React GraphQL Application.

A scalable, general-purpose database that provides efficient, fault tolerant time-series storage for environments of all sizes.

Makes it simple to create elegant Markdown documents with no server-side compilation. Use it to quickly document your projects, create tutorials, home pages, etc.

JSON storage bins that won't break your app. Set up a lightweight JSON endpoint in seconds, then add a schema to edit your data safely at any time.

Crazy Awesome JSON Viewer
Simple online tool to visualize JSON data.

Media Tools (Images, Video, etc.)

Tech Productivity
A brief weekly newsletter for tech pros who want to get stuff done. promoted 

GNU/Linux, BSD, and MacOS non-linear video editor.

Like Unsplash, but for music.

Interactive comic character creator which you can then embed in your page with some HTML, CSS, and JavaScript.

A JavaScript library for zooming images like Medium.

CC Search
Search engine for free content in the public domain and under Creative Commons licenses.

Lorem Picsum
Lorem Ipsum for photos. Use a custom URL for a specific image, custom size, grayscale, and blur.

Project creating a new language and infrastructure for writing and deploying audio code.

El Grapho
A high performance WebGL graph data visualization engine that can support millions of interactive nodes and edges in any modern browser.

Fully customizable and accessible vector icons.

Generate a chart image from a URL. Create static charts for embedding in email, SMS, reports, and more.

A Tweet for Thought

Donavon's kind reminder that it's spelled "JavaScript", not "Javascript".

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

In case you missed it, GitHub has launched its own Package Registry. which allows developers to safely publish and consume packages within your organization or with the entire world.

Thanks to all for subscribing and reading!

Keep tooling,