Line In Typography for WordPress

This magical piece of markup monkery will make your mission to muster magnificent missives on your monitor much more manageable.

Author:Simon Fairbairn (profile at wordpress.org)
WordPress version required:2.8
WordPress version tested:3.2.1
Plugin version:0.3.5
Added to WordPress repository:18-10-2011
Last updated:09-11-2011
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:0
Rated by:0
Plugin URI:http://line-in.co.uk/
Total downloads:1 719
plugin download
Click to start download

“You know, for grids.” #obscurefilmreferences

This plugin allows you to overlay a 12 or 16 column fluid grid to check your positioning when developing fluid or responsive sites.

It also assists you by overlaying lines based on your theme’s line height so that you can correctly set your vertical rhythm and line up all of your typography to a baseline grid like the titan of typography that I’m certain you are.

One should be aware that this is a plugin primarily promoted to pixel pushers and isn’t for production use. You would do well to know quite a bit about CSS and you should know how your theme is laid out in the HTMLs before using this plugin.

Much to my deep sorrow, it is but a certainty that this fine piece of positional plugin prowess won’t work with IE 8 and below (but, surely, one would not be so foolish as to create sites using IE as a development browser) as it requires the magnificent background-size: 100% CSS3 property to be present. Which in IE, to my great distress, it’s not.

Roadmap

0.3.0

  • Allow user to set the wrapping element that the line-height is derived from
  • Consistent styling on overlay box ( not overridden by theme styles)
  • More thorough validation checks (check for either a . or a # on each of the DOM elements coming in and make sure there are no spaces)
  • Ability to upload custom column images

0.4.0

  • Better UI and more clear instructions
  • Better cross-browser support
  • Option to set grid/lines to on or off on page load

0.5.0

  • Option to have the control panel hidden or shown and to have the previous state remembered

Screenshots
FAQ
ChangeLog