815 posts
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Contributed a free file of the month
+3 more
rvision_ says

Hello,

the other day I made this little jquery plugin for helping me with vertical rhythm in my designs. I know there are some add-ons for firefox that do the same thing, however this should work in all major browsers.

Javascript code: (add it as a script tag or directly into the html)

http://pastie.org/951482

Usage: call the plugin with desired line-height value, in this example it’s 24:

$(function () {$.grider(24);});


Use following keys:
  • esc – show/hide the grid
  • up – move up 1px
  • down = move down 1px
    • Enjoy ;)

962 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+5 more
webdesigndeluxe says

Maybe you can post a link to a demo :)

629 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
VagrantRadio says

I use hashgrid, copied it to my site and two simple lines of code. Press g to activate it, ctrl + G toggles it.

http://hashgrid.com/

180 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 1+ items on Envato Market
  • Located in United States
SuperMario290 says

Looks pretty interesting man. you should definitely post a demo up though.

@VagrantRadio – thanks for the link dude, i’ve never seen that one before, but I just downloaded it and it works way great :)

19 posts
  • Has been part of the Envato Community for over 4 years
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Located in United States
boogaboo says

Nice stuff!! Create a demo for the people..!! And post it in http://plugins.jquery.com/ area!!

Great Job!

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by