Site Helper(SH) – тулза для помощи верстальщикам, а также хороший инструмент для общения верстальщик-программер-руководитель, а так же руководитель-клиент «не отходя от сайта» незаметно для обычных пользователей и в реальном режиме времени.
Наверное, каждый, кто хотя бы разверстал пиксель в пиксель под каждый браузер, сталкивался с ситуацией, когда что-то едет, не совпадают высоты ширины блоков… ситуация знакомая.
Тут может спасти PixelPerfect или сетка разметки на js или SH ;)
Ещё очень распространенная ситуация, когда заказчик или тестер нашел баг и не может понятно объяснить, где он находится. Ну, или заказчик решил добавить блок баннеров и также не может внятно объяснить, что и куда.
Дальше можно не читать и сразу посмотреть эту демку, ну или вот так, а без хлпера сайт выглядит в точности как google.com ;) Тестеры очень сильно флудили было решено отключить демку.
Можно использовать свои цвета изменив в якоре color=#FCC и rcolor=red
SH позволяет добавлять на любую html страницу заметки и линейки (пока только их), что значительно упрощает понимание и объяснение проблемы и помогает её решить. Написан он на jQuery, весит мало, серверная часть на PHP, все данные сливает в БД(MySQL).
Что ещё надо сделать:
Скачать можно вот тут (rar, 45.5 Кб).
Критика и пожелания приветствуются.
PS Тулза сделана просто и без лишних выкрутасов. Восновном я пишу под Prototype ;)
PS Пожалуйста, не флудите линейками. Я уже боюсь оставлять демку на ночь )
PS Флуд проходит на ура — проверять не надо! (тулза в конечном итоге предназначена для ограниченного круга культурных разработчиков, а не для общего пользования)
Наверное, каждый, кто хотя бы разверстал пиксель в пиксель под каждый браузер, сталкивался с ситуацией, когда что-то едет, не совпадают высоты ширины блоков… ситуация знакомая.
Тут может спасти PixelPerfect или сетка разметки на js или SH ;)
Ещё очень распространенная ситуация, когда заказчик или тестер нашел баг и не может понятно объяснить, где он находится. Ну, или заказчик решил добавить блок баннеров и также не может внятно объяснить, что и куда.
Можно использовать свои цвета изменив в якоре color=#FCC и rcolor=red
SH позволяет добавлять на любую html страницу заметки и линейки (пока только их), что значительно упрощает понимание и объяснение проблемы и помогает её решить. Написан он на jQuery, весит мало, серверная часть на PHP, все данные сливает в БД(MySQL).
Что ещё надо сделать:
- Если перейти в полноэкранный режим (размер документа увеличится), то вертикальные линейки будут короче, чем надо
- При горизонтальном скролле горизонтальные линейки не перемешаются
- При изменеии разрешения, если разметка плавающая, все становится не туда куда надо
- Заменить текст в меню иконками
- Сделать привязку к html элементам (и)вместо x,y|left,top
- СТОП флуд
Скачать можно вот тут (rar, 45.5 Кб).
Критика и пожелания приветствуются.
PS Тулза сделана просто и без лишних выкрутасов. Восновном я пишу под Prototype ;)
PS Пожалуйста, не флудите линейками. Я уже боюсь оставлять демку на ночь )
PS Флуд проходит на ура — проверять не надо! (тулза в конечном итоге предназначена для ограниченного круга культурных разработчиков, а не для общего пользования)