proomt

Search

Search posts, papers, and topics

Hall of Fame

Hall of FameFrank Chimero201517 min readintro

The Web's Grain

Read on frankchimero.com

Summary

The essay argues that the web has an inherent “grain” – a natural vertical, fluid layout – and that designers should respect this simplicity rather than forcing complex, fragile designs. It illustrates how side‑by‑side layouts break due to mismatched scaling and warns against over‑engineered sites.

  • Default HTML pages are fluid and vertical, which naturally supports many screen sizes without media queries.
  • Placing images beside text causes proportional mismatches; images grow taller while text shortens, necessitating breakpoints.
  • Overly elaborate sites (e.g., Apple Mac Pro) fight the web's grain, leading to performance and usability problems.
  • Embracing the web's grain means using simple colors, vertical stacks, and text‑based interfaces instead of flashy, fragile effects.

Frontend engineers and designers should read this to avoid fragile, over‑engineered sites and build more resilient, performant web experiences.

5/10
frontendcssuxdesignresponsive design

Related reading

  1. Responsive Web Design

    The article introduces responsive web design, arguing for fluid grids and CSS media queries to adapt layouts across devices. It shows practical code snippets for conditional styling and linearizing layouts on small viewports.

    Hall of Famealistapart.com10 min

  2. I still like writing websites by hand

    A personal blog post describing how the author hand‑crafted a single‑page site for a consultant using Astro, a custom CSS halftone background (leveraging `background‑repeat: space`) and a subtle neon glow via stacked box‑shadows. Includes a few concrete CSS snippets and design‑system references but no deep engineering analysis.

    Chen Hui Jingchenhuijing.com4 minHN2

  3. Can we make default Tailwind a more accessible choice?

    The post examines Tailwind’s default rem‑based breakpoints, showing how they scale with a user’s root‑font‑size and can shift layouts, which helps some users but can break designs. It argues that pixel breakpoints remain a defensible alternative for preserving layout stability while still supporting accessibility.

    Freek Van der Hertenfreek.dev1 min

  4. On Designing and Deploying Internet-Scale Services

    James Hamilton’s 2007 paper distills a set of concrete best‑practice tenets for building operations‑friendly, internet‑scale services—design for failure, keep things simple, and automate everything. Applying these guidelines (commodity hardware, single‑version software, redundancy, multi‑tenancy) enables ratios of thousands of servers per administrator while maintaining reliability.

    Hall of Fameusenix.org43 minpaper