Design Tokens for Small Teams: A Practical CSS Variables System
A practical design tokens system for small teams: two layers of CSS custom properties, light-dark() theming, naming that survives a rebrand, and stylelint
11 min read
HTML Templates
Guides, tutorials and opinions on HTML Templates from the team behind Canvas.
Icons on the Web: SVG Sprites, Icon Fonts and Performance
Why SVG icons beat icon fonts in 2026: building an SVG sprite, inline vs third-party vs CSS mask, accessible markup and how to measure the real cost.
12 min read
Responsive Images: srcset, sizes and the Formats Worth Using
How srcset, sizes and the picture element actually work, which widths to generate, and whether AVIF or WebP wins. Responsive images done by practitioners.
13 min read
Build Tooling for Static Templates: Vite, Gulp and When Plain Files Win
A practitioner’s guide to the HTML template build process: configuring a Vite static HTML site for multi-page, where Gulp 5 still wins, and when no build
11 min read
Eliminating Render-Blocking Resources on a Static Site
How to eliminate render-blocking CSS on a static site: measure the real cost, inline critical CSS without rotting your build, defer JavaScript safely.
13 min read
Navigation Patterns: Mega Menus, Drawers and Mobile Reality
A practitioner’s guide to website navigation in 2026: accessible mega menu markup, hover intent, mobile drawers, scroll locking, inert and sticky header
13 min read
Forms in HTML Templates: Styling Without Breaking Accessibility
Form styling CSS that keeps forms accessible: focus-visible rings, accent-color :user-invalid, error summaries, forced-colors fallbacks and WCAG 2.2 targets.
13 min read
The 404, the 500 and the Empty State: Designing for Failure
A practitioner’s guide to 404 page design, 500 pages and empty state design: real status codes, static fallbacks, caching headers and how to test failure
13 min read
One-Page vs Multi-Page Websites: SEO and UX Trade-offs
One page website SEO has hard structural limits: one title tag, no internal links, unindexable anchors. When single page beats multi page, and how to split
14 min read
How to Evaluate an HTML Template Before You Build Your Business On It
A practitioner’s one-hour process to evaluate an HTML template before you build on it: payload checks, dependency audits, keyboard tests and licensing traps.
13 min read
HTML Template vs Website Builder vs Custom Build: An Honest Cost Breakdown
HTML template vs website builder vs custom build: real hours, real rates and year-two costs from an agency that has scoped all three. No sales pitch, just
11 min read
Micro-Interactions and Scroll Animation Without Wrecking Performance
Scroll animation and micro-interactions that keep 60fps: compositor-only properties, CSS scroll-driven timelines, LCP traps and real measurement budgets.
12 min read
