Vertical rhythm and useful CSS tools
May 17, 2009 - 0 Comments - css tools
Look closely and you may notice that I’ve taken a little time to tune the vertical rhythm of the layout for code.isdangero.us. Lines of text fall upon a consistent division, unbroken by headings and other blocks. Notice how the text in the sidebar remains lined up with the text in the main body of the layout. This is the effect of a consistent vertical rhythm.
I found Syncotype utterly indispensable in adding this touch to the site’s design. Many thanks to Rob Goodlatte for his hard work in contributing this tool to the community.
I also found this article from 24 ways by Richard Rutter useful for its descriptions of the technical details of maintaining vertical rhythm in CSS layouts. Thanks, Richard!
I still have more work to do to get things just right; I haven’t yet factored in images, captions, or code snippets. If it comes down to it, I may reconstruct this layout using Blueprint, and perhaps add Compass to augment my existing SASS setup. (Lots of stuff mentioned here, all worth checking out.) If and when this happens, I will be sure to document the experience.
