я лишь хотел сделать ударение на частице «не».
а вы буквоедство своё оставьте, вон — аж целых четыре запятых пропустили в своём предложении.
далее: какой-никакой прототип за 5 минут может, конечно, и реально создать, но я что-то сомневаюсь.
но вопрос даже не этом, вопрос в том, на кой, простите, черт на макете, подобном приведённому в статье, какая-то сетка?
это дрочерство какое-то, вот.
а словосочетание «работающий во всех браузерах» говорит лишь о низком уровне понимания CSS.
верстка по сетке — величайшее благо от Макса Билла, Брокмана и компании (кстати насчет всех журналов и газет вы ох, как погорячились)
я бы вам про это много рассказал, но речь не об этом
я, как видно, не вижу никакого практического применения фреймворкам навроде этого
ну да, красиво звучит и идея хорошая, но НЕ ПРАКТИЧНО
если есть понимание что и почему, то какой смысл забивать себе голову чужим кодом?
можно, но это менее универсально (задавать для каждого отдельно взятого то, что можно задать один раз для всех)
также бывают моменты, когда текст выводится БЕЗ форматирования, например
но это уже чуть дальше чем обычный ресет
По-моему скромному мнению это ничего не улучшает.
Я считаю, что группировать надо по смыслу (семантике).
Это сложно описать словами, приведу пример (порядок строк имеет значение):
a:link,
a:visited { display: block; float: left; width: 100px; // модель, флоаты, размеры
position: relative; top: 0; right: 12px; // позиционирование
margin: 0; padding-right: 20px; border: none; // отступы, бордеры
font: 1em/1.4em Arial, Helvetica, sans-serif; // основной шортхенд для шрифта
text-transform: uppercase; color: #0cf; // цвет и др.
background: url(../img/leave.gif) right no-repeat } // шортхенд для бекграунда
Теперь, если ваш редактор имеет вменяемую подсветку кода, найти любое свойство можно сходу.
4. Последовательность
Пример «каждое с новой строки», просто не имеет права на существование, слишком много придётся скролить, если проект сколько-нибудь большой. Пример «3 в ряд» — часто тоже (если у вас конечно не супер широкорматный монитор), часто будет перенос строки, что неэстетично и просто неудобно для сканирования текста.
Поэтому:
#list { margin: 0; padding: 0 40px 0 12px;
list-style-type: none; font-size: 1em } // в последней строке можно группировать то, что насобиралось
#list li { margin: 0; padding: 6px 0; // пока правила помещаются в удобочитаемую по длине строку, никаких переносов не нужно
background: url(../img/dots.gif) repeat-x } // а вот здесь уже без него никак
#list h4 { margin: 0 }
мне нравится делать все отступы (как между блоками, так и внутри их) кратными половине кегля основого текста
например, для текста 12/18 (наиболее распостранённый вариант) — все они кратны 9 (0, 9, 18, 27 и т.д.).
Практика показывает, что никаких других величин не требуется, а на выходе получаем отличную композицию.
https://addons.mozilla.org/ru/firefox/addon/4723
а вы буквоедство своё оставьте, вон — аж целых четыре запятых пропустили в своём предложении.
далее: какой-никакой прототип за 5 минут может, конечно, и реально создать, но я что-то сомневаюсь.
но вопрос даже не этом, вопрос в том, на кой, простите, черт на макете, подобном приведённому в статье, какая-то сетка?
это дрочерство какое-то, вот.
а словосочетание «работающий во всех браузерах» говорит лишь о низком уровне понимания CSS.
я бы вам про это много рассказал, но речь не об этом
я, как видно, не вижу никакого практического применения фреймворкам навроде этого
ну да, красиво звучит и идея хорошая, но НЕ ПРАКТИЧНО
если есть понимание что и почему, то какой смысл забивать себе голову чужим кодом?
смысла в них чуть менее, чем никакого
хаки для ие выносим в файл для ие
забыл об этом упомянуть
приятно, что мне удалось в чём-то прийти к тому же, что и вы, Вадим :)
после правильного наполнять информацией — одно удовольствие
придётся не для каждого, а для некоего x элементов, которое всегда меньше общего кол-ва элементов
логика понятна?
также бывают моменты, когда текст выводится БЕЗ форматирования, например
но это уже чуть дальше чем обычный ресет
По-моему скромному мнению это ничего не улучшает.
Я считаю, что группировать надо по смыслу (семантике).
Это сложно описать словами, приведу пример (порядок строк имеет значение):
a:link, a:visited { display: block; float: left; width: 100px; // модель, флоаты, размеры position: relative; top: 0; right: 12px; // позиционирование margin: 0; padding-right: 20px; border: none; // отступы, бордеры font: 1em/1.4em Arial, Helvetica, sans-serif; // основной шортхенд для шрифта text-transform: uppercase; color: #0cf; // цвет и др. background: url(../img/leave.gif) right no-repeat } // шортхенд для бекграундаТеперь, если ваш редактор имеет вменяемую подсветку кода, найти любое свойство можно сходу.
4. Последовательность
Пример «каждое с новой строки», просто не имеет права на существование, слишком много придётся скролить, если проект сколько-нибудь большой. Пример «3 в ряд» — часто тоже (если у вас конечно не супер широкорматный монитор), часто будет перенос строки, что неэстетично и просто неудобно для сканирования текста.
Поэтому:
#list { margin: 0; padding: 0 40px 0 12px; list-style-type: none; font-size: 1em } // в последней строке можно группировать то, что насобиралось #list li { margin: 0; padding: 6px 0; // пока правила помещаются в удобочитаемую по длине строку, никаких переносов не нужно background: url(../img/dots.gif) repeat-x } // а вот здесь уже без него никак #list h4 { margin: 0 }например, для текста 12/18 (наиболее распостранённый вариант) — все они кратны 9 (0, 9, 18, 27 и т.д.).
Практика показывает, что никаких других величин не требуется, а на выходе получаем отличную композицию.
или нет таких? :)
:>