frontpage.
newsnewestaskshowjobs

Made with ♥ by @iamnishanth

Open Source @Github

fp.

Open in hackernews

Show HN: Vertex.js – A 1kloc SPA Framework

https://lukeb42.github.io/vertex-manual.html
24•LukeB42•9h ago
Vertex is a 1kloc SPA framework containing everything you need from React, Ractive-Load and jQuery while still being jQuery-compatible.

vertex.js is a single, self-contained file with no build step and no dependencies.

Also exhibits the curious quality of being faster than over a decade of engineering at Facebook in some cases: https://files.catbox.moe/sqei0d.png

Comments

DiabloD3•6h ago
I was going to say that font is unreadable, but its Courier New.

By my own extensive testing[1], it's optimal at minimum 18px, you're at 13.5px.

[1]: https://github.com/Diablo-D3/dotfiles/blob/master/fontsizes....

LukeB42•6h ago
Beauty /is/ in the eye of the beholder. The rationale /here/ is that the more text in a page the more code you'll fit in your head the more you'll get done, the more confidence you'll have and again the more you'll achieve.
DiabloD3•6h ago
Zero code is in your head if you can't read it.

The predominant monitor in existence is your average 24" 1080p monitor, sat at, on average, 32" away from the head. The average person has worse than 20/20 vision.

You must test your website in such conditions and make sure it is readable, and also make sure it meets at minimum WCAG A, but preferably the whole way to AAA if possible.

LukeB42•5h ago
Thank you but the predominant monitor's probably a smartphone. The average professional is probably using a 4k monitor at the moment.

Everything in the free documentation I've provided you out of my own time and money that you're referring to exists in relation to the other elements in that page, so to get the experience you're after simply ctrl+scroll and change the CSS zoom level like the riot at parties that you could be or catch up with circa 2013-2014 and invest in a 4k display please.

rschristian•40m ago
"Zoom in" or "buy a different monitor" is not an appropriate response to people bringing up the plethora of objective & subjective a11y issues on the page.

If you really don't care about providing an accessible experience, try this: no one will use the tool if they can't read the docs. With my monitor and eyesight, it's entirely illegible.

LukeB42•8m ago
Name one objective issue with what I've provided your ungrateful self for free and do it in HN's 12pt again because I need a laugh.
turtlebits•5h ago
OP has a valid point. On my Mac, it's unreadable without zooming in. I immediately left the page.
LukeB42•5h ago
Thanks for the valuable feedback. I've added a mediaquery for your use case. This should be more legible now: https://lukeb42.github.io/vertex-manual.html

Send me a screenshot via https://catbox.moe if it's unreadable and I'll get this done and dusted before leaving the thread. Thanks.

chrismorgan•4h ago
Courier New is a bad font that no one should choose to use. In typical font-weight terms, where Regular should be 400, it’s 200–250, because it was improperly digitised, not taking ink bleed into account. Windows put some hacks into ClearType to make it render a little less badly, but they’re not dependable these days.

(“Courier”, as provided by macOS, is fine. But Courier New is irredeemably bad.)

Concerning font-family declarations, if you’re doing something like `"Courier New", Courier, monospace`—please just write `monospace`.

(I’m not going to address the font size.)

6r17•6h ago
1kloc is a bit abstract ; it seems you are in a great position to give a true bundled weight ; preact is about 3kb which is my fav for years - good job for the effort and results !
LukeB42•6h ago
9kb (minifier+brotli)

We could remove 3kb by removing the router but that's not gonna happen. You're more than welcome to minify+brotli it yourself if you use vertex.js in production.

jaen•5h ago
Huh, interesting... why have both React components and Mustache-style templates in the same framework? They perform the same function?

What's the use case for mixing them?

LukeB42•5h ago
React components might eventually be removed in favor of making the templating system as fast and as elegant as possible but for the time being they provide flexibility.

You can read https://lukeb42.github.io/vertex-interop.html for more info.

hirako2000•3h ago
A bit surprised to see a new framework boasting to ship as UMD. Are developers still using commonjs? I'm sure some continue to CDN inject libraries. But even then ESM is well supported.
LukeB42•3h ago
Would you prefer to see ESM or neither?
leptons•1h ago
>Are developers still using commonjs?

Yes, and every other flavor too. "Developers" isn't a single hive-mind entity, and there are many different purposes for javascript, and many different kinds of systems where javascript can be used.

karmakaze•2h ago
Annoyingly there's already a framework called Vert.x for JVM but there's also Vert.x Node.js

Show HN: Audio Toolkit for Agents

https://github.com/shiehn/sas-audio-processor
22•stevehiehn•4h ago•2 comments

