Comments on: 5 советов верстальщику

By: uggallery

uggallery — Tue, 29 Sep 2009 14:42:20 +0000

как обойти?

Использовать border-bottom c шириной 2-4 пикселя.

By: Eugene K.

Eugene K. — Tue, 29 Sep 2009 09:01:15 +0000

в IE6 не работает * {outline: solid 1px;} – как обойти?

By: Мегабайтыч

Мегабайтыч — Sun, 16 Nov 2008 16:06:08 +0000

Для проверки кроссбраузерности советую ресурс:
htt_://browsershots.org/
Абсолютно согласен по поводу пятого пункта.Классы,позволяют избежать путаницы да и работать с ними удобней

By: uggallery

uggallery — Fri, 25 Jul 2008 15:30:27 +0000

id лучше использовать для элементов, которые точно будут в одном экземпляре на странице

То, что шапка и подвал будут в единственном числе мы можем гарантировать. А вот то, что никакой больше элемент не получит класса с тем же именем - гарантировать нельзя. И прощай валидность.

Вот динамическое управление контентом - другое дело. Для этих целей ID и создан. Тут уж никаких классов. Генерировать такие ID лучше средствами движка с базой данных, чтобы избежать дубликатов.

Я же речь веду об именах для работы с CSS.

By: Дмитрий

Дмитрий — Fri, 25 Jul 2008 13:36:04 +0000

Используйте в качестве имен элементов только классы, а не id

Неверно на мой взгляд. id лучше использовать для элементов, которые точно будут в одном экземпляре на странице (одна шапка, одна левая колонка/правая колонка, один блок страницы, один подвал) Во-первых в дальнейшем видя присвоенный id блоку можно быть уверенным, что блок этот больше на странице нигде не встречается.

Во-вторых по id работает js функция getElementById, если на странице реализованно динамическое управление контентом.Через классы найти нужный элемент будет гораздо сложнее.

By: Gan

Gan — Wed, 16 Jul 2008 21:57:43 +0000

Да, точно в фаервоксе есть в плагине web developer!

By: uggallery

uggallery — Wed, 16 Jul 2008 10:56:49 +0000

не могу понять это .foo {border-bottom: solid;} Это получается класс надо приписывать дивам которые проверяешь схлопнулись они или нет?

Метод годится не только для этого. Не только для схлопнувшихся блоков. Можно проверять высоту-ширину у любых блоков с неявными границами (без цветного фона и бордеров).

Прописывать класс разным элементам в html-коде не обязательно. Проще изменить селектор в CSS. Например: * {...} или DIV {...} и так далее. Чего хочешь то и покажет.

В Файерфоксе конечно есть плагины для того же самого, но этот метод кросс-браузерный и быстрый.

By: uggallery

uggallery — Thu, 10 Jul 2008 09:05:44 +0000

inner - Думал об этом варианте. Решил, что не очень внятное слово. Это прилагательное, а обычно для имен классов используют существительные. Потому я остановился на lining.

paddin - Позор Эплу :) Тут они не далеко ушли от тега center и font. К сожалению, флагманом в области верстки Эпл никогда не был. Плетутся в хвосте. (Главное - не путать верстку и веб- дизайн. В последнем они очень влиятельны.)

Кстати, щас часто стали встречаться имена min-width, max-width. Это то же самое что и padding - не есть гуд, по-моему. Для назначения min-width, max-width лучше использовать блоки с именами page и wrap.

Словарь я потихоньку собираю :) Спасибо всем кто присылает свои варианты!

By: Gan

Gan — Wed, 09 Jul 2008 22:48:19 +0000

не могу понять это .foo {border-bottom: solid;}
Это получается класс надо приписывать дивам которые проверяешь схлопнулись они или нет?

By: Gan

Gan — Wed, 09 Jul 2008 22:43:57 +0000

еще я встречал что замест nav используют navbar.

Также встречал когда отделяют блоки в которых указывают только ширину от блоков в которых указывают только margin либо паддинг! Так для внутреннего блока в котором указывают паддинг называют paddin( на сайте http://www.apple.com) либо встречал для таких же блоков такое название inner!

Да было бы неплохо если бы был какой то общий словарь семантических имен для блоков