ModularGrid — модульная сетка в браузере (и не только сетка)

[@Attlant]

Спасибо

[@SirAlbert]

Первый и очень неприятный минус — хоткеи управления в демке совпадают с некоторыми хоткеями браузера (Опера 10.50)

[@aishek]

Не подскажете какие? Ctrl +; и Ctrl + '?
Просто специально старался на хоткеи не попасться

[@SirAlbert]

Пардонти =) Это я глючу, все ок.

[@aishek]

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

[@aL13n]

В FF «Ctrl +» — увеличение шрифта.

[@aishek]

«+» я использую для обозначения одновременного нажатия.
То есть «Ctrl + ;» означает «нажмите Ctrl и; одновременно»

[@Kinday]

У него написано «Ctrl+;» и «Ctrl+'»
Я, если честно, сам не сразу понял. (:

[@plandem]

+1

[@aL13n]

Пардон, туплю, кавычку не заметил…

[@aishek]

ок, бывает =)

[@TecHMeaT]

Эх, у меня задана комбинация Ctrl + ' для Punto (отменить смену раскладки).
Зачетный скрипт, попробую в реальных условиях, спасибо!

[@Sashok]

Было бы удобнее, если бы это реализовали в виде плагина на FF.

[@aishek]

Идея была в том, чтобы работало во всех браузерах — задал конфигурацию для страницы и проверяешь во всех браузерах.

[@zxmd]

Ну нафиг. Все бы в плагины.
Я не пользуюсь при разработке только FF — а одновременно несколькими браузерами. В таком виде это работает везде — а так только в фф.

[@AlexeyTokar]

web developer позволяет добавлять направляющие

[@BlastBeat]

Наш выбор.

[@SMiX]

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

[@aishek]

У этого инструмента и ModularGrid'а разное назначение: указанный вами инструмент больше похож на файрбаг и дебагер разметки (сетка там в роли приятной «плюшки»), а ModularGrid — исключительно для отладки визуальной компоновки страницы (вертикали, горизонтали, ритм и т.п.).

[@shaggysmile]

Конкурент ) wlcteam.ru/blog/extend-grid-1-2/

[@aishek]

Спасибо!
Про ваш инструмент у меня есть пара строк в обзоре на странице проекта.
Больше тулзов для верстальщиков — полезных и разных!

[@cherenkevich]

Инструмент отличный. Но у него есть один недостаток: он работает на jQuery. А из этого могут вытекать проблемы несовместимости, если Вы, например, будете с MooTools работать.

[@dreamhelg]

У JQuery вроде есть неконфликтный режим

[@talisman]

На маке не работает!

[@aishek]

К сожалению (или к счастью) я работаю на Маке и у меня всё ок.
Проверьте всё ещё раз, и, если проблема останется, напишите багрепорт.

[@talisman]

Мистика какая-то, заработало :))
Но, по-моему, было бы удобнее, если бы всесто ctrl использовался cmd.

[@talisman]

Оказалось, что дело не в мистике, а в раскладке.
На русской не работает.)

[@aishek]

Учту, если оставите багрепорт

[@sayber]

Я думаю с счастью.

[@xaxaTyH]

