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

Web Tools Weekly
WEB VERSION
Tools for Web Developers

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 Kafka. Discover why zero is better.

  • Zero disks. Use object storage. Eliminate local disks and reduce storage costs more than 24x.
  • Zero interzone networking fees. Never pay for replication between zones.
  • Zero ops auto-scaling. No more partition or broker rebalancing or over-provisioning.
  • Zero access. Secure by default. Run in your cloud or self-host with no cross-account access needed.
WarpStream

Create a free account (no credit card required) and get $400 in credits that never expire.

Learn More →

There's a big discussion this week over on Hacker News covering Ryan Mulligan's recent blog post: CSS @property and the New Style. The post is about CSS's new @property at-rule, which has recently gained full support across all modern browsers.

You can read the Hacker News discussion here. It's interesting how the overall response is a lot of negative feedback and people scratching their heads wondering why we're trying to do 'programming things' with CSS and 'isn't this just CSS variables?'.

As some pointed out, it's probably useful to go over the MDN article on the subject first before delving into Ryan's post.

Now on to this week's tools!
 

JavaScript Utilities

temcrypt SDK — An advanced multi-layer data evolutionary encryption mechanism that offers scalable complexity over time, and is resistant to common brute force attacks.

AIEditor — A next-generation rich text editor that's framework agnostic and includes AI-powered features, Markdown support, live collaboration, and more.

WarpStream BYOC Data Streaming — WarpStream's Bring Your Own Cloud deployment model gives you the security and data sovereignty benefits of self hosting, but without the Apache Kafka operational burdens at 10x less cost. Create a free account and get $400 in credits.   SPONSORED 

emoji-regex-xs — A regular expression to match all emoji-only symbols. It's a drop-in replacement for a similar older project but offers a 97% savings in uncompressed size.

easy-template-x — A package to generate docx (MS Word) documents from templates, in Node or in the browser.

PDFSlick — A library built on top of Mozilla's PDF.js and Zustand that enables viewing of and interaction with PDF documents in React, SolidJS, Svelte, and vanilla JavaScript.

PDFSlick

Rushlight — An experimental TypeScript package to make collaborative code editors that run on your own infrastructure using just Redis and a database.

Calendar Link — A JavaScript library to generate an event link for popular calendar services like Google Calendar, Yahoo! Calendar, Microsoft Outlook, etc.

Oslo — An open-source set of high-quality auth packages for server-side JavaScript, including packages for encoding, OTP, crypto, parsing OAuth responses, and more.

get-windows — An ESM package that gets metadata about the active window and open windows (title, ID, bounds, owner, URL, etc.), with support for macOS 10.14+, Linux, and Windows 7+.

AI & ChatGPT Tools

ai-renamer — A Node.js CLI that uses Ollama and LM Studio models (Llava, Gemma, Llama etc.) to intelligently rename files by their contents.

Token.js — An npm package that lets you integrate 200+ LLMs with one TypeScript SDK using OpenAI's format, with no proxy server required.

ell — A command-line interface for LLMs written in Bash give you the ability to ask/chat with LLMs in your terminal, is pipe friendly, among other features.

A Newsletter for VS Code Users — In case you didn't know, I also curate a weekly newsletter featuring VS Code extensions, themes, articles, tips, and more, with some extra non-VS Code links each week.   SPONSORED 

Devv AI — A next-generation AI-powered search engine for developers, with features like ability to change programming language, written language, choose LLM, select Web mode, and lots more.

tsoa — A library to build OpenAPI-compliant REST APIs using TypeScript and Node.js, featuring TypeScript controllers and models as the single source of truth for your API.

