http://csslint.net/ - что думаете о таких рекомендациях?

[Zverushka]

http://csslint.net дает рекомендации коду. например, 

Disallow duplicate background images

Насколько нормальны и качественные его рекомендации, так как приведенной выше я не понимаю?

Too many floats (13), you're probably using them for layout. Consider using a grid system instead.

Слишком много плавающих элементов - ну и что? Мне предлагают ставить некую сетку - это хорошо?

 

Headings should only be defined once You have 4 h2s defined in this stylesheet.

 

4 H2 заголовка в лендинге - плохо?

 

Disallow too many font sizes Too many font-size declarations (39), abstraction needed.

 

Много размеров шрифтов - да много, лендинг все-таки, почти каждый элемент уникальный.

 

 

Далее немного не по теме топика, читаю вот эту статью

http://habrahabr.ru/post/114256/

Микроформаты не только полезны для SEO, но и здорово упорядочивают код. Не нужно полчаса думать как назвать новый блок. Выбирай из существующих стандартных имён! Бери entry-content, не ошибёшся В настоящее время (2012 год) микроформаты постепенно вытесняются microdata, стоит использовать и то и другое.

Я как-то пыталась читать про микроформаты (микродата) - какая-то очень специфичная тема, плюс - она разве не выдает тысячу ошибок при валидации кода? Его ведь тяжело будет отладить валидатором.

Кто-нибудь использует микроформаты как стандарт своей верстки? И где о них прочитать попроще? Разве микроформаты не разные для каждого поисковика, например? Ведь именно для них они и нужны или как? Плохо разбираюсь в этой теме.

Edited December 2, 2013 by Zverushka

[wwt]

Микроформаты нужны для более понятной структуры для программ обработчиков. Если вы не думаете что ваш код будут анализировать такие программы-обработчики то и микроформаты ни к чему. Хотя некоторые моменты можно там и позаимствовать для обычных проектов, хуже не будет имхо.

 

А по поводу такого советчика. Мне сразу вспомнились выражения на разных ресурсах по поводу программирования и ООП. Типо ненужно на каждый чих создавать свой класс. А в итоге открываем код практически любого ООП фреймворка и видим на каждый чих свой класс.

Edited December 2, 2013 by wwt

[Zverushka]

Еще такой вопрос - в статье написано, что, для, допустим, юникс систем надо прописывать другие шрифты. но разве Arial, sans-serif прописать недостаточно? Чтобы система сама выбрала шрифт похожего начертания?

 

 

• Самое страшное, к счастью уже редкое — float: left для всех блоков. Безумный верстальщик эмулирует привычные ячейки таблиц, расставляя блоки как кирпичи друг за другом. Вон из профеcсии! Проверяется: Web Developer Outline → Float elements, если всё в красных блоках, вёрстку нужно выкидывать на помойку.

Вот этот момент задевает очень сильно. Что же плохого в такой верстке? Возвращаешь элемент в поток и все. Может кто подробно объяснить, что же здесь ужасного в такой верстке? На практике что плохого может произойти от нее? И чем заменить такие элементы?

 

 

Блоки независящие друг от друга не должны быть внутри одного блока (например телефон компании и поиск по сайту). 

Это как?... Каким образом, если они в одной строке еще и без отекания и как их размещать?

Edited December 2, 2013 by Zverushka

[klierik]

будет выбран sans-serif

[Zverushka]

Это же семейство шрифтов, будет выбран какой-то из этого семейства, так?
Может быть, что этого семейства нет на какой-то из текущих систем - это виндовск, юниксы, аппл, иос, что там еще есть.

[wwt]

Это же семейство шрифтов, будет выбран какой-то из этого семейства, так?

Может быть, что этого семейства нет на какой-то из текущих систем - это виндовск, юниксы, аппл, иос, что там еще есть.

это не сколько семейство, а сколько тип шрифта. если никакого из перечисленных шрифтов в системе нет то будет выбран другой имеющий тот же тип начертания. Если в системе нет ниодного шрифта этого типа то будет использован дефолтный. Но в любой системе обычно есть хотя бы один шрифт нужного типа.

 

мы перечисляем шрифты через запятую и в конце указываем общий тип ключевым словом.

 

sans-serif - "без засечек".

Edited December 2, 2013 by wwt

[Bassline]

Самое страшное, к счастью уже редкое — float: left для всех блоков. Безумный верстальщик эмулирует привычные ячейки таблиц, расставляя блоки как кирпичи друг за другом. Вон из профеcсии! Проверяется: Web Developer Outline → Float elements, если всё в красных блоках, вёрстку нужно выкидывать на помойку.

 

 