Скажите, а Вы используете Ctrl или Cmd?
Потому как у мен в ff3.6, mac os x 10.6.3 не арбайтен ни так, ни так (

[@aishek]

В FF 3.6 Ctrl — пока работает. Попробуйте поменять раскладку, может дело в ней?

Cmd под Оперой

[@3ybHa9_Fe9]

Пользовался самопальным, но он он только макет накладывал, а Ваш круче. Решетка — ок

[@aishek]

Пишите пожелания, багрепорты и предложения — не стесьняйтесь!

[@Phil_ip]

На самом деле очень правильная штука, когда макеты дизайнеры с умом собирают, к счастью в нашей конторке с этим проблем нет, а вот до этого в предыдущей компании были ежедневные случаи, что дизайнеры попросту не знают что сетка должна быть! поэтому во втором случаи приходится попросту в FF подключать pixelperfect

[@aishek]

С ModularGrid вы можете попросту использовать наложение изображения-макета не только для FF, а для любого браузера

[@Peyt]

На маке не работает( Планируется поддержка?

[@aishek]

Уже обсуждалось.
Скорее всего проблема в русской раскладке, также на Опере вместо Ctrl нужно нажимать Cmd.

А баг про раскладку уже есть в ишьзах (спасибо неравнодушным!) исправлю как можно скорее.

[@Dalairen]

В мемориз, полезный тулз, особенно с учётом поддержки флюидов и полного кросса.
На 7х виндах работает вне зависимости от раскладки, кстати, наверное, это чисто макосевская трабла.

[@potap]

Over Quota
This Google App Engine application is temporarily over its serving quota. Please try again later.

хабраэфект?

[@aishek]

Да, уже несу на другой хостинг.
Попробуйте через 15 минут.

[@potap]

если нужна будет помощь — говорите ^_^
весч оценил, пользуюсь!

[@aishek]

если нужна будет помощь — говорите ^_^

ок

весч оценил, пользуюсь!

очень приятно

[@asdp]

большое спасибо за инструмент

тут подумалось, может по аналогии с макетом-изображением на отдельное сочетание повесить вывод списка команд поверх окна?
подозреваю, что функционал будет расти и сразу все кнопки не запомнишь, а с этой фишкой достаточно точно запомнить 1 сочетание, остальные будут в подсказке.

[@aishek]

Идея не плохая.
Буду выбирать между ней и "кнопочками"

[@kirilloid]

Хоткеи очень смешаны. Мне, например, слишком непривычно, что одни действия на Ctrl, другие — на Shift.
Понятно, что можно в исходниках поменять… но все-таки good defaults.

[@aishek]

Сложно выбрать хоткеи, чтобы не пересекались.
Обязательно учту замечание в ближайшем релизе.

[@adubovskoy]

Т.к. рабочий инструмент — firefox+firebug, то вполне доволен плагином GridFox. Хорошо конечно что такое есть, но… это не новость «ухх, уникальная штука», это новость «сделали еще одну реализацию».

[@aishek]

Я, в общем-то, и не претендую)

[@Valeratal]

www.sprymedia.co.uk/article/Grid

Добавил этот скрипт на панель — работает во всех браузерах

[@aishek]

Крутая штука, но нету «резиновой» сетки, направляющих и наложения макета.
Добавлю в обзор похожих инструментов.

[@aishek]

Пардон, резиновую умеет :)

Добавил описание в список похожих инструментов.

[@WarL]

Чем проще — тем лучше. Спасибо, попробую применить на практике.

[@NeoWolf]

А что за сайт на скрине? Можно адрес узнать? =)

[@aishek]

Это не сайт, это картинка-пример из ЖЖ Алексея Черенкевича (олл райтс резервд)

[@mironov_anton]

Мы используем похожую методологию проектирования сайтов, и сделали онлайн сервис с похожей идеей: gridpapr.com
Если есть полезные идеи — можно реализовать.

[@aishek]

То есть ваш сервис совсем другой тематики.

[@mironov_anton]

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

[@aL13n]

А возможно сделать сохранение параметров? Потому что после перезагрузки страницы снова настраивать сетку надоедает…

[@aishek]

Параметры и так сохраняются.

Если вы имели ввиду состояние сетки (что показано, а что нет), то да, это будет в ближайшем обновлении буквально на днях уже.

[@aL13n]

Если вы имели ввиду состояние сетки...

Как раз именно это я имел ввиду :)
Спасибо.

[@s2erg]

У вас получился удобный, простой и функциональный инструмент + красивая реализация, как по мне. Пожалуй, лучшее из того, что встречал. Спасибо, стану использовать.

Ещё будет здорово, если вы добавите поддержку сброса значения z-index у направляющих и сетки горячей клавишей. Т.е. чтобы z-index=255 менялся на z-index=0 и обратно. Это полезно, когда некоторые блоки появляются только onhover, но хочется выровнять их по сетке.

[@aishek]

Ого! Спасибо за ценное предложение, обязательно пойдёт в релиз!

[@s2erg]

Хмм, если ещё немного помечтать, то также хотелось бы иметь возможность задавать вертикальные направляющие не от границы окна браузера, а относительно «центральных» направляющих (type: 'center'). К примеру, сейчас я верстаю макет фиксированной ширины, и все вертикальные направлющие (кроме «центральных») меняют своё положение при ресайзе окна. В принципе, если направляющие совпадают с модульной сеткой, то описанная функциональность уже избыточна, но в редких случаях есть резон иметь такую опцию.

Возможно, тогда есть смысл вообще все вертикальные направляющие позиционировать только относительно центральных (если они заданы)?

[@aishek]

Я думаю в будущем реализовать механизм вложения направляющих в type=«center».

[@s2erg]

Круто! ))