Web Tools #525 - JS Utilities, JSON Tools, SVG

Advertisement

It's pretty crazy the number of new features that have been released on the web platform over the past few years. Sure we can still build stuff using all the old features of HTML, CSS, and JS, but it's nice to be able to slowly incorporate new things into each project as long as browser support is strong.

The problem, of course, is keeping up with everything. Fortunately, John Rush has posted a list of 21 Mind-Blowing Web Features You Probably Haven't Heard Of over on Twitter/X.

Some of the interesting ones that you can check out on MDN are:

• HTML Dialogs
• Popover API
• Web GPU
• CSS Container Queries
• CSS color-mix()

JavaScript Utilities

@effect/schema
A library for defining and using schemas to validate and transform data in TypeScript.

driver.js
A product tour library with no dependencies that's customizable so you can create all sorts of tours, highlights, contextual help, and more.

Get Smarter In 5 Minutes With Morning Brew (It's Free)
There's a reason over 4 million people start their day with Morning Brew - the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be boring. Make your mornings more enjoyable, for free.    SPONSORED 

toad-scheduler
An in-memory TypeScript job scheduler that repeatedly executes given tasks within specified intervals of time (e. g. "each 20 seconds"). Cron syntax is also supported.

Autocomplete
An open-source, production-ready JavaScript library for building customizable autocomplete experiences for form inputs and search fields.

Clickvote
A package that lets you add upvotes, likes, and reviews to any context. Requires Redis and MongoDB, and has support for React.

cRonstrue
A JavaScript library that parses a cron expression and outputs a human readable description of the cron schedule. For example, given the expression "*/5 * * * *" it will output "Every 5 minutes".

ts-async-kit
A lightweight TypeScript library that provides an easy-to-use API for dealing with common promise-related operations such as retrying and looping.

Notion-to-MD
A Node.js package that allows you to convert Notion pages to Markdown format.

Multi-Line INI Parser
A fast INI file parser meant to support multiline strings and other syntax that uses a state-machine parser that makes it possible to support features missing from other INI parsers.

polywasm
A polyfill for WebAssembly that implements enough of the WebAssembly API to be able to run a .wasm file in a JavaScript environment that lacks a WebAssembly implementation.
 

JSON and Database Tools

DDB-Table
A strongly typed library for querying and modeling DynamoDB documents in TypeScript.

sqlite-gui
A lightweight SQLite editor for Windows powered by C++/mingw64/WinAPI.
It's small, simple, powerful, fast, and free.

Kysely
A type-safe SQL query builder for TypeScript that features autocompletion on table names, column names, aliases, etc.

Get Ahead by Playing Smart with Brilliant
Whether you’re a professional looking for an edge in your career or a lifelong learner sharpening your skills, Brilliant is the best way to learn the concepts driving the modern technological world. Stay competitive with Brilliant's hands-on lessons in math, data, and CS.   SPONSORED 

pgsql-ast-parser
A PostgreSQL syntax parser that produces a typed AST (abstract syntax tree), covering the most common syntaxes of PostgreSQL.

fastgron
A cross-platform program that makes JSON 'greppable'. It transforms JSON into discrete assignments to make it easier to grep for what you want and see the absolute 'path' to it.

Mycelite
An SQLite extension built in Rust that allows you to synchronize changes from one instance of SQLite to another (currently only supports one-way synchronization).

mongoMyAdmin
An admin front end for your mongoDB database, similar to PhpMyAdmin that boasts more features than other similar solutions.

JSON.Build
A simple online JSON formatter, validator, and visualizer that includes an editor for formatting/minifying along with a tree view option.

JJ
A Go-based command line utility that provides a fast and simple way to retrieve or update values from JSON documents, powered by GJSON and SJSON.
 

Media Tools (SVG, Images, etc.)

Iconbuddy
A search engine and management tool for 180,000+ icons from various open-source collections. You can customize the icons which are available in various formats including SVG, PNG, React JSX, and more.

svg-drawing
A simple canvas to draw SVG lines, export them, and optionally link to and "replay" your drawings (i.e. they animate exactly how you drew them).

Final2x
A native cross-platform app that allows you to enhance low resolution images to higher resolution using various machine-learning models.

VK Newsletter
I help developers grow — I share my thoughts as a CTO about building digital products, growing teams, scaling development and in general being a good technical founder.    SPONSORED 

Aniso
An interactive, open-source tool that lets you upload a media file and the tool will generate an ASCII version of the image, which you can customize via various settings.

standardized-audio-context
A cross-browser wrapper for the Web Audio API that aims to closely follow the standard.

SVG.js
A popular lightweight library for manipulating and animating SVG, with no dependencies, and close to complete coverage of the SVG spec.

Shapes
A collection of 120+ basic but unique shapes, copyable in inline SVG format.

Stock AI
Free AI-generated stock photos searchable or filterable by category. Many of these look more like artwork than photos, and you can also select which AI model to use.

upscale.media
A state-of-the-art image upscaler tool, for improving resolution and image quality, for web and mobile, and includes 45 free image upscales.

Mixkit Art
A gallery of free stock art illustrations, filterable by category and free to use in commercial projects.

On the Release Radar:

• YouTube.js – YouTube API wrapper now at version 5+
• wavesurfer.js – Audio visualization library now at version 7+
• Iconoir – Icon library for React, RN, Flutter etc., now at version 6+

Commercial Apps and Classifieds

An X Post for Thought

Tracy Chou with an important question and follow-up discussion on the problem of having good documentation but having team members who don't use it.
   

Send Me Your Tools!

Made something? Reply to this email or send links via Direct Message on X @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...

Finally, a use case for the terms of services of various tech giants: Legal Lullabies. That's right, fall asleep to some dude gently reading the terms of service for either Instagram or TikTok. I assume they'll add more TOS readings later, but this should be enough to cure your insomnia.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@WebToolsWeekly
PayPal.me/WebToolsWeekly