Issue #576 (JS Utils, Media, Uncats)08/01/24
Front-end Dev Cut Code Review Time & Bugs in Half
CodeRabbit is an AI powered code reviewer that elevates the code quality while significantly reducing the time and efforts of web developers. It works with a broad range of programming languages and scripts.
Key features include:
- Codebase-aware, line-by-line reviews with 1-click fixes and real-time chat
- Comprehensive pull request summaries and sequence diagrams of changes
- Automatically runs static analyzers, linters, and security tools, enhanced by Gen-AI for superior signal-to-noise ratio
Enjoy 7-days free trial for your entire organization and forever free access for OSS projects.
Start Free Trial Today →
|
JavaScript Utilities
Decode FormData — A utility that decodes complex FormData into a JavaScript object, to help avoid loss of data when using the FormData object for form submissions.
trace-record — A small utility to get the stack trace of the creation of objects, with three API methods – record(), getTrace(), and getTraceRaw().
base62 — Encode and decode strings, bytes, and integers to Base62, which is ideal for URL shortening, creating readable codes, and compact data representation.
undio — A utility to conventionally and safely convert between various JavaScript data types, with support for ArrayBuffer, Base64, Blob, DataView, Number, Array, Text, and more.
Top AI App for Front-End Devs! — See why CodeRabbit, an AI powered code reviewer, is the most installed AI app on GitHub & GitLab and the choice of 1000s of web developers. It has more than 100K repositories in review. Start your free trial today! SPONSORED
TypeSchema — A universal adapter for schema validation, to help verify the integrity of data fetched from external sources.
VFX-JS — A JavaScript library to add WebGL-powered effects to your website using customary <img> and <video> elements.
|
WeakValue — A JavaScript Map with weakly referenced values, instead of keys, with an optional onValueCollected callback.
node-xlsx — An Excel file parser and builder for Node.js, based on the popular SheetJS project and built with TypeScript.
@photostructure/tz-lookup — A fast, memory-efficient JavaScript Library for timezone lookup by location, based on latitude and longitude.
|
Media Tools (SVG, Video, etc.)
KRESKA.art — A free drawing and painting app with layer support, with a compact, Photoshop-like UI, along with its own proprietary file extension and ability to export as PNG.
Graduum — A collection of one hundred high-quality mesh gradients suitable for desktop and mobile use, in JPG format.
Shader Gradient — A design tool to create beautiful moving gradients by adding natural movements and effects to the gradient, available for Framer, Figma, and React.
PatternPad — A platform to build unlimited unique pattern designs for branding, presentations, social media posts, etc., with ability to export in SVG, PNG, or JPG formats.
HubSpot — A comprehensive CRM with powerful features to manage leads and improve customer relationships. Completely free, with no restrictions on users or data, so you can streamline and grow your business. SPONSORED
React-CRUD-Icons — A set of 67 SVG icons for CRUD applications, hand-picked Material Design Icons, packaged as a React component with light & dark themes and tooltip.
tinyworldmap — A world map library for offline-first and low-bandwidth web apps, designed to be used with Leaflet, tested to verify no discernible lag on old, low-end devices.
|
Polarr — An AI-powered photo editing app for iOS and Android that includes dozens of advanced AI enabled tools, and millions of filters.
Nucleo Free Icons — A set of open-source icons in SVG format, categorized under core essential, UI essential, social media, patterns, and more.
Trangram — A free online editor that lets you design and animate motion graphics effortlessly, with exports for MP4, WebM, GIF, PNG, WebP, and more.
|
The Uncategorizables
From Data to Viz — An interactive guide that helps you deduce the most appropriate graph for your data, with links to the code to build it, and common caveats you should avoid.
tus — An open protocol for resumable file uploads to overcome the fragility of mobile networks and the fragmented solutions in this space.
Vote Feature — A public catalog of products and features that allows builders to manage their product backlog while users search and vote for their favourite features.
vanilla-todo — A clone of the popular todo app called TeuxDeux, built in plain HTML, CSS, and JavaScript, as a case study on viable techniques for vanilla web development.
HubSpot — A comprehensive CRM with powerful features to manage leads and improve customer relationships. Completely free, with no restrictions on users or data, so you can streamline and grow your business. SPONSORED
Calcish — A Mac app that allows you to quickly do calculations, run JavaScript code, and chat with local or remote AI easily using a notebook interface.
|
Cobalt — A high-performance, small-footprint platform that implements a subset of HTML5/CSS/JS to run applications, including the YouTube TV app.
Zoraxy — A general purpose HTTP reverse proxy and forwarding tool with a simple to use interface, written in Go.
remark — A markdown processor as a CLI or API, written in JavaScript, powered by plugins, that parses and compiles markdown and lets programs process markdown without the need to compile to HTML.
IP Guide — A free and easy to use API for looking up IP, network, and ASN data, refreshed nightly from authoritative sources.
|
Commercial Apps & Classifieds
Qubinets – A SaaS platform that offers open-source data infrastructure for AI/data projects.
|
|
Omnipilot – AI everywhere on macOS. Generate emails, ask about selected text, files & images. AD
|
Embed.so – Video hosting and streaming platform so you can easily upload and embed media.
|
|
StakeWeb – A service that allows you to auto-monetize your unused domain names.
|
Techpresso – Join 100,000+ free daily readers for the latest AI and tech news, tools, and insights. AD
|
|
GriddyIcons – 900+ icons in SVG, Framer, and Figma formats, in line and solid versions.
|
Musho.ai – A Figma plugin that uses an AI prompt to assist the bulk of your design work.
|
|
|
An X Post for Thought
If you look carefully, it really does say "minimum" and one of the best answers to the question in the thread is one about escaping slashes in regex!
Send Me Your Tools!
Made something? Reply to this email or send links via Direct Message on X @LouisLazaris (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...
What Beats Rock is a really neat game that expands on the concept of rock-paper-scissors and requires a lot of creativity so you don't get stuck early.
Thanks to all for subscribing and reading!
Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris
|
|
|