"The web is a material. Like wood, it has a grain. You can work with it or fight against it. The page is fluid by default, it adapts to any viewport, text reflows automatically, and content stacks vertically. That's the web's grain. But problems start to appear when you place elements side by side."
"It is very impressive that you can teach a bear to ride a bicycle, and it is fascinating and novel. But perhaps it's cruel? Because that's not what bears are supposed to do. And that bear will never actually be good at riding a bicycle. When you go against the grain, you end up with bicycle bear websites."
A frontend developer transitioned to design and discovered that working with the web's natural properties—rather than against them—produces superior results. The web functions as a material with specific characteristics: fluid layouts, viewport adaptation, automatic text reflow, and vertical content stacking. These properties represent the web's grain. Challenges emerge when forcing elements into rigid side-by-side arrangements, creating responsive design complexities. Fighting against these inherent properties results in over-engineered solutions that don't leverage the medium's strengths. Embracing the web's grain leads to more accessible, usable, and maintainable designs.
Read at Adamsilver.io
Unable to calculate read time
Collection
[
|
...
]