AIPure — A directory to find the latest AI tools, searchable, filterable by category (writing, image, voice, coding/dev, business, and more.

AIPure

artbox — A library of high-quality community-contributed AI-generated visuals, free to use in your projects.

AI Gateway — A fast AI gateway to simplify your LLM integrations, do you can connect, load balance, setup fallbacks and seamlessly manage 100+ AI models using a single consistent API.

Micro Agent — An AI agent that writes and fixes code for you. Just run micro-agent, give it a prompt, and it will generate a test and then iterate on code until all test cases pass.
Advertisement

Simplify Your Podcast Routine with PodSnacks
Tired of missing out on key insights from your favorite podcasts? Enter PodSnacks – the Blinkist for podcasts. PodSnacks delivers AI-generated summaries directly to your inbox.

PodSnacks

Streamline your podcast experience while saving dozens of hours of listening time. Every user can subscribe to up to 5 shows for free. Get started today and never miss an important episode of the top AI, tech, and startup shows again!

Try PodSnacks →


 

Build Tools, Bundlers, etc.

@eslint/migrate-config — A package that aids in the migration of the legacy ESLint configuration file format (.eslintrc.) to the new ESLint configuration file format (eslint.config.js).

unplugin-purge-polyfills — A tiny plugin from the Unplugin ecosystem to replace package imports with better native code (e.g. is-number, is-plain-object, is-primitve, is-regexp, is-npm, etc).

ngx-esbuild — An alternative local development environment for large Angular applications, powered by esbuild.

A Newsletter for VS Code Users — In case you didn't know, I also curate a weekly newsletter featuring VS Code extensions, themes, articles, tips, and more, with some extra non-VS Code links each week.   SPONSORED 

vite-plugin-pwa — A zero-config, extensible, Progressive Web App (PWA) framework-agnostic plugin for Vite that's tree shakable, has offline support, static asset handling, and lots more.

Mako — A fast, production-grade, zero-config web bundler based on Rust with features like HMR, code splitting, module concatenation, and more.

Mako

Perfectionist — An ESLint plugin to automatically sort and organize objects, imports, types, enums, and JSX props to ensure a clean and maintainable codebase with minimal effort.

vite-deno-plugin — A Vite plugin that can resolve Deno modules, allowing you to run Vite without a node_modules directory, with support for URL import and import map.

Farm — A fast Rust-based web bundling engine featuring incremental building, partial bundling, full pluggability, and more.

Rew — A simple runtime for CoffeeScript, allowing you to execute CoffeeScript files quickly and efficiently without pre-compilation.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
LaunchFast – A full-featured, secure, production-ready app with Remix, SQLite, shadcn/ui, auth, etc.
MailJerry – Easily migrate emails to any provider. Cloud migration with data flat rate!    AD 
Astro Themes – Free and premium themes for building websites and apps with Astro.
Frontly – A platform to generate apps with AI and edit them in a no-code drag-and-drop interface.
Techpresso – Join 100,000+ free daily readers for the latest AI and tech news, tools, and insights.    AD 
Dorik AI – An AI platform to create SEO-friendly websites from a prompt, with lots of integrations.
JitBlox – A platform to build interactive, component-based web apps online and without coding.

An X Post for Thought

A company called Augmental, which specializes in hands-free human-computer interaction, recently unveiled a new product called MouthPad, which lets the user navigate with subtle tongue movements, as demoed in this one-minute video.
 
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...

GetAnyPlant is a huge directory and resource for plant lovers. If you live in the USA, there are links to stores that carry the selected plants, should you want to buy one.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@LouisLazaris
PayPal.me/WebToolsWeekly

Older messages

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

Web Tools #576 - JavaScript Utilities, Media Tools, Uncats

Thursday, August 1, 2024

WEB VERSION Issue #576 • August 1, 2024 Advertisement Front-end Dev Cut Code Review Time & Bugs in Half CodeRabbit is an AI powered code reviewer that elevates the code quality while significantly

You Might Also Like

💻 Issue 435 - Microsoft Introduces Modern Web App Pattern for .NET: Accelerating App Modernization to the Cloud

Thursday, November 7, 2024

This week's Awesome .NET Weekly Read this email on the Web The Awesome .NET Weekly Issue » 435 Release Date Nov 07, 2024 Your weekly report of the most popular .NET news, articles and projects

💎 Issue 442 - Low-poly image generation using evolutionary algorithms in Ruby

Thursday, November 7, 2024

This week's Awesome Ruby Newsletter Read this email on the Web The Awesome Ruby Newsletter Issue » 442 Release Date Nov 07, 2024 Your weekly report of the most popular Ruby news, articles and

💻 Issue 437 - Feds: Critical Software Must Drop C/C++ by 2026 or Face Risk

Thursday, November 7, 2024

This week's Awesome Rust Weekly Read this email on the Web The Awesome Rust Weekly Issue » 437 Release Date Nov 07, 2024 Your weekly report of the most popular Rust news, articles and projects

💻 Issue 442 - JavaScript's ??= Operator

Thursday, November 7, 2024

This week's Awesome JavaScript Weekly Read this email on the Web The Awesome JavaScript Weekly Issue » 442 Release Date Nov 07, 2024 Your weekly report of the most popular JavaScript news, articles

📱 Issue 436 - iOS 18.1: Take a Hearing Test with AirPods Pro 2

Thursday, November 7, 2024

This week's Awesome iOS Weekly Read this email on the Web The Awesome iOS Weekly Issue » 436 Release Date Nov 07, 2024 Your weekly report of the most popular iOS news, articles and projects Popular

📱 Issue 439 - GitHub Copilot for Xcode is now available! ✈️ Am I late to talk about this ? 😅

Thursday, November 7, 2024

This week's Awesome Swift Weekly Read this email on the Web The Awesome Swift Weekly Issue » 439 Release Date Nov 07, 2024 Your weekly report of the most popular Swift news, articles and projects

💻 Issue 360 - Why Virtual DOM: Faster Rendering and Performance

Thursday, November 7, 2024

This week's Awesome React Weekly Read this email on the Web The Awesome React Weekly Issue » 360 Release Date Nov 07, 2024 Your weekly report of the most popular React news, articles and projects

💻 Issue 442 - Node.js Frameworks Roundup 2024 — Elysia / Hono / Nest / Encore — Which should you pick?

Thursday, November 7, 2024

This week's Awesome Node.js Weekly Read this email on the Web The Awesome Node.js Weekly Issue » 442 Release Date Nov 07, 2024 Your weekly report of the most popular Node.js news, articles and

💻 Why I Still Buy Hard Drives for My PC — Avoid Filling Your iPhone Up With Screenshots

Thursday, November 7, 2024

Also: Perfecting Your PlayStation 5 Remote Play Setup, and More! How-To Geek Logo November 7, 2024 Did You Know It's not the coloration or flavor that gives grapefruit its name, but the way that

JSK Daily for Nov 7, 2024

Thursday, November 7, 2024

JSK Daily for Nov 7, 2024 View this email in your browser A community curated daily e-mail of JavaScript news Unveiling the New Angular 3D Circular Charts Component The Angular 3D Circular Charts