Web Tools #582 - CSS Tools, JSON, Databases, Uncats

Web Tools Weekly
WEB VERSION
Tools for Web Developers

Issue #582 • September 12, 2024

Advertisement

WorkOS: Modern Identity Platform for B2B SaaS
With WorkOS you can start selling to enterprises with just a few lines of code.

  • WorkOS provides a complete user management solution along with SSO, SCIM, RBAC, and Audit Logs. 
  • Modular and easy-to-use APIs allow you to finish integrating in minutes instead of months. 
  • User management is free up to 1 million MAUs and includes bot protection, MFA, roles/permissions, and more.
WorkOS

WorkOS powers some of the fastest growing startups like Perplexity, Vercel, and Webflow.

Start Integrating Today →

It's always interesting to read about how popular projects were started by their creators. In a Hacker News post a few months ago, a reader asked about the creation of htmx, which seems to only have become popular in recent years even though it's been around much longer. Also, the motivation for it to exist has been around since Ajax was first popularized way back in the mid-2000s.

GitHub Star History for htmx
GitHub star history for the popular htmx project.

Well, the creator himself chimed in with his story, which is the top comment on the post. I thought some of you would enjoy his description of events going back to 2012 up to how it exploded in popularity in 2023. And he has the visual to prove it, which I've included above!

Now on to this week's tools!
 

CSS & HTML Tools

Tailwind Generator — A collection of useful tools and generators for Tailwind to create, design, and customize all kinds of UI components using a graphical editor.

Open Graph Generator — A simple tool to generate Open Graph meta tags for any web page, to help improve SEO, social media presence, etc.

Button Stealer — A Chrome extension that automatically "steals" a button from every web page you visit, creating an inspiration gallery of button designs for future use.

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 Grid Builder — An online tool to visually build and generate code for CSS grid layouts with Tailwind classes, with options to customize columns, rows, and breakpoints.

Tailwind Grid Builder

ObsoHTML — A Node.js script designed to scan HTML, PHP, Nunjucks, Twig, JavaScript, and TypeScript files for obsolete or proprietary HTML attributes and elements.

pdf-embed — A web component that adds support for Adobe's PDF Embed API, so you can add a PDF display to your web page, controlling the size, reading experience, etc.

Orbit — A CSS framework designed specifically for building radial (or circular) user interfaces, with a small set of components and functions for making custom radial designs.

tailwindcss-3d — A Tailwind plugin to add classes for CSS transforms utilities and animations, for 3D styling in your Tailwind projects.

html-metadata — A Node.js-powered scraper and parser for extracting all HTML embedded metadata from a web page, with support for Promises and callbacks.

JSON & Database Tools

Shapeshift — A TypeScript library that maps arbitrarily structured JSON objects using vector embeddings.

sqlite-vec — An extremely small, "fast enough" vector search SQLite extension that runs anywhere, as a successor to an older project no longer maintained.

json-to-csv-export — A lightweight JavaScript function to easily generate CSV downloads of your JSON data, with ability to choose file name and header names.

graphql-request — A minimal GraphQL client supporting Node.js and browsers for scripts or simple apps.

Tech Productivity — A brief newsletter for tech workers featuring tools, apps, tips, articles, and other resources on productivity, work culture, remote work, brain science, and lots more.   SPONSORED 

typed-xlsx — A simple yet powerful library to effortlessly export any data into XLSX sheets, with the full power of type safety.

SQL Studio — A single binary, single command SQL database explorer with support for SQLite, libSQL, PostgreSQL, MySQL, and DuckDB.

SQL Studio

moleQLar — An open-source tool that simplifies the process of overlaying a GraphQL implementation over your PostgreSQL database.

DB Browser for SQLite — A high quality, visual, open-source tool with a spreadsheet-like interface designed for people who want to create, search, and edit SQLite database files.

safe-stringify — A JavaScript package that allows you to serialize objects to JSON with handling for circular references.
 
Advertisement

Gain Visibility into Your React Component Usage
Omlet helps you analyze how and where components are used across your code repositories, so you can reduce front-end tech debt & prove the value of your design system. 

See how it works.

Omlet

Measure design system adoption over time, estimate the impact of deprecating components, identify projects using legacy components, and surface similar components for consolidation. 

Try Omlet for free and have your component report ready in less than 5 minutes.

Try for Free →


 

The Uncateg­orizables

Fair Source — An alternative to closed source, allowing you to safely share access to your core products using 'fair source licenses'.

Fonts Ninja — A platform with a companion Chrome extension that lets you save and collect high quality commercial fonts with search and filter features.

Page Replica — A web service that enhances your website by prerendering, caching, and serving static versions of your pages, to help ensure accurate indexing by search engines and proper display in social media posts.

jQuery to JavaScript Converter — An online tool and CLI that finds jQuery methods from existing projects and generates vanilla JavaScript alternatives.

Manifest — A complete self-hosted backend-as-a-service that fits in a single YAML file, with a SQLite database, admin panel, REST API, and JavaScript SDK.

Manifest

Wing — A programming language for the cloud that combines infrastructure and runtime code, enabling developers to stay in creative flow, to deliver better software, faster and more securely.

Tech Productivity — A brief newsletter for tech workers featuring tools, apps, tips, articles, and other resources on productivity, work culture, remote work, brain science, and lots more.   SPONSORED 

Blocks — A Figma plugin that features a collection of ~50 best-in-class wireframing components, with drag-and-drop and a smart customization system.

SSOReader — Open-source dev tools that provides an authentication middleware layer for enterprise SSO with self-hosted or cloud options.

