Grow your CSS skills. Land your dream job.

GridControl: The Bookmarklet

Published by Chris Coyier

Reader Sansan generously worked up my little GridControl idea into a javascript snippet that was very simple to make into a bookmarklet.

Just drag the link button below up into your bookmark bar, and then click to activate on any webpage. Pretty sweet! Click once to turn on the grid, click again to turn it off.



  1. thats awesome. When i click it after its on it turns off for me *shrugs* what would be even more sweet is if you could right click it and set up the column and sub columns. but its still awesome. ill definitely be using it.


  2. Yep, you are right, it does turn off clicking it again. My bad, I updated the info in the article.

  3. A better alternative is
    The grid is colors, columns, line-heights, colors, etc. are all customizable.
    I forget how I came upon that site and the bookmarklet they provide, but it has been essential to my most recent grid based design restructuring.

  4. Permalink to comment#

    Works great. Thanx a lot.

This comment thread is closed. If you have important information to share, you can always contact me.

*May or may not contain any actual "CSS" or "Tricks".