51 Reader Comments

1. 

   lousmith 6:26 pm on August 28, 2011

   Thanks for bringing a favorite print topic of mine to the web design table!

   To help with the calculation of baselines, and picture heights, I use InDesign to do my early mockups. It might seem unheard of in the web world, but I have found that it helps me test the look and feel of my grids in advance before committing to a single grid, and the time and investment needed to calculate each individual piece of the site.

   And once I’m in the implementation phase, I always keep a post-it note full of grid multiples (18, 36, 54, … and way up) on my screen for resizing pictures, and setting CSS info on the fly.

   Embed
   Copy & paste the code below to embed this comment. <figure class="embedded-quote" id="ala-embedded-comment-331340"><blockquote> <p>Thanks for bringing a favorite print topic of mine to the web design table! </p><p>To help with the calculation of baselines, and picture heights, I use InDesign to do my early mockups. It might seem unheard of in the web world, but I have found that it helps me test the look and feel of my grids in advance before committing to a single grid, and the time and investment needed to calculate each individual piece of the site.</p><p>And once I’m in the implementation phase, I always keep a post-it note full of grid multiples (18, 36, 54, … and way up) on my screen for resizing pictures, and setting <span class="caps">CSS</span> info on the fly.</p></blockquote><figcaption>— lousmith on <a href="http://alistapart.com/comments/settingtypeontheweb#331340">Setting Type on the Web to a Baseline Grid</a></figcaption></figure> <script async data-comment="331340" charset="utf-8" src="http://d.alistapart.com/_/js/comment-embed.min.js"></script>