Victor Loux Bookmarks Tag: layout

33 bookmarks tagged “layout

Defensive CSS
Practical CSS and design tips that helps in building future-proof user interfaces.

Understanding Layout Algorithms
As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured, and how to learn it effectively.

What does 100% mean in CSS?
<p>One of the CSS units I use most is the wonderful <b>%</b> — so handy for positioning elements on the page.</p><p>Unfortunately, the rules aren’t exactly straightforward. One question I’m always asking myself is: Percent of what?</p>

Using CSS Grid the right way | hey it's violet
CSS Grid is fun to use but hard to learn. Here are three tips to help you understand and leverage the Grid spec.

Rhythm in Web Typography | Better Web Type
Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.