Useful patterns for building HTML tools
10th December 2025 I’ve started using the term HTML tools to refer to HTML applications that I’ve been building which combine HTML, JavaScript, and CSS in a single file and use them to provide useful functionality. I have built over 150 of these in the past two years, almost all of them written by LLMs. This article presents a collection of useful patterns I’ve discovered along the way. First, som
GitHub - tdewolff/minify: Go minifiers for web formats
Online demo if you need to minify files now. Binaries of CLI for various platforms. See CLI for more installation instructions. Windows binary from scoop install with scoop install main/minify Python bindings install with pip install tdewolff-minify JavaScript bindings install with npm i @tdewolff/minify .NET bindings install with Install-Package NMinify or dotnet add package NMinify, thanks to Jo
GitHub - mgdm/htmlq: Like jq, but for HTML.
$ htmlq -h htmlq 0.4.0 Michael Maclean <michael@mgdm.net> Runs CSS selectors on HTML USAGE: htmlq [FLAGS] [OPTIONS] [--] [selector]... FLAGS: -B, --detect-base Try to detect the base URL from the <base> tag in the document. If not found, default to the value of --base, if supplied -h, --help Prints help information -w, --ignore-whitespace When printing text nodes, ignore those that consist entirel
Indiepen
Embed your HTML, CSS and JS example with Indiepen An independent and privacy-friendly solution to present your code examples to the people. Why Indiepen? This project was initially developed because we wanted to show code examples on yetanother.blog. We use platforms to share code examples every day and we love them, but they didn’t fit our requirements. We care about a modern, fast and fair web.
GitHub - karanchahal/DoodleMaster: "Don't code your UI, Draw it !"
The Doodle Master seeks to turn your UI mockups into real code. Currently this repository just serves to demonstrate a Proof Of Concept of Artificially Intelligent Design Tools. The demo supports the detection of 4 classes of UI components TextViews Headers ImageViews Buttons One can view the different doodles that this software supports for classification in the classes directory. Note that the c
AtomicLab
Atomic Lab Component Guide Generator based on partial templates (ejs/jade/haml/html) View on Github About Atomic Lab Atomic Lab is a component guide generator, you can build with Node.js The porpose There are so many styleguide generators out there such as hologram, fractal etc.. But, Do you really need those style guide generators? Actually I and some other friends dislike leaving comments on css
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Schachte/kaffe-rs: Rust-based Markdown/React to HTML Transpiler
GitHub - divriots/jampack: Optimizes static websites for best user experience and best Core Web Vitals scores.
GitHub - orf/html-query: jq, but for HTML
Caninclude
@mitsue/vlint
GitHub - sinclairzx81/hammer: Build Tool for Browser and Node Applications
Astro
GitHub - yeonjuan/html-eslint: An ESLint plugin for linting HTML files, HTML in JSJavaScript Template Literals, React, Angular and Svelte
Amazon.co.jp: フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装: 安達稜, 武田諭: 本
GitHub - eddiejibson/iru: Smartly generate a post-based website from Markdown files.
GitHub - SaraVieira/fiddly: Create beautiful and simple HTML pages from your Readme.md files
GitHub - popcodeorg/popcode: An HTML/CSS/JavaScript editor for use in the classroom
GitHub - YusukeHirao/markuplint: A Linter for All Markup Languages.
Lint the Web Forward With Sonarwhal