Те люди которые часто работают с html, css. Наверняка сталкиваются с тем что некоторые элементы сайта чуть шире, больше, или наоборот меньше по сравнению с другими. Не знаю как вам, но мне, при верстке сайтов бывает приходится и линейку прикладывать к дисплею и сравнивать различные элементы сайта.  

В ноябре на Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в или !!
нашел очень интересно и компактное решение этой проблемы. По сути подобных вещей в интернете найти можно достаточно много, но все они гразмоки.
А в hashgrid нам необходимо на страницу подгрузить только jQuery библиотеку, css и дополнительный js модуль.
После чего нажимая на определенные клавиши на вашем сайте будет появляется сетка.

Для более удобного использования этого модуля, я его еще немного укомплектовал и модифицировал. Так и появился hashgrid++.

Установка hashgrid++:
На нужных страницах размещаем всего 2 строчки Код:

<!-- Grab latest version of jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- Include the hashgrid script -->
<script type="text/javascript" src="http://www.myworld.lv/js/hashgrid++.js"></script> 

Клавиши управления сеткой:
G - Показать сетку пока Вы не отпустите.
G + H - Показать и удерживайте сетки (G будет удалить его снова).
G + F - Переключить сетку на передний план и обратно.
G + J - Перейти к следующей сетке.
G + K - Более мелкая сетка (hashgrid++).

Попробовать ее в действии вы можете уже сейчас на этой странице Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в или !!