Issue #648 (CSS/HTML, Jamstack, Text Editors)

Barcode & QR Code Scanning for Your App STRICH adds blazing-fast, reliable 1D/2D barcode scanning to your web app with just a single line of JavaScript. Built with modern web tech like WebAssembly and WebGL, it runs entirely in the browser and has zero dependencies, making it lightweight and easy to integrate into any app or framework. The built-in, customizable scanning UI works out of the box and can be easily adapted to your app’s look and feel. Supports QR Code, EAN/UPC, Code 128 and many other symbologies. Transparent, competitive pricing. Try it free for 30 days or explore the Demo App now. Try Free Demo App 🡺

CSS & HTML Tools

nimble-html — A light-weight single-file dependency-free template tag library with HTML, SVG, and MathML functions for writing declarative-reactive web apps.

ajaxed-forms — A lightweight JavaScript library that converts static HTML forms into AJAX-enabled forms, enabled by adding a data attribute to your form and this script handles the rest.

a11y.css — A CSS file (or optional browser extension) that informs developers via errors and warnings on the page about possible risks and mistakes that exist in HTML code, for better accessibility and semantics.

Internet Archive Wayback Machine Link Fixer — A WordPress plugin that helps you combat link rot on your blog, automatically linking to an archived version of a post when the existing link is no longer active.

Barcode Scanning for Web Apps — Add fast, reliable 1D/2D barcode scanning to your web app with just one line of JavaScript. STRICH runs in the browser, has zero dependencies, and works with any framework. Try it free for 30 days or test it instantly in the Demo App.  SPONSORED 

fontless — A plug-and-play font optimization toolset with features like font loading with fallbacks, support for different font providers, no runtime scripts, optimized @font-face declarations, and more.

wc-pagination — A web component to easily add a mostly accessible pagination element, enabling customization of number of records, current page, and number of records per page.

Color Moods — A unique color generator tool that suggests pairs of colors based on the selected amount of stimulation (e.g. ranging from sleep coma to hyper excitement).

TailwindCSS Snippets — A small set of Tailwind CSS snippets that you can apply to hover interactions on your page elements and buttons.

Jamstack & CMS Tools

Astro Context — A library designed to simplify the creation and sharing of data across components in Astro.

Faircamp — A neat little static site generator for audio producers that you point to a folder hierarchy containing your audio files and it will build a complete website presenting your work.

MultiTerm Astro — An Astro blog theme designed for coders who love color schemes, allowing you to choose from any of 60 popular color schemes (e.g. Monokai, Night Owl, GitHub Dark, Dracula, etc).

Multiplicity — A simple starter pack, powered by Eleventy, that allows you to create an RSS aggregator site.

Publican — A simple HTML-first static site generator for Node.js that's fast, server rendered, has clean URL routing, JS template literals for templating, pagination, fast search, and more.

Meco — Enjoy newsletters in a space designed for reading. Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox. Add your newsletters in seconds and liberate your inbox today!  SPONSORED 

Notion as a CMS for Astro — An experimental project that uses Astro’s content collections to leverage Notion as a CMS powering a blog, with each page in the database being used as an individual blog post.

Markdown Ninja — A Go-based, Markdown-first CMS for bloggers, minimalists. and startups to easily launch websites, blogs, .and newsletters, with no need for a complex CI/CD pipeline or other overhead.

Eleventy Satisfactory — An Eleventy blog theme focused on content, and various convenience features, including a lightbox, image gallery with captions, light/dark modes, Open Graph metadata, and more.

Advertisement

VS Code Tools

As a bonus this week, this is a list of some of the tools I've shared in my other newsletter, VSCode.Email. Subscribe to that newsletter if you want the latest news, tools, and articles on VS Code and more.

Babel Markdown — A VS Code extension that brings real-time AI translation previews to VS Code so you can compare source Markdown with translated output in a single workspace.

oklchanger — A VS Code extension that converts color definitions in selected text to the OKLCH color format, with support for named colors, hex, RGB, RGBA, HSL, HSLA, Lab, and LCH color models.

Brain Food, Delivered Daily — Every day the folks at Refind analyze thousands of articles and send you only the best, tailored to your interests. Loved by 552,000+ curious minds.  SPONSORED 

Vibe-Coder — A voice-powered coding assistant for AI-enabled VS Code forks that helps you navigate, control, and code through natural voice commands.

PostgreSQL for VS Code — Now generally available, this is the essential extension for working with PostgreSQL databases, locally or in the cloud, allowing you to easily connect, query, build, and chat with your databases.

Type Buddy — A simple VS Code extension to help you understand TypeScript types by hovering over a complex type to reveal the type as a function.

Charmed Nest Icons — An icon set for VS Code, to add attractive file icons to your VS Code finder, with icons for both light and dark modes.

Daily Install Trends of AI Coding Tools — A dashboard showing the 30-day moving average of daily install counts in VS Code of the major AI coding tool extensions. Data is from the install counts from the Marketplace, charting daily installs.

StyleLens — A VS Code extension that acts as a copilot for your styles. It scans your entire frontend project to detect, visualize, and refactor duplicated, dead, or inline styles, helping you write cleaner and highly maintainable CSS.

Commercial Apps & Classifieds