Site Helper(SH) – тулза для помощи верстальщикам, а также хороший инструмент для общения верстальщик-программер-руководитель, а так же руководитель-клиент «не отходя от сайта» незаметно для обычных пользователей и в реальном режиме времени.

Наверное, каждый, кто хотя бы разверстал пиксель в пиксель под каждый браузер, сталкивался с ситуацией, когда что-то едет, не совпадают высоты ширины блоков… ситуация знакомая.
Тут может спасти PixelPerfect или сетка разметки на js или SH ;)

Ещё очень распространенная ситуация, когда заказчик или тестер нашел баг и не может понятно объяснить, где он находится. Ну, или заказчик решил добавить блок баннеров и также не может внятно объяснить, что и куда.

Дальше можно не читать и сразу посмотреть эту демку, ну или вот так, а без хлпера сайт выглядит в точности как google.com ;) Тестеры очень сильно флудили было решено отключить демку.
Можно использовать свои цвета изменив в якоре color=#FCC и rcolor=red

SH позволяет добавлять на любую html страницу заметки и линейки (пока только их), что значительно упрощает понимание и объяснение проблемы и помогает её решить. Написан он на jQuery, весит мало, серверная часть на PHP, все данные сливает в БД(MySQL).

Что ещё надо сделать:

• Если перейти в полноэкранный режим (размер документа увеличится), то вертикальные линейки будут короче, чем надо
• При горизонтальном скролле горизонтальные линейки не перемешаются
• При изменеии разрешения, если разметка плавающая, все становится не туда куда надо
• Заменить текст в меню иконками
• Сделать привязку к html элементам (и)вместо x,y|left,top
• СТОП флуд

Скачать можно вот тут (rar, 45.5 Кб).

Критика и пожелания приветствуются.

PS Тулза сделана просто и без лишних выкрутасов. Восновном я пишу под Prototype ;)
PS Пожалуйста, не флудите линейками. Я уже боюсь оставлять демку на ночь )
PS Флуд проходит на ура — проверять не надо! (тулза в конечном итоге предназначена для ограниченного круга культурных разработчиков, а не для общего пользования)