отлично!
проект DebugBar очень понравился, давно использую, надеюсь этот будет таким же удачным.
скачал ради IE8 (его бэтку ставить в основу системы нехочу).
взглянув на название статьи я уж было обрадовался что автор расскажет о порочной практике использования div {float: left} вместо ячеек таблиц (вот как раз щас переделываю с нуля нормальной вёрсткой один такой проектик: насчитал 20(!!) вложенных друг в друга блоков, ужас!..
а вместо этого - второй такой же вредный способ строительства.
за 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 и думает что молодец.
а в реальности он наплодил кучу несемантического мусора.
проект DebugBar очень понравился, давно использую, надеюсь этот будет таким же удачным.
скачал ради IE8 (его бэтку ставить в основу системы нехочу).
а вместо этого - второй такой же вредный способ строительства.
плохому учите
вроде мелочь - а приятно:)
но зачем?
Мэйер отец конечно, но это выходит "весь мир разрушим мы до основанья... а затем..."
Не логичней ли прописать глобальные стили описывающие нормальное логичное поведение для элементов?
: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 и думает что молодец.
а в реальности он наплодил кучу несемантического мусора.
спасибо!