---
title: Canvas Apps, CSS Routes, and Small-Device AI
date: 2026-08-11T18:00:00.000+02:00
week_number: 33
notes: "**TL;DR:** This week mixes route-aware CSS, Canvas-first interfaces, tiny web tools, practical Node.js resources, and a cluster of AI projects focused on familiar APIs, cheaper MCP context, and useful inference on smaller devices."
links:
  - title: TanStack Charts Alpha
    url: https://tanstack.com/charts/latest
    comment: TanStack's charting library is now available as an alpha. It is an early chance to inspect the project's direction, with the usual alpha warning that APIs and behavior can still move.
    tag: news
  - title: The Worst htmx Ever
    url: https://zserge.com/posts/worst-htmx-ever/
    comment: Zserge builds deliberately tiny versions of htmx to expose the useful mechanics beneath the library. It is a good reminder that reimplementing a tool can be more instructive than merely reading its API.
    tag: article
  - title: "Styling the Navigation: Declarative Route and Navigation Matching in CSS"
    url: https://www.bram.us/2026/07/30/styling-the-navigation-declarative-route-and-navigation-matching-in-css/
    comment: A CSS proposal for matching the current URL and navigation destination directly in styles. Bramus shows why route-aware CSS could make complex View Transitions substantially less dependent on coordinating JavaScript state.
    tag: article
  - title: Why You Might Want to Build Your Web App in Canvas Instead of HTML
    url: https://hivekit.io/blog/why-you-might-want-to-build-your-webapp-in-canvas-instead-of-html/
    comment: A pragmatic look at web apps where Canvas is the right rendering surface, not an HTML substitute chosen for novelty. The interesting part is the decision criteria and the trade-offs that follow.
    tag: article
  - title: Splat Painter
    url: https://yogthos.net/posts/2026-08-03-splat-painter.html
    comment: Yogthos experiments with turning photographs into painterly images using Gaussian splats. The result is interesting less as a filter preset and more as a different representation to manipulate.
    tag: article
  - title: Neumorphism CSS Generator
    url: https://markodenic.com/tools/neumorphism-css-generator/
    comment: A small visual generator for tuning neumorphic shapes, colors, shadows, radius, and intensity, then copying the CSS. Handy when you need the effect without repeatedly nudging box-shadow values by hand.
    tag: library&tools
  - title: Microdiff
    url: https://github.com/AsyncBanana/microdiff
    comment: A compact, speed-focused library for finding differences between JavaScript objects and arrays. Its narrow API makes it useful when a full deep-comparison toolkit would be unnecessary baggage.
    tag: library&tools
  - title: Node.js CLI Apps Best Practices
    url: https://github.com/lirantal/nodejs-cli-apps-best-practices
    comment: A practical collection of patterns for building Node.js command-line applications, covering the concerns that appear once a script becomes a maintained product. Useful as both a starting point and a review checklist.
    tag: library&tools
  - title: Flue 2
    url: https://flueframework.com/blog/flue-2/
    comment: Flue presents an AI application framework through React-flavored APIs, aiming to make model-driven interfaces familiar to frontend developers. Worth watching if that component-shaped mental model fits your team.
    tag: ai
  - title: MCPtoon
    url: https://github.com/activeing123/mcptoon
    comment: "A tool designed to reduce the token overhead of MCP server interactions. That is a welcome target: plumbing should not consume more context than the actual work."
    tag: ai
  - title: LFM2.5-2.6B
    url: https://huggingface.co/LiquidAI/LFM2.5-2.6B
    comment: Liquid AI's 2.6-billion-parameter model targets capable local inference on mid-range hardware. The modest size makes it an interesting option where latency, memory, or offline use matters.
    tag: ai
  - title: Needle
    url: https://cactuscompute.com/needle
    comment: Cactus presents Needle as a small-model option for constrained Android phones. Running useful models on budget devices is a tougher and more practical benchmark than another desktop-only demo.
    tag: ai
---

My favorite this week is the htmx reimplementation. Small, intentionally incomplete clones are often the quickest way to understand which parts of a library are essential and which parts are accumulated production wisdom.