Web Tools Weekly
Tools for Web Developers

Issue #468  (Dev Survey, Frameworks, JSON/DB, JS Utils)07/07/22


Advertisement
Build Internal Tools 10x Faster with Retool
Retool is the fast way for developers to build and share internal tools. Teams at thousands of companies like Amazon, DoorDash, Peloton, and Brex collaborate around custom-built Retool apps to solve internal workflows.

Learn More
Retool

In case you missed it, Stack Overflow recently shared the results of their annual developer survey: Stack Overflow Developer Survey 2022.

Feel free to browse around the different categories covered, but I thought I'd share some of the highlights from the 70,000+ respondents that grabbed my attention that you might find interesting too.

Stack Overflow Developer Survey
  • Rust is the most loved language. I don't feature many Rust tools in this newsletter, but I do come across a lot of them in my research. By contrast, PHP and Objective-C are among the most "dreaded" languages. JavaScript is about the middle of the pack in this area and TypeScript is near the top of the most loved.
  • Phoenix is the most loved framework with Svelte and Deno close behind. Angular and Gatsby are among the most dreaded frameworks.
Most loved frameworks on SO survey
  • Docker and Kubernetes are the two most loved developer tools.
  • Neovim is the IDE that was voted most loved, with VS Code (the most used IDE) coming in second. NetBeans, Eclipse,  and Atom are among the most dreaded.
  • Clojure is the top-paying programming language. Respondents who use Phoenix, DynamoDB, and TextMate are also among the highest paid.
Top Paying Programming Languages on SO Survey
  • Git is easily the most-used version control tool, with more than half of respondents using version control via their code editor.
  • Notion and Slack are among the most loved collaboration tools, with Monday and Airtable among the most dreaded.
There's so much more to unpack in the results, and I'm sure many blogs and other resources will take advantage of that data to determine what types of content to cover. Be sure to check out the full survey results if you haven't done so already.

Now on to this week's tools!
 

Front-end Frameworks

Build Internal Tools 10x Faster with Retool
Retool is the fast way for developers to build and share internal tools. Teams at thousands of companies like Amazon, DoorDash, Peloton, and Brex collaborate around custom-built Retool apps to solve internal workflows.    SPONSORED 

Content Wind
A lightweight Nuxt template to build a Markdown-driven website, based on Nuxt Content, TailwindCSS and Iconify.

Bud
Not exactly a front-end template, but a full-stack extensible framework written in Go, and requires Node 14+.

threejs-andy-bolierplate

A simple starter project for building Three.js projects that includes a basic scene, a load model method, and a simple webpack setup.

Fresh
A next generation web framework, built for speed, reliability, and simplicity, that requires the Deno CLI.

Component Encyclopedia
Not a single framework, but a searchable showcase of component frameworks from various teams that you can examine, use, be inspired by, etc.

Component Encyclopedia

Hardhat Starter Kit
A repo for boilerplate code for testing, deploying, and shipping code for Chainlink, a service for securely connecting 'smart contracts'.

Kaizen
Official design system and design guidelines from Culture Amp, an employee experience platform, with a pretty healthy set of components.

r3f-next-starter
A batteries-included template for using React Three Fiber (R3F) with Next.js, based on create-r3f-app.

Tiny UI
A friendly UI component set for React that's themeable, composable, and accessible.

U.S. Web Design System
A design system for the U.S. federal government, to make it easier to build accessible, mobile-friendly government websites.

ts-nextjs-tailwind-starter
A Next.js + Tailwind CSS + TypeScript starter template packed with useful development features.

Scientific Blog Template
A blog template for science-based blogs that supports components like LaTeX, references and citations, table of contents, and more.
 

JSON Tools, Databases, etc.

The Gist
Check out The Gist, a newsletter covering all the important stuff when it comes to your personal finances and investing. Our friends at Finny break down the top money trends so you don’t have to… all in a 5-minute read twice a week.    SPONSORED 