Bad Bot Blocker — A list of 223 .htaccess rules to block bad bots, including E-mail harvesters, content scrapers, spam bots, vulnerability scanners, surveillance bots, and more.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
DevZero – A secure cloud dev platform to centrally define specs, testing, CI, and more.
VSCode.Email – A newsletter featuring tools & articles on the world's most popular IDE.    AD 
PowerSync – A Postgres & SQLite sync engine to build local-first apps with real-time reactivity.
Pictify – Simple and robust APIs to convert HTML to image or GIF with a simple POST request.
Techpresso – Join 100,000+ free daily readers for the latest AI and tech news, tools, and insights.    AD 
Web Components Demystified – A premium course on building apps with standard web components.
Unblocked – A virtual team member that provides fast and helpful answers to codebase questions.

An X Post for Thought

The job market is pretty crazy right now, with seemingly too many candidates vying for every position. Meanwhile, things like this, which border on abuse, seem to be more and more common.
 
An X Post for Thought
 

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

If you enjoy finding new things out in nature but aren't usually sure what you're looking at, you might want to try out Seek. It's a mobile app that uses image recognition technology to identify plants and animals, with game-like features allowing you to earn badges for spotting stuff and participate in monthly observation challenges.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@LouisLazaris
PayPal.me/WebToolsWeekly

Older messages

Web Tools #581 - CSS @property, JS Utils, AI Tools, Build Tools

Thursday, September 5, 2024

WEB VERSION Issue #581 • September 5, 2024 Advertisement Data Streaming Made to Reduce Costs and Ops Burden WarpStream is an Apache Kafka-compatible data streaming platform that is 10x cheaper than

Web Tools #580 - Web Frameworks, Media/SVG Tools, VS Code

Thursday, August 29, 2024

WEB VERSION Issue #580 • August 29, 2024 Advertisement WorkOS: Modern Identity Platform for B2B SaaS With WorkOS you can start selling to enterprises with just a few lines of code. WorkOS provides a

Web Tools #579 - Omlet, JavaScript Tools, Testing, React Native, Mobile

Thursday, August 22, 2024

WEB VERSION Issue #579 • August 22, 2024 The following is a paid product review for Omlet, a component analytics platform for teams using React, to improve efficiency, adoption, and prove design system

Web Tools #578 - JS Libraries, React Tools, Uncats

Tuesday, August 20, 2024

WEB VERSION Issue #578 • August 15, 2024 Advertisement WorkOS: Modern Identity Platform for B2B SaaS With WorkOS you can start selling to enterprises with just a few lines of code. WorkOS provides a

Web Tools #577 - CSS Tools, AI Tools, JS Library Plugins

Thursday, August 8, 2024

WEB VERSION Issue #577 • August 8, 2024 Advertisement Master Dev Skills at Visual Studio Live! Join us at Visual Studio Live!, part of the groundbreaking Live! 360 Orlando Tech Con – a unique 6-in-1

You Might Also Like

Charted | Global Economic Confidence in 2025, by Country 🌎

Wednesday, December 25, 2024

While emerging markets in Asia have the strongest confidence in the global economy looking ahead, European countries are most pessimistic. View Online | Subscribe | Download Our App FEATURED STORY

Top Tech Deals 🎅 Sony Headphones, iPhone Cases, 4K Projector, and More!

Wednesday, December 25, 2024

The season of giving is upon us. How-To Geek Logo December 25, 2024 Top Tech Deals: Sony Headphones, iPhone Cases, 4K Projector, and More! The season of giving is upon us. Happy Holidays! If you're

Why the Race to AGI is Humanitys Defining Moment

Wednesday, December 25, 2024

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? 🪐 What's happening in tech today, December 25, 2024? The

Iran's Charming Kitten Deploys BellaCPP: A New C++ Variant of BellaCiao Malware

Wednesday, December 25, 2024

THN Daily Updates Newsletter cover The Data Science Handbook, 2nd Edition ($60.00 Value) FREE for a Limited Time Practical, accessible guide to becoming a data scientist, updated to include the latest

Software Testing Weekly - Issue 251

Wednesday, December 25, 2024

GitHub Copilot is free! 🤖 View on the Web Archives ISSUE 251 December 25th 2024 COMMENT Welcome to the 251st issue! In case you missed it — GitHub Copilot is free! The free version works with Visual

Daily Coding Problem: Problem #1647 [Medium]

Tuesday, December 24, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Square. In front of you is a row of N coins, with values v 1 , v 1 , ..., v n . You are

Sentiment Analysis, Topological Sort, Web Security, and More

Tuesday, December 24, 2024

Exploring Modern Sentiment Analysis Approaches in Python #661 – DECEMBER 24, 2024 VIEW IN BROWSER The PyCoder's Weekly Logo Exploring Modern Sentiment Analysis Approaches in Python What are the

🤫 Do Not Disturb Mode Is My Secret to Sanity — 8 Gadgets I Want To See Nintendo Make

Tuesday, December 24, 2024

Also: The Best Christmas Movies to Watch on Netflix, and More! How-To Geek Logo December 24, 2024 Did You Know Their association with the Christmas season might make you think poinsettias hail from a

😱 AzureEdge.net DNS Retiring Jan. 2025, 🚀 Microsoft Phi-4 AI Outperforms, 🔒 Microsoft Secure Future Initiative

Tuesday, December 24, 2024

Blog | Advertise | View Online Your trusted source for Cloud, AI and DevOps guidance with industry expert Chris Pietschmann! Phi-4: Microsoft's New Small Language Model Outperforms Giants in AI

Mapped | The Top Health Insurance Companies by State 🏥

Tuesday, December 24, 2024

In 13 US states, a single company dominates the health insurance market, holding at least half of the total market share. View Online | Subscribe | Download Our App Presented by: Global X ETFs Power