Skip to content

History / Mobile Friendly Watchtower

Revisions

  • Watchtower mobile: Round 2 before Verification, matching the house order Reference stays last, as on the Service Status page.

    @edmozley edmozley committed Aug 25, 2026
  • Mobile techniques: the round-2 lessons Techniques page: - §8 gains "Measure the property that actually paints" - backgroundColor is transparent on a gradient-painted element, so a walk up the tree lands somewhere else and argues convincingly for the wrong colour. Plus "Don't explain away a screenshot", which is how the bug reached a device in the first place. - Reference table was stale by three layers; adds 19, 20 and 21. - Two lessons in the accumulated list: injected chrome must declare its own colour rather than inherit, and how to align a marker on a row that can wrap so single-line rows stay pixel-identical. - Contents updated; a link to a War Room mobile page that does not exist now points at War Room. Watchtower page gains its Round 2 section, matching the shape the Service Status page uses for its device pass.

    @edmozley edmozley committed Aug 25, 2026
  • Mobile: Watchtower (module 6) + two reusable techniques New Mobile-Friendly-Watchtower.md: the 864px-at-360px starting point, why opting in fixed most of it (the shared header row, LAYER 1's job), and what LAYER 21 had to add - the page declaring its own scroller, the stacked top bar, and the metrics grid. Two additions to Mobile-Friendly-Techniques.md, both generalise beyond this module: 9. Load order - mobile.css must be linked AFTER the page's inline <style>, or rules lose on document order with no error and no partial effect. "When a stylesheet change has precisely zero measured effect, suspect load order before suspecting the rules." 10. Aligning numbers - grid, not flex-wrap. flex-wrap optimises for packing, a grid optimises for alignment, and on a dashboard the reader is comparing numbers. Includes the min-width:0 requirement that grid items need in order to shrink at all. Overview refreshed: six modules, LAYERS 1-21, rollout table row. Sidebar entry added.

    @edmozley edmozley committed Aug 25, 2026