С почином за звиздюлями

[ZenCoder]

Здравствуйте, уважаемые.

Слегка просохли жабры мои от алкоголя употребленного в упокой любимому ослику нашему, Иа, как бы решил попробовать сделать все нетипично HTML 5 и CSS3. Получилось даже валидно ...

Что скажете по поводу техники OOCSS? Очень бы хотелось услышать мнения именитых БЕМ-специалистов, ведь мы так похожи и так нетипично разорваны.

Project: Пресс Индекс

Layout: module, OOCSS, semantic future;

C уважением,

Зеня ПростоФилин

Edited June 2, 2013 by ZenCoder

[ZenCoder]

сорри, cцылочка.

[klierik]

увидел в коде:

<div id="root">

и

primaryTabs

дальше можно не смотреть

ах да, не знаю при чем тут БЭМ, но его я тут вообще не вижу.

имхо, незачет.

[ZenCoder]

  On 6/3/2013 at 12:32 PM, klierik said:

увидел в коде:

<div id="root">

и

primaryTabs

дальше можно не смотреть

ах да, не знаю при чем тут БЭМ, но его я тут вообще не вижу.

имхо, незачет.

Поясните? Вы наверное забыли про XML и то, что некоторые люди вообще забывают про дерево.

  On 6/3/2013 at 12:32 PM, klierik said:

primaryTabs

Вам не нравится мой CamelCase, Вы никогда не писали на C и, естественно, никогда не вспомните про User-часть, Admin-часть, Edit-часть. Табов может быть много и везде JS.

  On 6/3/2013 at 12:32 PM, klierik said:

имхо, незачет.

Имхо-то обоснуйте или мне за Вас анализировать ваши психо-всплески?

p.s.: зачетики обычно я ставлю, но мне это не нужно ) не за партами сидим

Edited June 3, 2013 by ZenCoder

[klierik]

1. я не обязан объяснять дле чего был придумал ID и Class Name, для этого есть документация. на текущем форуме я про это говорил огромное множество раз.

2. HTML -- это не С. Читабельнее написать "block-name" нежели "blockName". В больших проектах (под большим проэктом я подразумеваю проэект которые разрабатывается 2-3 года) за это "по рукам больно дают".

3. в рамках данной темы зачет/незачет ставят ТС. а уж кольь в первом посте было сказанно про БЭМ, то и анализ разметки был на достаточно жестком уровне.

[ZenCoder]

И так ... Прсетупим ( хряп, хряп, хряп, хрум ) ... Дэннис бы вас отшлепал, не смотря на плюсеги, однако, согласен. Давайте ближе к телу.

  On 6/3/2013 at 1:56 PM, klierik said:

1. я не обязан объяснять дле чего был придумал ID и Class Name, для этого есть документация. на текущем форуме я про это говорил огромное множество раз.

Разницы не так много. Id уникален, класс множественен. Уникализация с помощью Id эффективнее Class'овой. По мелочи этого достаточно но, если копнуть глубже, то выборка по Id гораздо быстрее. Варить умеет не только браузер, но и Javascripter, чтобы не делать лишних выборок в дереве. Между делом браузер делает это автоматически ...

  On 6/3/2013 at 1:56 PM, klierik said:

2. HTML -- это не С. Читабельнее написать "block-name" нежели "blockName". В больших проектах (под большим проэктом я подразумеваю проэект которые разрабатывается 2-3 года) за это "по рукам больно дают".

Вообще это так, но HTML написан чем? На вкус и цвет. Парсинг с - _ и без спэйса роли не играет. Ой да ладно Вам в носу ковыряться... Сами не можете и другим наверное не даете.

  On 6/3/2013 at 1:56 PM, klierik said:

3. в рамках данной темы зачет/незачет ставят ТС. а уж кольь в первом посте было сказанно про БЭМ, то и анализ разметки был на достаточно жестком уровне.