Вот этот момент задевает очень сильно. Что же плохого в такой верстке? Возвращаешь элемент в поток и все. Может кто подробно объяснить, что же здесь ужасного в такой верстке? На практике что плохого может произойти от нее? И чем заменить такие элементы?

 

Есть еще одна статья от этого автора с теми же утверждениями http://habrahabr.ru/post/25680/

В комментариях с ним были не все согласны.. и вот некоторые из его ответов:

 

для всего - это когда открываешь макет, а там почти у каждого div - float: left. бывает даже в стилях пишут

float нужно использовать для раскладки колонками например, но не для того чтобы поставить три картинки вряд и т.п.

 

я не призываю НЕиспольозовать float. Это великолепное свойство. Я призываю использовать его с умом, а не для того чтобы переламывать сткруктуру документа под себя.

 

примеры когда float хорошо - колонки, врезки, картинки с обтеканием, галлереи (вместо картинок в таблице) и т.п.

 

неразумное - это когда float почти к каждому div, обычно их куча вложенных друг в друга.

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

 

 

[Zverushka]

В общем, если прописать к ариалу санс-сериф, то не обязательно подключится Geneva - возможно и какой-то другой, более далекий по начертанию шрифт вставит, да?

 

Про флоаты так и не поняла - у меня получается везде, где один элемент слева сайта, другой справа - это два флоата, а так как сайт непрерывно строится на блоках, расположенных один слева, другой справа - вот и получаются одни флоаты.

[Игорь Ермаков]

Есть еще одна статья от этого автора с теми же утверждениями http://habrahabr.ru/post/25680/

Ну и статья, получается, что большую часть годных топовых сайтов верстали мудаки)))))))))))

[Bassline]

Про флоаты так и не поняла - у меня получается везде, где один элемент слева сайта, другой справа - это два флоата, а так как сайт непрерывно строится на блоках, расположенных один слева, другой справа - вот и получаются одни флоаты.

 

Вот еще:

 

галлерея картинок это

<div>

<img />

<img />

<img />

</div>

где img - float: left, div - overflow: hidden

для каждой вещи - свои решения. я не против float left. я против бездумного его применения.

 

Как оказалось, он имеет в виду, что раз уж решил использовать флоат, то позаботься о нейтрализации последствий, которые он может вызвать. Ну и по возможности стараться заменять его другими способами.

 

P.S.

Наверное он это имел в виду.))

Edited December 2, 2013 by Bassline

[Zverushka]

Ну и статья, получается, что большую часть годных топовых сайтов верстали мудаки)))))))))))

 

Да статья такая - прочитай ее, почувствуй себя ***ом, по крайней мере у меня такое чувство возникло)...

[lexxcode]

но разве Arial, sans-serif прописать недостаточно? Чтобы система сама выбрала шрифт похожего начертания?

 

Тогда можно вообще написать просто  sans-serif ибо для форточек и так будет Arial по-умолчанию) только если пользователь сам не поменяет параметры системы

[Z1gnet]

Да статья такая - прочитай ее, почувствуй себя ***ом, по крайней мере у меня такое чувство возникло)...

ну во первых статья была написана почти 3 года назад и уже некоторые вещи изменились (статью полностью не читал, так просмотрел). У человека есть свое мнение, он имеет право на него, но это не означает что это единственно правильное мнение. у него свое, у меня свое. есть то что чем я согласен, а есть то чем нет.  я к примеру верстальщиком стал попав в фирму где обучают. при чем там конвейер, полная контора верстальщиков (порядка 150 человек). и все разбиты на тимы и у них есть инструктора, которые поначалу проверяют твой код и указывают на ошибки. бывало такое что на вопрос - а почему так нельзя сделать? отвечали - потому что я делаю по другому, а твой способ мне не нравится потому что не нравится. и были жесткие стандарты фирмы от которых нельзя было отступать ни на пиксель. но уйдя в другую фирму я через время сам для себя начал делать выводы, что одни способы которым меня учили были реально оптимальными, а вот другие не очень и я знаю как лучше сделать. тем самым я начал вырабатывать свой почерк. верстка все таки достаточно творческий процесс и в один шаблон ее загнать нельзя.

вы только не подумайте, я не утверждаю что нужно верстать как в голову взбредет. но нужно уметь и своей головой думать и фильтровать что пишут.

[advokatua]

 

 

Есть еще одна статья от этого автора с теми же утверждениями http://habrahabr.ru/post/25680/

Эгоцентризм у человечка зашкаливает, немного.

"Так верно, а так не верно" -  а затем в коментах пишет, что он не говорил, что надо делать только так, а не так.

