{"id":101175,"date":"2011-10-18T08:00:00","date_gmt":"2011-10-18T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/line-in-typography\/"},"modified":"2011-11-09T11:05:00","modified_gmt":"2011-11-09T11:05:00","slug":"line-in-typography","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/line-in-typography\/","title":{"rendered":"Line In Typography for WordPress"},"content":{"rendered":"

\u201cYou know, for grids.\u201d #obscurefilmreferences<\/p>\n

This plugin allows you to overlay a 12 or 16 column fluid grid to check your positioning when developing fluid or responsive sites.<\/p>\n

It also assists you by overlaying lines based on your theme\u2019s 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\u2019m certain you are.<\/p>\n

One should be aware that this is a plugin primarily promoted to pixel pushers and isn\u2019t 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.<\/p>\n

Much to my deep sorrow, it is but a certainty that this fine piece of positional plugin prowess won\u2019t 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%<\/code> CSS3 property to be present. Which in IE, to my great distress, it\u2019s not.<\/p>\n

Roadmap<\/h3>\n

0.3.0<\/h4>\n
    \n
  • Allow user to set the wrapping element that the line-height is derived from<\/li>\n
  • Consistent styling on overlay box ( not overridden by theme styles)<\/li>\n
  • 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)<\/li>\n
  • Ability to upload custom column images<\/li>\n<\/ul>\n

    0.4.0<\/h4>\n
      \n
    • Better UI and more clear instructions<\/li>\n
    • Better cross-browser support<\/li>\n
    • Option to set grid\/lines to on or off on page load<\/li>\n<\/ul>\n

      0.5.0<\/h4>\n
        \n
      • Option to have the control panel hidden or shown and to have the previous state remembered<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

        This magical piece of markup monkery will make your mission to muster magnificent missives on your monitor much more manageable.<\/p>\n","protected":false},"author":65,"featured_media":300959,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Line In Typography for WordPress - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"This magical piece of markup monkery will make your mission to muster magnificent missives on your monitor much more manageable."},"footnotes":""},"categories":[1],"tags":[61,29088,8101,1478,29089],"class_list":["post-101175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-jquery","tag-line-height","tag-theme-development","tag-typography","tag-vertical-rhythm"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/101175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=101175"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/101175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/300959"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=101175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=101175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=101175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}