Comments on: Typographic Grid http://css-tricks.com/typographic-grid/ Tips, Tricks, and Techniques on using Cascading Style Sheets. Thu, 18 Mar 2010 09:35:35 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: 50 Useful Design Tools For Beautiful Web Typography | Ramblingshttp://css-tricks.com/typographic-grid/#comment-52324 50 Useful Design Tools For Beautiful Web Typography | Ramblings Sat, 21 Feb 2009 05:13:19 +0000 http://css-tricks.com/?p=1945#comment-52324 [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...] [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...]

]]> By: John Fauldshttp://css-tricks.com/typographic-grid/#comment-51036 John Faulds Fri, 06 Feb 2009 23:26:45 +0000 http://css-tricks.com/?p=1945#comment-51036 <code>blockquote { font: italic 15px/**20px** Georgia, Serif; width: 180px; </code>} blockquote {
font: italic 15px/**20px** Georgia, Serif;
width: 180px;

}

]]> By: Ralphhttp://css-tricks.com/typographic-grid/#comment-50094 Ralph Fri, 30 Jan 2009 19:17:56 +0000 http://css-tricks.com/?p=1945#comment-50094 Interesting thougt. Ralph Interesting thougt. Ralph

]]> By: 50 Useful Design Tools For Beautiful Web Typography - All web resource stuffhttp://css-tricks.com/typographic-grid/#comment-49875 50 Useful Design Tools For Beautiful Web Typography - All web resource stuff Thu, 29 Jan 2009 07:04:28 +0000 http://css-tricks.com/?p=1945#comment-49875 [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...] [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...]

]]> By: ArticleSave :: Uncategorized :: 50 Useful Design Tools For Beautiful Web Typographyhttp://css-tricks.com/typographic-grid/#comment-49738 ArticleSave :: Uncategorized :: 50 Useful Design Tools For Beautiful Web Typography Wed, 28 Jan 2009 07:06:06 +0000 http://css-tricks.com/?p=1945#comment-49738 [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...] [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...]

]]> By: 50 Useful Design Tools For Beautiful Web Typography | How2Pchttp://css-tricks.com/typographic-grid/#comment-49737 50 Useful Design Tools For Beautiful Web Typography | How2Pc Wed, 28 Jan 2009 07:03:27 +0000 http://css-tricks.com/?p=1945#comment-49737 [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...] [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...]

]]> By: 50 Useful Design Tools For Beautiful Web Typography | CSS, Fonts | Smashing Magazinehttp://css-tricks.com/typographic-grid/#comment-49727 50 Useful Design Tools For Beautiful Web Typography | CSS, Fonts | Smashing Magazine Wed, 28 Jan 2009 04:02:42 +0000 http://css-tricks.com/?p=1945#comment-49727 [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...] [...] Typographic GridIf your website is heavy with text content, you will need to pay attention to the underlying grid. Check out Typography Grid, created recently by Chris Coyier: “I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It was inspired by the Compose to a Vertical Rhythm article by Richard Rutter a few years ago, except uses unitless line height.” Check out the demo here. [...]

]]> By: David Costaleshttp://css-tricks.com/typographic-grid/#comment-48139 David Costales Sun, 18 Jan 2009 14:36:00 +0000 http://css-tricks.com/?p=1945#comment-48139 Thanks. Very interesting entry. Thanks. Very interesting entry.

]]> By: Ryanhttp://css-tricks.com/typographic-grid/#comment-46144 Ryan Fri, 09 Jan 2009 11:27:54 +0000 http://css-tricks.com/?p=1945#comment-46144 I'd like to see how you get a baseline rhythm/grid working with all the HTML elements someone might use in a design - specifically: tables, forms and elements with top/bottom borders etc. In my own experiments I've found these often break any kind of rhythm in most browsers.In the end a baseline grid isn't possible when the site content starts getting more complex than simple typo elements due to slight browser rendering differences. I’d like to see how you get a baseline rhythm/grid working with all the HTML elements someone might use in a design – specifically: tables, forms and elements with top/bottom borders etc. In my own experiments I’ve found these often break any kind of rhythm in most browsers.

In the end a baseline grid isn’t possible when the site content starts getting more complex than simple typo elements due to slight browser rendering differences.

]]> By: Chris Coyierhttp://css-tricks.com/typographic-grid/#comment-45981 Chris Coyier Thu, 08 Jan 2009 16:23:17 +0000 http://css-tricks.com/?p=1945#comment-45981 <p>Not sure where you are looking? The line-height is set in only one place in the demo, on the body, and it's set to "2".</p> Not sure where you are looking? The line-height is set in only one place in the demo, on the body, and it’s set to “2″.

]]>