Я бы хотел вспомнить про линуксовые глисты зависимостей( dependency ) и про модульные архитектуры. Но тут, видимо, нам с вами разговаривать не о чем. Мы не любим в именах зарезервированных атрибутов _ (землю). не любим глистотные закорючки БЕМ.

Просто срежте лишнее с ID и утрамбуйте в свои классы: будет то-же самое для проекта на 2-3-5-15 лет. Переделывать не придется. Для маленького-же, очки помогут любому человек разобраться в любом модуле мгновенно, не изучая блоки-модификаторы и прочую чепуху, которая еще на бэкенде умудряется батхерт сгенерировать.

[klierik]

В чем смысл выставлять работу на обсуждение, получать критику, быть недовольным и защищать своё болото?

Оценка была произведена согласно предстваленной разметки. Не готов к критике - не выкладывай на обсуждение.

Лично мне абсолютно всё равно как, что, где и когда ты будешь верстать.

[ZenCoder]

  On 6/3/2013 at 2:31 PM, klierik said:

В чем смысл выставлять работу на обсуждение, получать критику, быть недовольным и защищать своё болото? Оценка была произведена согласно предстваленной разметки. Не готов к критике - не выкладывай на обсуждение

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

  On 6/3/2013 at 2:31 PM, klierik said:

Лично мне абсолютно всё равно как, что, где и когда ты будешь верстать.

И мне монопенисуально, однако, у все свои приколы. Google в ужасе уже и Id генерируют рандомно, а ответ простой... Они просто не могут понять, что стандарты нужны.

  On 6/3/2013 at 2:31 PM, klierik said:

Оценка была произведена согласно предстваленной разметки.

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

[Svatov]

Вы себя в литературном жанре не пробовали? Может верстка это не ваше ремесло?

Теперь по делу:

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

Пару замечаний, чтобы не быть голословным:

#search {
position: absolute;
display: inline-block;

<h1>Организация МЧС</h1>

<div id="userPanel">
    <a class="reports" href="#">Мониторинг</a>
    <a class="management" href="#">Управление информацией</a>
    <a class="search" href="#">Поиск</a>
    <a class="settings" href="#">Настройки</a>
   </div>

Я вижу, что вы ознакомились с HTML5 но сути так и не поняли. Почитайте про document outline и собственно про новые теги раз уж вы их используете.

Да и если просто даже визуально пройтись по документу в дебагере в шапке непонятные отступы и тд. Это так если посмотреть вашу страничку 10 минут и думаю можно считать это авансом посколько вы явно этого не заслуживаете. Будьте вежлевее.

[ZenCoder]

  On 6/3/2013 at 4:08 PM, Svatov said:

Пару замечаний, чтобы не быть голословным:

Зачем мне аутлайн, если я убил осла?

  On 6/3/2013 at 4:08 PM, Svatov said:

Я вижу, что вы ознакомились с HTML5 но сути так и не поняли. Почитайте про document outline и собственно про новые теги раз уж вы их используете.

Подробнее пожалуйста

  On 6/3/2013 at 4:08 PM, Svatov said:

Да и если просто даже визуально пройтись по документу в дебагере в шапке непонятные отступы и тд. Это так если посмотреть вашу страничку 10 минут и думаю можно считать это авансом посколько вы явно этого не заслуживаете. Будьте вежлевее.

У меня Sublime и Safari. Я ничем больше не пользуюсь ... Отступы -- это табы.

  On 6/3/2013 at 4:08 PM, Svatov said:

#search { position: absolute; display: inline-block;

Чтобы блок не был на всю ширину и не накрыл другие элементы он инлайновый. Чтобы он встал куда надо он абсолютно спозиционирован от родителя. Ссылки оборачивать смысла не вижу. Там двойные лайн-хейт делают тоже, что и table-cell.

Что не так? Мне не нужен табличный процессор ...

[ZenCoder]

Del в инстрементах девелопера на все лишнее( display: none на responsive ) и это прошло на мобильный экран ...

Edited June 3, 2013 by ZenCoder