Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 51
Насчет clear-дивов, я сама удивилась. Думала всем блокам float назначен, но сейчас убрала, и все работает.
А не рекомендуют использовать наверное в связи с его ограничениями, но если ваш проект вписывается, то почему нет.
А не рекомендуют использовать наверное в связи с его ограничениями, но если ваш проект вписывается, то почему нет.
Это не столько ограничения, сколько рекомендации.
Принимая в расчет минимальное разрешение пользователя в 1024px, сетка получается очень удобной.
Если требуется другая сетка, то есть генератор www.spry-soft.com/grids/
Если требуется «резина», то есть fluid 960gs www.designinfluences.com/fluid960gs/
Принимая в расчет минимальное разрешение пользователя в 1024px, сетка получается очень удобной.
Если требуется другая сетка, то есть генератор www.spry-soft.com/grids/
Если требуется «резина», то есть fluid 960gs www.designinfluences.com/fluid960gs/
К нему еще есть офигенная штука Boks.
Clear-div'ы задают «перенос на новую строку», что неоднократно обсуждается и критикуется в комментариях к оригиналу статьи. Там же дается совет: «You can always hide the overflow of the element in your CSS. Then you will not need to clear it after every row» (сама не пробовала, но возможно сработает).
На счет рекомендаций не использовать фреймворк «как есть» — все верно. Нельзя выключать собственную голову. Его нужно использовать как инструмент, а не как единственное решение всех проблем.
Кстати, не понятно почему нигде не указано, что это перевод.
На счет рекомендаций не использовать фреймворк «как есть» — все верно. Нельзя выключать собственную голову. Его нужно использовать как инструмент, а не как единственное решение всех проблем.
Кстати, не понятно почему нигде не указано, что это перевод.
Я конечно дико извиняюсь, но Вы вообще сравнивали свой кросспост и то, что получилось на Хабре? Местами можно только догадываться, что имелось в виду (например, разбивка ширины столбцов в начале статьи). Картинки не везде вставлены, местами не влезли в ширину поста… Уважайте читателя, перепроверьте сперва сами все.
ЗЫ. Ух ты! Посмотрел в ИЕ6, оказывается на Хабре есть реклама от яндекса
ЗЫ. Ух ты! Посмотрел в ИЕ6, оказывается на Хабре есть реклама от яндекса
Конечно, фреймворк не решит проблем.
Я лично грид-метод предпочитаю только на макетах в PSD пользовать.
В вёрстке мне проще с нуля часто написать, ну мб с базового шаблона «хедер, нави, контент, футер».
Самому надо писать себе фрейм, чтобы он действительно тебя не ограничивал и ускорял работу.
Я лично грид-метод предпочитаю только на макетах в PSD пользовать.
В вёрстке мне проще с нуля часто написать, ну мб с базового шаблона «хедер, нави, контент, футер».
Самому надо писать себе фрейм, чтобы он действительно тебя не ограничивал и ускорял работу.
Те же colspan, только в профиль.
Пользуюсь год этой системой, очень нравится. Четко по сетке все. В режиме разработки на проект можно наложить поверх эту самую сетку — я эту идею позаимствовал у самого сайта (с превьюшками) и вообще становится удобно.
Штука класс.
Штука класс.
эти фреймворки все — от лукавого
смысла в них чуть менее, чем никакого
смысла в них чуть менее, чем никакого
верстка по сетке — величайшее благо от Макса Билла, Брокмана и компании (кстати насчет всех журналов и газет вы ох, как погорячились)
я бы вам про это много рассказал, но речь не об этом
я, как видно, не вижу никакого практического применения фреймворкам навроде этого
ну да, красиво звучит и идея хорошая, но НЕ ПРАКТИЧНО
если есть понимание что и почему, то какой смысл забивать себе голову чужим кодом?
я бы вам про это много рассказал, но речь не об этом
я, как видно, не вижу никакого практического применения фреймворкам навроде этого
ну да, красиво звучит и идея хорошая, но НЕ ПРАКТИЧНО
если есть понимание что и почему, то какой смысл забивать себе голову чужим кодом?
я лишь хотел сделать ударение на частице «не».
а вы буквоедство своё оставьте, вон — аж целых четыре запятых пропустили в своём предложении.
далее: какой-никакой прототип за 5 минут может, конечно, и реально создать, но я что-то сомневаюсь.
но вопрос даже не этом, вопрос в том, на кой, простите, черт на макете, подобном приведённому в статье, какая-то сетка?
это дрочерство какое-то, вот.
а словосочетание «работающий во всех браузерах» говорит лишь о низком уровне понимания CSS.
а вы буквоедство своё оставьте, вон — аж целых четыре запятых пропустили в своём предложении.
далее: какой-никакой прототип за 5 минут может, конечно, и реально создать, но я что-то сомневаюсь.
но вопрос даже не этом, вопрос в том, на кой, простите, черт на макете, подобном приведённому в статье, какая-то сетка?
это дрочерство какое-то, вот.
а словосочетание «работающий во всех браузерах» говорит лишь о низком уровне понимания CSS.
«Тестировался ли дизайн в IE6 и IE7? Нет. Нужно ли это делать? Нет.»
Я конечно понимаю, что в последнее время все гонят на IE — «давайте от него избавимся, не будем поддерживать» и все такое, но… нужно быть реалистом и, если вы следите за статистикой, IE7 сейчас лидирует среди всех браузеров. Поэтому, я считаю, проверять нужно всегда (!) и проверять именно в процессе создания макета, а не когда уже все утверждено и — «ой, а в IE7 что-то развалилось....»
Я конечно понимаю, что в последнее время все гонят на IE — «давайте от него избавимся, не будем поддерживать» и все такое, но… нужно быть реалистом и, если вы следите за статистикой, IE7 сейчас лидирует среди всех браузеров. Поэтому, я считаю, проверять нужно всегда (!) и проверять именно в процессе создания макета, а не когда уже все утверждено и — «ой, а в IE7 что-то развалилось....»
здесь автор имеет в виду тестирование _прототипа_, не окончательного макета. Естественно после того, как общий вид удовлетворит заказчика, верстка будет откорректирована под IE
IE7 в Рунете потихоньку падает в пользу IE8, особенно сколько домашнего народа щас пересядет под Win 7 с Висты, а кто и с XP, даю руку на отсечение — ХАЛЯВНУЮ бету и РК качали все, кому не лень.
IE6 давно падает в пользу обоих.
Лидирует FF 3, IE лидирует только суммарно.
www.liveinternet.ru/stat/ru/browsers.html?period=month
IE6 давно падает в пользу обоих.
Лидирует FF 3, IE лидирует только суммарно.
www.liveinternet.ru/stat/ru/browsers.html?period=month
прелесть 960gs в том, что он совместим с IE 6,7,8
sonspring.com/journal/960-grid-system
головная боль о правильной сетке пропадает.
sonspring.com/journal/960-grid-system
головная боль о правильной сетке пропадает.
Очень похоже на blueprintcss
Я их буквально недавно кучу перекачала для работы над собственным.
YAML, BlueTrip, BluePrint, 960gs, YUI — там дофига ещё менее популярных.
Они, по-хорошему если судить, все похожи друг на друга, потому как решают практически одни и те же задачи.
YAML, BlueTrip, BluePrint, 960gs, YUI — там дофига ещё менее популярных.
Они, по-хорошему если судить, все похожи друг на друга, потому как решают практически одни и те же задачи.
почему бы не взять из них тех 20 строк кода, которые действительно полезны, и этим ограничиться?
960gs это именно те самые необходимые 20 строк кода.
А никто и не пропагандирует их полного использования. Если вам необходимы только 20 строк — откусите лишнее.
А кто сказал, что я их буду брать?))
Мне нужен несколько иной функционал, я больше интересуюсь там типографическими приёмами, а не грид-системой.
Мне нужен несколько иной функционал, я больше интересуюсь там типографическими приёмами, а не грид-системой.
И какой из фреймворков вам понравился больше?
В плане чистого юза — ни один. Как информаторий — каждый даёт что-то нужное.
habrahabr.ru/blogs/css/70203/#comment_2114208
Моделирую свой на базе построения макета через 12 колонок, ресета Эрика и 18-кратной типографической вертикали, а также подрублен jQ для динамических директив, откидывая лишний гемор.
16 кололнок мне слабопонятны, на них не сделаешь три равных по ширине колонки.
12 же делится и на 2, и на 3, и на 4 и варьировать её можно не хуже в организации инфы.
Ресет Эрика — лаконично, чисто, чётко. Нет тех элементов, чей стиль сбрасывать не обязательно.
18-кратная вертикаль — так называемая базовая типографическая сетка. Повышается читабельность, создаётся единый ритм всех элементов.
Плюс текущая ситуация с фонтами позволяет при должном внимании юзать @font-face без ущерба для здоровья, можно припилить хорошие фришные шрифты вместо старого опостыла.
habrahabr.ru/blogs/css/70203/#comment_2114208
Моделирую свой на базе построения макета через 12 колонок, ресета Эрика и 18-кратной типографической вертикали, а также подрублен jQ для динамических директив, откидывая лишний гемор.
16 кололнок мне слабопонятны, на них не сделаешь три равных по ширине колонки.
12 же делится и на 2, и на 3, и на 4 и варьировать её можно не хуже в организации инфы.
Ресет Эрика — лаконично, чисто, чётко. Нет тех элементов, чей стиль сбрасывать не обязательно.
18-кратная вертикаль — так называемая базовая типографическая сетка. Повышается читабельность, создаётся единый ритм всех элементов.
Плюс текущая ситуация с фонтами позволяет при должном внимании юзать @font-face без ущерба для здоровья, можно припилить хорошие фришные шрифты вместо старого опостыла.
нарисовал макета 4 на Grid 960, и теперь это незаменимая сетка для меня.
960.gs в закладки! спасибо.
хоть убейте но я не понимаю, для чего эта требудень нужна?
каждый проект индивидуален(и дизайн тоже)
это для шаблонного использования или для чего?
я понимаю когда для редатора при верстке прописываешь снипеты, чтобы не мучаться и долго не кодить, а тут то зачем?
каждый проект индивидуален(и дизайн тоже)
это для шаблонного использования или для чего?
я понимаю когда для редатора при верстке прописываешь снипеты, чтобы не мучаться и долго не кодить, а тут то зачем?
Вот что-то типа этого я ждал от книги «Ordering Disorder: Grid Principles for Web Design», но там много бла бла блы без конкретного кода, одна теория. Спасибо большое!!!
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Создание прототипа с помощью CSS-фреймворка Grid 960