Как-то по-шизоидному вышло ))

 

В статье за 2011 он уже более по-взрослому все разложил. Хотя вопросы все равно есть.

Например пункт про отключенный JS. Может в 2011 и делали некоторые корпоративные сайты с таким учетом, но сегодня как-то слабо верится. Как пример - новый сайт от Лебедева tyazhmash.com. Там без JS пол сайта не рулит, вместе со всякими слайдерами и крутилками новостей, и в IE7 вполне читабелен. Если смотреть html этого сайта, то этот человек хрен бы принял такую верстку и верстальщика пинком погнал бы искать новую работу. 

 

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

Edited December 4, 2013 by advokatua

[Zverushka]

@advokatua,а можно ссылку на его сайт? 

Что-то он странно пишет 

 

 

Упрощённо говоря свойство float было придумано для того чтобы текст мог обтекать картинки. Да, его можно и нужно использовать для позиционирования элементов, но не для всех элементов на странице!
Свойство float оно НЕ для того чтобы:

• поставить элемент слева или справа, не бывает float: center;
• ширина блока стала равна его содержимому;
• блоки шли один за одним, как кирпичики;
• и совсем не для того чтобы «неглючило в IE».

Что происходит реально:

• элемент выпадает из потока документа, его высота не учитывается, а ширина ужимается до контента;
• другие элементы поднимаются вверх, подлезают под него, выглядывают сбоку и начинают обтекать этот блок.

Я так и не поняла, как по его мнению надо делать первые пункты, что он перечислил, если никак не с флоат. также я не поняла, какие могут быть проблемы, если такие элементы всегда возвращаются в поток документа.

[Z1gnet]

@Zverushka,  http://ideus.biz/ вот.

Я так и не поняла, как по его мнению надо делать первые пункты, что он перечислил, если никак не с флоат. также я не поняла, какие могут быть проблемы, если такие элементы всегда возвращаются в поток документа.

я щас понял что слава Богу не читал полностью его статью   видемо его в детстве злыми float'ами пугали. и если он будет себя плохо вести, то они ночью придут за ним и нарушат ему поток, поднимут вверх, подлезут под него, выглянут сбоку и начнут обтекать!!! я бы тоже их боялся...

[advokatua]

Смотрю сейчас его презентацию со статьи http://habrahabr.ru/post/114256/ и там он уже не такой однозначный. Прям как будто 2 разных человека - один писал статью, а другой выступал на семинаре.

 

Если в статье написано "должно", "нужно", то в видео он говорит "желательно". В раз 10 мягче, буквально к каждому пункту. Или у него малый опыт публичных выступлений, хотя с учетом его должности в фирме и юмору этого не скажешь, или когда он писал статью ему просто что-то в голову ударило, из-за чего все вышло настолько категорично.

Edited December 4, 2013 by advokatua

[Vlad]

Микроформаты потеряли свою актуальность, после того как Гугл и Яндекс стали поддерживать schema.org. Так что микроданные в HTML5 на данный момент единственно правильное средство.

 

На паре сайтов использовал и то и другое и могу сказать, что плюсов от использования больше, чем минусов. Поскольку всё завязано на чёрный ящик поисковиков, можно только эмпирически выводы делать. Во-первых, никаких сложностей с вёрсткой нет. Разобраться и внедрить микроданные можно за час максимум, это никак не ломает существующий макет. Возможно, разве что, придётся добавить несколько лишних <div>. Во-вторых, поисковики стали лучше индексировать сайт и вообще его "полюбили" и начали двигать выше. Не могу заявить с уверенностью, что именно из-за микроданных, но если есть такая вероятность, стоит потратить час времени на добавление. В-третьих, Яндекс в результатах поиска стал иначе выводить информацию с сайта, не просто первые нашедшие строки, а по теме всё. Это, опять же, лучше для пользователей и сайта.

[wwt]

В общем, если прописать к ариалу санс-сериф, то не обязательно подключится Geneva - возможно и какой-то другой, более далекий по начертанию шрифт вставит, да?

 

font-family: Arial, Geneva, sans-serif;

Браузер будет пытаться подключить шрифт слева направо. И если ниодного, из перечисленных, в системе нет он последует рекомендации в конце строки "sans-serif" и подключит какой-то другой шрифт без засечек, который есть в системе. Какой конкретно предсказать не возможно ,ибо мы не знаем какие могут быть установлены шрифты в системе. Но это будет именно шрифт без засечек, если хотябы один шрифт такого типа установлен. Если ниодного нет, будет использоваться шрифт браузера по умолчанию. Ключевое слово в конце лучше всегда указывать.