Show HN: PraxisJS – signal-driven front end framework and AI experiment

https://praxisjs.org/
2•mateusgx•1h ago•0 comments

Show HN: Vertex.js – A 1kloc SPA Framework

https://lukeb42.github.io/vertex-manual.html
24•LukeB42•9h ago•17 comments

Show HN: Now I Get It – Translate scientific papers into interactive webpages

https://nowigetit.us
274•jbdamask•1d ago•124 comments

Show HN: Boucle – A self-dogfooding autonomous AI agent framework in Rus

https://github.com/Bande-a-Bonnot/Boucle-framework
2•ElFitz•2h ago•0 comments

Show HN: I built a tool that turns any API into a CLI for agents

https://instantcli.com
4•stugreen13•3h ago•8 comments

Show HN: Panel Panic a Rust/Macroquad/WASM Panel de Pon/Tetris Attack Clone

https://panel-panic.com
2•LarsDu88•3h ago•0 comments

Show HN: SkillMesh (role-based tool routing for Claude/Codex)

https://github.com/varunreddy/SkillMesh
3•VarunReddy023•4h ago•0 comments

Show HN: MCP Playground – free MCP test servers, inspector, and 10K+ server list

https://mcpplaygroundonline.com
7•rupatiwari25•6h ago•10 comments

Show HN: Tree, but for Token Usage

https://github.com/li-kai/treetok
3•likium•6h ago•0 comments

Show HN: HN Skins – Style HN with 5 Skins: Cafe, London, Teletype, Terminal, Nox

https://github.com/susam/hnskins
2•susam•6h ago•0 comments

Show HN: I'm a teen from Kenya and I built a package manager in Rust for fun

https://github.com/v1peridae/vee
6•v1peridae•6h ago•0 comments

Show HN: Unfucked - version all changes (by any tool) - local-first/source avail

https://www.unfudged.io/
133•cyrusradfar•2d ago•83 comments

Show HN: I built a browser-based 3D editor since I didn't want to learn Blender

https://app.topomaker.com/
7•whothatcodeguy•7h ago•3 comments

Show HN: RetroTick – Run classic Windows EXEs in the browser

https://retrotick.com/
191•lqs_•2d ago•58 comments

Show HN: SplatHash – A lightweight alternative to BlurHash and ThumbHash

https://github.com/junevm/splathash
58•unsorted2270•1d ago•20 comments

Show HN: Auto-cleanup for Claude Code's orphan process memory leak

https://github.com/theQuert/claude-code-cleanup
3•thequert•7h ago•0 comments

Show HN: Claude-File-Recovery, recover files from your ~/.claude sessions

https://github.com/hjtenklooster/claude-file-recovery
95•rikk3rt•2d ago•41 comments

Show HN: Rulegen – Auto-generate Claude.md and .cursorrules from your codebase

https://github.com/vexorkai/rulegen
4•vexorkai•8h ago•1 comments

Show HN: Teletext-Style Portfolio Website

https://pakastin.fi
2•pkstn•8h ago•1 comments

Show HN: "Vote-MCP" -- a bit like Google Forms, but for AIs

https://vote-demo.dapp32.com/about
3•_codah_•8h ago•0 comments

Show HN: SQLite for Rivet Actors – one database per agent, tenant, or document

https://github.com/rivet-dev/rivet
42•NathanFlurry•1d ago•16 comments

Show HN: Xmloxide – an agent-made Rust replacement for libxml2

https://github.com/jonwiggins/xmloxide
61•jawiggins•20h ago•60 comments

Show HN: Gitcredits – movie-style end credits for any Git repo in your terminal

https://github.com/Higangssh/gitcredits
35•swq115•1d ago•5 comments

Show HN: Badge that shows how well your codebase fits in an LLM's context window

https://github.com/qwibitai/nanoclaw/tree/main/repo-tokens
85•jimminyx•2d ago•40 comments

Show HN: I built a self-hosted course platform in Clojure

https://clojure.stream
59•jacekschae•3d ago•13 comments

Show HN: Hacker Smacker – Spot great (and terrible) HN commenters at a glance

https://hackersmacker.org
144•conesus•5d ago•167 comments

Show HN: Userscript to Display Age/Karma of HN Users

https://gist.github.com/m4chinations/f6d58711a94077d96cf4157665b0bab3
5•linksbro•15h ago•1 comments

Show HN: Effective Git

https://github.com/nolasoft/okgit
3•nola-a•11h ago•0 comments

Show HN: Optimal: Cost effective infra with agentic inbox

https://github.com/agg111/optimal
4•aishwaryagune•11h ago•0 comments