Incremental leading : Journal : Mark Boulton - The Diigo Meta page

• 27 Oct 09
  

  grid design

• 10 Jun 09
  

  Richard Cooper

  typography layout css webdesign graphic_design type

• 03 Jun 09
  

  Fabi C

  typography css webdesign tutorial leading

• 29 Apr 09
  

  Bruce Clary

  ar340 webdesign typography

• 22 Apr 09
  

  augustcheng

  typography thesis

• 20 Apr 09
  

  Lauren Bacon

  My personal fundamentals of great web design.

  web web-design typography grids boulton

• 24 Aug 08
  

  Michael Joyce

  css webdesign baselinegrid typography fromDelicious

• 25 Jul 08
  

  Chris Buch

  css sidenote design typography

• 

  Stuart H

  typography font grid fonts design text

• 17 Apr 08
  

  Katherine Nabity

  webstuff

• 01 Apr 08
  

  Justin Morrison

  webdev typography del

• 16 Feb 08
  

  Glenn M

  css grids headers

• 02 Jan 08
  

  david stong

  Nice intro to the concept of lineheight adjustment to fit a grid. Excellent side links to Richard Rutter and Wilson Minor articles.

  design webdesign reference layout CSS typography grid delicious

• 30 Dec 07
  

  An article about aligning text of differing sizes to a vertical grid via leading.

  ma.gnolia_import graphic_design leading typography web_design cool -delicious

• 

  An article about aligning text of differing sizes to a vertical grid via leading.

  (ma.gnolia_import) graphic_design leading typography web_design cool (delicious_import)

• 15 Nov 07
  

  howard silverman

  css typography layout grid sidenote leading diigo

• 05 Nov 07
  

  Perry Branch

  css dm3105 typography

• 10 Oct 07
  

  Grey Lee

  typography design grid layout

• 21 Aug 07
  

  zomigi

  css layout toread tutorial typography

• 17 Aug 07
  

  Arttu Raittila

  CSS Webdesign typography tutorial

• 16 Aug 07
  

  Thom Cox

  typography design

• 11 Aug 07
  

  JM Unica

  rejillas

• 05 Aug 07
  

  Mike Hurt

  articles code css design webdesign layout grid typography

• 12 Jul 07
  

  snowie

  typography css webdesign

• 10 Jul 07
  

  Chris Fenison

  webdesign webdev

• 

  M J

  There has been a lot said recently about Vertical Rhythm. Richard Rutter began the work on 24ways last year with the piece ‘Compose to a Vertical Rhythm’. This was built upon by Wilson Minor on A List Apart recently with his article on Baseline Grids.

  typography css design layout webdesign grid diigoimportapi

• 09 Jul 07
  

  posavasos

  Tipografía

• 05 Jul 07
  

  Jeremy James

  article css design layout typography webdesign

• 

  Patrick McCarthy

  development code howto webdesign fonts text layout type

• 03 Jul 07
  

  Jason Bao

  typography layout

  • 

  • ok, I got it. I’ve tried with a few fonts and at many sizes, and Firefox puts the baseline at 2/3 of the lineheight (approx.) 

     

     So let’s add ‘d’ which is the distance between the top of the containing element and the baseline. 

     

     d = 2a/3 = x + 2b/3 

     

     thus : 

     

     x = (2a/3) - (2b/3) 
     x = 2(a - b) / 3 

     

     where a and b are respectively the lineheight of the main content and the sidenote. 

     

     in this case; margin-top should be :  

     

     2(18px - 14.4px)/ 3 = 2.4 px 

     

     I’m letting it over to you to transform that to ems and to test it out :)
• 01 Jul 07
  

  Ivana Vasilj

  There is a technique used for sidenotes and boxouts that aligns to the baseline grid, or vertical rhythm. It’s called incremental leading.

  CSS typography design techniques web

• 19 Jun 07
  

  e w

  typography css

• 18 Jun 07
  

  R V

  typography webdesign

• 

  nick forsberg

  magazine layouts for screen anybody?

  css typography for:pieman

• 

  elle m

  Vertical Rhythm where I reiterated some of the excellent points Richard made in his article and also the presentation we both gave in at SXSW in March. I also added something of my own: Incremental leading, or Incremental line-height.

  typography css webdesign grid layout

• 17 Jun 07
  

  Thorn Vandevelde

  webdevelopment css em text size typography webdesign grid

• 

  ryan

  graphics grid layout design css web

• 

  Joshua Goldberg

  font type layout css fromdelicious

• 

  Chee Aun Lim

  rhythm, eh?

  typography css grid

• 

  Hendry Wijaya

  typography css design grid webdesign layout web tutorial delicious

• 16 Jun 07
  

  Colin Brosnan

  typography css design grid webdesign layout

• 

  to_read typography

• 15 Jun 07
  

  Guy Carberry

  webdesign typography

• 

  Bob Carr

  typography grid css

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.