Web Development
HTML, CSS, browser APIs, accessibility and Core Web Vitals — the platform underneath every framework.
Web Development8 min readYour noindex Stops Working the Moment You Block the Page
Adding noindex and a robots.txt block together is worse than either alone. Google never reads the rule on a page it cannot crawl.
The TweakPad Team
Web Development4 min readCSS Anchor Positioning Is Baseline. You Can Probably Delete Floating UI
Tooltips and popovers that flip when they hit the viewport, in pure CSS. What anchor positioning replaces, and the cases it still cannot cover.
The TweakPad Team
Web Development4 min readYour Hex Colours Are Leaving a Third of the Screen Unused
Modern displays render Display P3, but hex can only describe sRGB. How oklch() and color() reach the rest, and how to fall back safely.
The TweakPad Team
Web Development4 min readView Transitions Went Cross-Browser. Here Is What That Costs You
Firefox 144 completed the set at 90% support. How the snapshot model works, why one CSS rule animates a whole page, and the traps.
The TweakPad Team
Web Development4 min readCSS contrast-color() Is Baseline. It Only Ever Answers Black or White
It picks readable text against any background automatically. But it has exactly two answers, and on mid-tones neither is comfortable.
The TweakPad Team
Web Development4 min readJPEG XL Sits at 15%. AVIF Is at 95%. That Is the Whole Decision
Deployment settles the format argument, not compression. The real support numbers, and the four lines that serve all of them.
The TweakPad Team
- Web Development7 min read
HTML Escaping Is Not XSS Protection. Context Is.
Five entities are enough in an HTML body and useless inside a script tag or an href. What each context actually needs.
The TweakPad Team
- Web Development4 min read
CSS Style Queries: Reacting to a Custom Property, Not a Size
Style queries let a component react to a custom property set by an ancestor. What ships today, and when to reach for one.
The TweakPad Team
- Web Development5 min read
INP: What the 200ms Threshold Measures and How to Miss It
INP measures the worst interaction on a page, not the average. Why 200ms is the bar, and the three phases that consume it.
The TweakPad Team
- Web Development4 min read
Measuring Core Web Vitals in the Field with the web-vitals Library
Lighthouse cannot measure INP. How to collect LCP, INP and CLS from real users, and why attribution is what matters.
The TweakPad Team
- Web Development11 min read
llms.txt vs robots.txt: Only One of Them Blocks AI Crawlers
llms.txt shows no measurable effect on AI citations, and Content-Signal is ignored by every crawler. Only robots.txt is honoured.
The TweakPad Team
- Web Development6 min read
Does Minifying Still Matter With Brotli? 6% for CSS, 36% for JS
Minifying CSS saves 6% after Brotli. Minifying JS saves 36%. The difference is one step compression cannot do: mangling.
The TweakPad Team
- Web Development7 min read
Which Structured Data Still Earns a Rich Result in 2026
Google dropped FAQ rich results in May 2026 and HowTo before it. What is left in the gallery, and what to stop maintaining.
The TweakPad Team
- Web Development5 min read
CSS Container Query Units: cqw, cqi, cqmin and the Rest
What cqw, cqh, cqi, cqb, cqmin and cqmax each measure, when to use which, and the containment they require to resolve.
The TweakPad Team
- Web Development4 min read
container-type: inline-size vs size — Which One You Actually Want
The three container-type values, the containment each applies, and why size collapses elements that size themselves.
The TweakPad Team
- Web Development5 min read
The Contrast Ratio Your Checker Is Probably Reporting Wrong
WCAG contrast has five thresholds, not one. How the ratio works, why translucent text breaks checkers, and what 4.5:1 needs.
The TweakPad Team
- Web Development3 min read
CSS Container Queries: Components That Adapt to Their Own Space
How container queries differ from media queries, the containment rules and gotchas, and why they make a component library reusable.
The TweakPad Team
- Web Development3 min read
Web Accessibility: A Checklist You Can Actually Finish
The issues behind most real accessibility failures — contrast, keyboard access, labels, focus — with concrete checks.
The TweakPad Team
- Web Development2 min read
Semantic HTML: The Elements That Do Work For You
Which HTML elements carry real semantics, what assistive tech and search engines do with them, and the div soup to replace.
The TweakPad Team
- Web Development4 min read
Core Web Vitals: What to Measure and What to Actually Fix
LCP, INP and CLS with their thresholds, the specific cause of each, and how lab data differs from the field data Google ranks on.
The TweakPad Team
- Web Development2 min read
CSS Custom Properties: Beyond Storing Colours
How CSS variables differ from preprocessor variables, why they cascade, and the theming and component patterns they enable.
The TweakPad Team
- Web Development2 min read
Flexbox vs Grid: A Decision Rule That Actually Works
One dimension or two — the rule for choosing between Flexbox and Grid, plus the modern Grid features that replace media queries entirely.
The TweakPad Team