Web Tools #595 - JS Utilities, Testing Tools, VS Code

Advertisement

JavaScript Utilities

Khoshnus — A library that lets you animate SVG-based text with a handwritten effect, with multiple font styles, and the animations are fully configurable and customizable.

Draggable Carousel — A small library that makes carousels draggable on desktop while keeping native wheel/scroll gestures.

jet-validators — A list of common TypeScript validator functions and some useful utilities to go with them.

Omlet – React Component Usage — Dev teams use Omlet for broad visibility into component library usage. Shorten dev cycles, drive design system adoption, and maintain cleaner code. Get a free report with easy setup, in <5 minutes.    SPONSORED 

state-ref — A state management library focused on data immutability that combines proxies and the functional programming lens pattern to efficiently and safely access and modify deeply structured data.

Nano-Spawn — A small, dependency-free utility that provides a better child_process for Node.js for process execution.

@isaacs/catcher — A utility that lets you call a function and return a fallback value or undefined if it throws, to cut out the performance overhead of creating a stack trace, for cases where it won't be used anyway.

Kinesis.js — A library that offers a suite of components to create engaging animations and transformations based on user interactions like mouse movements, scroll events, and even audio input.

SmarkForm — A powerful library for creating markup-driven and extendable forms in web apps, to enhance form templates with advanced capabilities like dynamic list manipulation and context-based interactions.

Cache Decorator — A TypeScript library providing a customizable cache decorator for methods, which allows you to easily cache method results with configurable caching mechanisms.

Testing & Debugging Tools

Cronvex — An implementation of an HTTP webhook-calling cron service that allows you to send HTTP requests on a periodic schedule.

DNS Records Database — A comprehensive and extensive DNS (Domain Name System) records database with more than 4 billion records.

NoDNS — A service to quickly preview websites without changing DNS with support for subdomain-based URLs and automatic TLS/SSL.

TypeScript Console — A Chrome extension that lets you run and debug TypeScript code in Chrome's DevTools with support for the latest TypeScript features and ability to import npm packages.

Sick of Biased News? — Sign up for 1440's daily newsletter. It's free, has no biased opinions, and is only a 5-minute read.    SPONSORED 

Diff Text — An online tool to quickly find the difference between two blocks of text content with options to diff by words, characters, or lines, and you can also diff by uploading files.

What in Zod's Name? — An online resource to visually debug errors when using Zod, the popular TypeScript-first schema validation library.

Donobu — A native macOS app for engineering teams to automate 'dogfooding', or testing your product in a real-world environment, like regular users.

google-fonts-testing — A repo with test pages that can be used to do performance tests comparing Google Fonts' default embed code vs. more optimal approaches.

performance-leaderboard-pagespeed-insights — A plugin to run Lighthouse (on PageSpeed Insights) against a set of URLs, to see which site is the fastest.

Advertisement

VS Code Tools, IDEs, etc.

NPM Studio — A VS Code extension to manage your npm packages directly from the editor. Quickly find, install, update, or remove packages without touching the command line.

Rustpad — An open source collaborative text editor "based on the operational transformation algorithm". Not just for Rust, as the name implies, but you can collaborate in real time for dozens of programming languages.

Icônes — A VS Code Extension for Icônes, an Icon Explorer with instant fuzzy searching, powered by Iconify, and allows direct download of the icons in SVG format.

Sick of Biased News? — Sign up for 1440's daily newsletter. It's free, has no biased opinions, and is only a 5-minute read.   SPONSORED 

CursorChat Downloader — A VS Code extension that lets you export and view your Cursor AI chat history, browse through your past conversations, view code snippets, and save chat histories from all your workspaces.

Ctrl+Alt+Cheat — A VS Code extension that provides quick access to a wide range of cheat sheets for various programming languages including PHP, JavaScript, Vue, React, MySQL, Tailwind, Bootstrap, C++, CSS, and more.

Vim for React Developers — A mini course from someone who recently took the time to learn Vim, applying the different motions (or commands) to a React code base.

Web Visual Editor — A VS Code extension that allows you to visually edit HTML files in real time with live preview and features like element selection, zoom, drag/drop elements, and lots more.

Comment Issues — A neat little VS Code extension that allows you to automatically link issue numbers in your code comments to your repository issues.

Python Online — An online playground to compile, run, and share Python code right in your web browser with no installation or local setup required.

Commercial Apps & Classifieds