55

Визуальное отображение сетки Bootstrap 3 при вёрстке

Написал наконец-то небольшой скрипт на jQuery, который визуально отображает колонки вашей темы на Bootstrap 3. Пока это, так называемая "бетка", в дальнейшем возможно буду дорабатывать. Но уже на данном этапе основная задумка реализована.


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


Небольшая демонстрация, что к чему:

Зачем? Иногда забываешь где нибудь "row" прописать или ещё что, и начинается чехорда - "Принтсрин -> фотошоп -> линейка". А здесь, включил -> глянул -> выключил.

В общем, если кому пригодится - скачать можно отсюда. Подключение простейшее - просто вставляете его в свой документ после подключенного jQuery и наводите курсор в правый верхний угол - появится менюшка, где можно включить отображение сетки.

Графический и Веб-дизайн

1.1K постов12.5K подписчиков

Правила сообщества

Можно:


Публиковать свои посты / обзоры, и я до сих пор удивлен почему этого никто еще не делает. Практически любой более-менее вменяемый пост можно запилить, и я уверен, что его лампово примут.


Вставить свои 5 копеек. Если будет своя альтернативная точка зрения или совет по какой-то теме, то это приветствуется.


Нельзя:


1. Публиковать сообщения, картинки, не соответствующие тематике;

2. Размещать ссылки рекламного характера;

3. Перегибать палку;


Если оступился:


в случае нарушений, доступ в группу будет закрыт, а пользователь занесен в бан-лист;