JSON Hero
Chrome extension for JSON Hero, a JSON viewer with lots of features to browse, search, and navigate your JSON data.

Thin
An instant API for your Postgres DB. Instead of manually writing REST API endpoints or GraphQL resolvers, use a Thin Backend server to automatically get a fully featured API backend on top of your Postgres DB.

JavascriptDB
An open-source Firebase alternative that uses SQLite to help you create full-stack JavaScript apps fast.

FerretDB
An open-source MongoDB alternative, as a response to MongoDB's licensing change in 2018.

SpectaQL
A Node.js library that generates static documentation for a GraphQL schema using a variety of options.

SpectaQL

GraphQL Yoga
A fully-featured, simple to set up, performant, and extendable GraphQL JavaScript server.

YDB
An open-source distributed SQL database that combines high availability and scalability with strong consistency and ACID transactions.

termdbms
A TUI for viewing and editing databases, written in pure Go.

Trino
A fast distributed SQL query engine for big data analytics, formerly known as PrestoSQL.

sqldiff.exe
A command-line utility that displays content differences between SQLite databases.

ShareDB
A real-time database back end based on Operational Transformation (OT) of JSON documents.
 
🔎 I've moved all IDE-related tools to VSCode.Email. This week features the following and more:
  • Customizing the "Open Editors" pane in VS Code
  • A VS Code "Code Runner" to run just about any code snippet
  • Livestreams for the latest VS Code features
Check the archive for the latest issue, and subscribe for more!

JavaScript Utilities

The Gist
Check out The Gist, a newsletter covering all the important stuff when it comes to your personal finances and investing. Our friends at Finny break down the top money trends so you don’t have to… all in a 5-minute read twice a week.    SPONSORED 

email-api
TypeScript utility to send emails using Cloudflare Workers for free.

octaValidate
A tiny script to validate your HTML forms using validation rules, sophisticated regular expressions, and form input attributes.

Knobs
A set of controllers for manipulating DOM elements via CSS interactively. Possibly useful for setting up live demos, tutorials, or documentation.

Color.js
A color conversion and manipulation library from the editors of the CSS Color specifications.
 
Color.js

Nanny State
A simple, fast, and minimal state management solution written in pure JavaScript.

AutoAnimate 
A zero-config, drop-in animation utility that adds smooth transitions to your web app, compatible with React, Vue, Svelte, or any other JavaScript  app.

Parvus
An accessible, open-source image lightbox with no dependencies.

Froebel
A strictly typed TypeScript utility library that's a collection of TypeScript helper functions, like lodash, but with first-class types.

PushIn.js
A lightweight parallax effect, built with JavaScript, that simulates an interactive dolly-in or push-in animation on a web page.

TanStack Table
Headless UI for building powerful tables and datagrids for TypeScript and/or JavaScript.

wikifox.js
A restful, powerful and lightweight JavaScript library for connecting to the Wikipedia API.

CasePolice
A JavaScript utility that corrects the casing on well-known brand names (GitHub not Github, TypeScript not Typescript, etc).

Commercial Apps and Classifieds

These are commercial apps (i.e. not free or limited free plan), paid classifieds, and affiliate links.

Makeswift – Make your Next.js site visually editable

AI2sql – Easily write efficient, error-free SQL without known SQL.

Tailwind Weekly – A Newsletter that levels up your Tailwind CSS skills.  AD 

UseCSV – Add CSV import functionality to your app in minutes.

StepZen – Build a GraphQL API from a REST, DB, and GraphQL backend.

BootrAils – A Ruby on Rails starter kit with admin, authentication, and more.
 

A Tweet for Thought

Ah, so that's why they call it an algorithm.

A Tweet for Thought
 

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

Here's something different for a song release: Weezer, an American rock band that's been around since the mid-90s, created a website that they call Human Record Player, where you can use your mobile device to physically "spin" Weezer's new single as if it was on a real turntable.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris