за ul,ol { list-style: none; } надо руки отрывать.
что прикажете делать редактору который через визиг решит добавить список?
а он без булетов?
когда переопределяешь глобальные стили нужно быть аккуратным и думать о последствиях.
padding:0 для input и textarea - тоже нехорошо. вам нравится как выглядит такой input без отступов для ввода текста?
впрочем div {padding:0; margin:0} лучше всего говорит о авторе reset'a
доля 5.0 больше чем 5.5
правки для того чтобы в них работало всё так же (или почти также, за исключением маленьких дизайнеских мелочей) как в нормальных браузерах - элементарны и занимают не более получаса.
Это просто хороший тон.
- продумывать структуру заголовков h1-h6
- делать доступные(accessibility) сайты
- и валидные разумеется
- и естественно кроссбраузерными. Кроссбраузерными это не IE6 и FF, а IE5.0,IE5.5,IE6,IE7,не забудь про IE8,OP8,OP9,FF,Safari.
- шрифты должны быть масштабируемыми (в em)
- expression'ы для IE должны быть одноразовыми
- код должен быть компактными и неизбыточным.
это ответ на "body:first-of-type p {color:#ff0000;}"
такой хак, в отличии от "-webkit-margin-start" основан на новых css3 свойствах, которые пока ещё неподдерживаются другими браузерами.
но это сегодня.
а завтра, или через неделю, или через месяц, но в любом случае обязательно потом он станет работать везьде и хаком быть перестанет.
а -webkit-margin-start отработает только в webkit-движках.
в документации от Apple написано "magin", скорей всего - действительно ошибка, немогу проверить - нет у меня Safari 2 а browsercamp что-то подвисает и не отдаёт скриншот(
ну да, верно, хотел дописать что это на все браузеры с движком webkit распространяется, но для лучшего понимания текста написал простыми словами... добавил
да, на порядок хуже
потому что такое вкладывание div'ов друг в друга означает что верстальщик неимеет понятия ни о семантике ни о вёрстке. он просто заменил td на div, понаставил кучу float: left и думает что молодец.
а в реальности он наплодил кучу несемантического мусора.
если б было меньше криворуких верстальшиков что "верстают на div'ах" и не имеют ни малейшего представления ни о том что означает float ("а почему нет float: center"?..) ни о hasLayout (а почему в FF всё разлезлось?) было бы не так плохо.
quirsk mode позволял сделать ровный сайт даже школьнику, вёрстка таблицами нетребовала и нетребует особых знаний.
а потом (ужастная вещь) толпы этих школьников и ещё хуже взрослых дядей (никогдане открывавших стандарты) бросились лабать сайты без таблиц проверяя под любимый ими (не надо ля-ля) IE6.
И ставя костыли типы html>body для FF.
Первый раз им по голове хорошо стукнул IE7.
за использование небезопастных хаков, вместо conditiona comments, за кашу в коде и голове.
теперь выйдет 8-ка...
поначалу я был за режим рендеринга как в 7. просто потому что куча сайтов поразваливается...
с другой стороны - реально старые сайты (на таблицах ещё) - они как рисовались в quirsk mode так и будут рисоваться.
а уродцы с 10-ти кратно вложенными дивами (зато без таблиц!) может заставят выгнать под зад с рынка разработки тех, кто верстать не умеет.
а фирмы с такими сайтами имеют возможность исправить всё одной строчкой meta-тэга (слава m$)
как правило да.
но бывают ситуации когда действительно надо:
был у меня один проект, свёрстанный вообще другим человеком сайт какой-то навороченной финансовой компании.
и нужно было там добавить страничку с графиками и табличками.
дизайнер оторвался по-полной - красотень ещё та, а требование соответствия 1:1 во всех браузерах. ну т.е. printsrceen -> photoshop и сравниваем с макетом.
какая нибудь буква(!) отходит больше 1px - негодится!
вот тогда писал хаки... на css-свойствах основанные конечно... маразм, но надо было...
а вообще хаки - это тоже инструмент, главное чтоб голова была на плечах и знал зачем пользуешся.
вроде мелочь - а приятно:)
но зачем?
Мэйер отец конечно, но это выходит "весь мир разрушим мы до основанья... а затем..."
Не логичней ли прописать глобальные стили описывающие нормальное логичное поведение для элементов?
:focus {outline: 0} , ну давайте ещё вот такое напишем:
b,strong {font-weight: normal}
i,em {font-style: normal}
ну а чё - обнуляем же!
div {margin: 0; padding: 0} - а с каких это времён у него margin и padding не 0?
он наверно как Сагалаев, что советует незакрывать теги, пишет такое, а сам смеётся втихаря :)
что прикажете делать редактору который через визиг решит добавить список?
а он без булетов?
когда переопределяешь глобальные стили нужно быть аккуратным и думать о последствиях.
padding:0 для input и textarea - тоже нехорошо. вам нравится как выглядит такой input без отступов для ввода текста?
впрочем div {padding:0; margin:0} лучше всего говорит о авторе reset'a
правки для того чтобы в них работало всё так же (или почти также, за исключением маленьких дизайнеских мелочей) как в нормальных браузерах - элементарны и занимают не более получаса.
Это просто хороший тон.
- продумывать структуру заголовков h1-h6
- делать доступные(accessibility) сайты
- и валидные разумеется
- и естественно кроссбраузерными. Кроссбраузерными это не IE6 и FF, а IE5.0,IE5.5,IE6,IE7,не забудь про IE8,OP8,OP9,FF,Safari.
- шрифты должны быть масштабируемыми (в em)
- expression'ы для IE должны быть одноразовыми
- код должен быть компактными и неизбыточным.
у нас - маленький, в америке - довольно серьёзный.
но и вообще верстка то должна быть кросбраузерной, так что Сафари нельзя игнорить.
такой хак, в отличии от "-webkit-margin-start" основан на новых css3 свойствах, которые пока ещё неподдерживаются другими браузерами.
но это сегодня.
а завтра, или через неделю, или через месяц, но в любом случае обязательно потом он станет работать везьде и хаком быть перестанет.
а -webkit-margin-start отработает только в webkit-движках.
исправил
Если у вас есть возможность - проверьте.
в 3 ночи писал, уставший уже.
через некоторое время (и возможно очень-очень) скоро - он будет работать во всех брузерах и перестанет быть фильтром
потому что такое вкладывание div'ов друг в друга означает что верстальщик неимеет понятия ни о семантике ни о вёрстке. он просто заменил td на div, понаставил кучу float: left и думает что молодец.
а в реальности он наплодил кучу несемантического мусора.
спасибо!
quirsk mode позволял сделать ровный сайт даже школьнику, вёрстка таблицами нетребовала и нетребует особых знаний.
а потом (ужастная вещь) толпы этих школьников и ещё хуже взрослых дядей (никогдане открывавших стандарты) бросились лабать сайты без таблиц проверяя под любимый ими (не надо ля-ля) IE6.
И ставя костыли типы html>body для FF.
Первый раз им по голове хорошо стукнул IE7.
за использование небезопастных хаков, вместо conditiona comments, за кашу в коде и голове.
теперь выйдет 8-ка...
поначалу я был за режим рендеринга как в 7. просто потому что куча сайтов поразваливается...
с другой стороны - реально старые сайты (на таблицах ещё) - они как рисовались в quirsk mode так и будут рисоваться.
а уродцы с 10-ти кратно вложенными дивами (зато без таблиц!) может заставят выгнать под зад с рынка разработки тех, кто верстать не умеет.
а фирмы с такими сайтами имеют возможность исправить всё одной строчкой meta-тэга (слава m$)
вот и всё.
а плохому верстальщику IE5 мешает.
просто замечательно!
а вслед за ним и другие сделают, а там глядишь и веб станет лучше и верстать начнут по-нормальному
но бывают ситуации когда действительно надо:
был у меня один проект, свёрстанный вообще другим человеком сайт какой-то навороченной финансовой компании.
и нужно было там добавить страничку с графиками и табличками.
дизайнер оторвался по-полной - красотень ещё та, а требование соответствия 1:1 во всех браузерах. ну т.е. printsrceen -> photoshop и сравниваем с макетом.
какая нибудь буква(!) отходит больше 1px - негодится!
вот тогда писал хаки... на css-свойствах основанные конечно... маразм, но надо было...
а вообще хаки - это тоже инструмент, главное чтоб голова была на плечах и знал зачем пользуешся.