Issue #594  (Visited Links, CSS/HTML, JSON/DB, Vue)12/05/24

In this issue, I'm implementing visited link styles for the first time since I first designed this newsletter. This was a request from a user that said it would be easier to keep track of which links were clicked.

As a result, you should see something like the image below if you've clicked one link but haven't clicked another. The regular links are the usual orange and the visited links are dark brown.

This makes sense for a newsletter like this that always features 25 links or more. This should make it easier to track what you've already visited, for example, if you start reading the newsletter but don't finish, then get back to it a few days later.

I hope this doesn't negatively affect your experience in any way. Some of the links in the newsletter (e.g. in the footer) aren't given the visited styles, to keep the more generic stuff consistent. If you notice any bugs, let me know by hitting reply!

Now on to this week's tools!
 

CSS & HTML Tools

BriCSS — A simple and customizable low-level CSS library generator, similar to Tailwind, that produces optimizes CSS output and automated interactive documentation.

just-styled — A dead simple CSS-in-JS library for React 19 or higher that has a familiar styled-components-like API and support for React Server Components.

RustyWind — A Rust-powered CLI for organizing Tailwind classes, with a number of different flags/settings to customize the output.

Add SSO the Easy Way — WorkOS helps you ship SSO and other enterprise features this afternoon. From high-quality documentation to self-serve onboarding for your customers, we remove all the unnecessary complexity for your engineers.   SPONSORED 

Tailwind Colors — All the Tailwind CSS colors in a handy cheat sheet with support for hex, HSL, RGB, and the newly-supported OKLCH for Tailwind.

i-html — A drop-in custom element that allows for dynamically importing HTML, inline, similar to an iframe except the HTML gets adopted into the page.

Vue <Transition> with Tailwind CSS — 15 copy/paste Vue snippets to build beautiful transitions with Tailwind, each customizable for settings like duration, direction, mode, shape, etc.

clean-css — A fast and efficient CSS optimizer for Node.js and modern browsers, with various settings for changing the formatting options, inline options, minify method, level of optimization, etc.

Action Table — A web component for adding sort and filtering functionality to HTML tables that's customizable using a stylesheet rather than making use of the shadow DOM.

ska-tailwind-editor — An online tool to edit Tailwind-based HTML as WordPress blocks, with ability to convert the code to blocks and preview the output, similar to the WordPress editor.

JSON Tools, Databases, etc.

Keuss — An enterprise-grade job queues solution for Node.js, backed by Redis, MongoDB, or PostgreSQL.

Triplit — A full-stack, syncing database that runs on both server and client, supports pluggable storage (IndexedDB, SQLite, Durable Objects), syncs over WebSockets, and works with your favorite framework (React, Vue, etc).

Streamline Your Entire Business with a Free CRM — HubSpot provides a comprehensive customer relationship management platform to help you grow. With powerful features to manage leads and improve customer relationships, HubSpot’s CRM is completely free, with no restrictions on users or data, making it ideal for businesses at any stage.     SPONSORED 

JSON For You — A JSON visualization and processing tool that includes graph and table view modes, structured and text comparisons, validation with error context, nested parsing, support for jq, and more.

Anyquery — A CLI tool to run SQL queries on any data source, no matter if it's a file, an API, logs, or a local app.

jsondiff — A Go-based package to compute the difference between two JSON documents as a series of RFC6902 (JSON Patch) operations.

database.build — An in-browser Postgres sandbox with AI assistance, to instantly spin up an unlimited number of Postgres databases that run directly in your browser.

SlateDB — An embedded database built on object storage that, unlike traditional LSM-tree storage engines, writes data to object storage to provide bottomless storage capacity, high durability, and easy replication.

sqlc — A Go-based package that generates type-safe code from SQL, to help catch failures before they happen, with no need to write any SQL boilerplate code.

Auto-ERD — An online entity-relationship diagram (ERD) generator that allows you to automatically design your database based on your SQL joins.

Advertisement

Vue Tools

turnstile-vue3 — A Vue3 component for integrating Cloudflare Turnstile (a CAPTCHA alternative) into your application.

reactive-vscode — A Vue solution that allows you to develop VS Code extensions using the Vue Reactivity API.

Vue 3 Signature Pad — A Vue 3-based smooth signature drawing component with 20+ props and events to customize the experience.

vue-tailwindcss-typeahead — An autocomplete component for HTML inputs, built with Vue and Tailwind, and has only a single dependency outside of Vue.

Vaxee — A simple and easy-to-use library for Vue 3 with an intuitive API and TypeScript support, to manage application state.

Nuxt Tailwind — A Tailwind CSS module for Nuxt with zero configuration required, support for CSS nesting, extendable using hooks, and more.

Grow Your Business with HubSpot's Free CRM — HubSpot offers an intuitive customer relationship management platform tailored for small businesses. Manage leads, track sales performance, and understand your customers with ease. Best of all, it’s completely free, with no limits on users or data, allowing you to store and manage up to 1,000,000 contacts.   SPONSORED 

NuxtHub Rate Limit — A solution for NuxtHub that adds rate limits to your NuxtHub API routes to protect your application from abuse and ensure fair usage of your resources.

Kitbag Router — A type-safe router for Vue apps, with support for queries, rejection handling, and better route params.

Nuxt Scripts — Plug-and-play script optimization for Nuxt apps featuring better privacy, performance, and developer experience for third-party scripts.

Commercial Apps & Classifieds