• Как называть css-классы
    0
    Автор SMACSS тоже сказал что нужно просто использовать BEM: https://twitter.com/snookca/status/606908589295464449
  • Новая ICQ для Windows, открытый код и кое-что еще
    0
    По идее — залогинится, вбить в свой профиль email и номер телефона, а после этого — пробовать восстановить пароль через https://icq.com/password/ru
  • Новая ICQ для Windows, открытый код и кое-что еще
    0
    Восстановление пароля на сайте ICQ: https://icq.com/password/ru, просто указываете UIN, а там уже аська сама предложит что сможет для восстановления — или на почту отправит ссылку для сброса (если указана почта), или смс для сброса пришлёт (если номер телефона указан).
  • Новая ICQ для Windows, открытый код и кое-что еще
    +4
    Восстановил пароль на ICQ и QIP, давно хотел, вот появился повод.
    В сети даже есть живые люди, круто, попробуем пользоваться снова.
  • Lamptest.ru: протестировано 557 ламп
    0
    Протестуйте Maxus, пожалуйста, если есть возможность.
  • БЭМ — методология развешивания костылей
    0
    Повышая специфичность, вы лишаетесь возможности менять разметку и переносить блоки: delka.name/blog/2013/04/bem-otkroveniya-prinyavshih-veru

    Я тоже раньше так писал, но таким блокам нужно создать (скопировать) контекст! Им нужно создать вокруг них, выше, те же самые блоки с такими же классами. Если тебе нужно перенести блок на другую страницу — тебе нужно создать такие же родительские блоки. Или нафигачить кучу бессистемных multiple classes :(
  • БЭМ — методология развешивания костылей
    0
    А вот тоже самое от автора MCSS: habrahabr.ru/post/256109/#comment_8442829
  • БЭМ — методология развешивания костылей
    +2
    Вот оно:
    @HugoGiraudel Most common misspelling is “SMACCS”. I should just rename it to BEM.— Snook (@snookca) 5 июня 2015
  • БЭМ — методология развешивания костылей
    +1
    И про то, кому БЭМ облегчает работу:

    Например, если бы я попросил вас удалить все классы, относящиеся к пользователю, в этом куске кода, какие бы вы выбросили?
    <div class="media user premium">
      <img class="img photo avatar" src="" />
      <p class="body bio">...</p>
    </div>
    


    …а в этом?
    <div class="media user--premium">
      <img class="media__img user__photo avatar" src="" />
      <p class="media__body user__bio">...</p>
    </div>
    
  • БЭМ — методология развешивания костылей
    +2
    БЭМ не противопоставляет себя семантической верстке.
    БЭМ дополняет её, вносит ещё один уровень смысла (семантики) в документ.

    Презентационная верстка: мы знаем что есть какая-то красная кнопка.
    <input class="big_red_button">
    


    Семантическая верстка: мы знаем что это какая-то кнопка покупки товара.
    <input class="order-button">
    


    Семантическая верстка + БЭМ: это кнопка оплаты в форме покупки со скидкой.
    <input class="order-button discount-checkout__submit">
    
  • Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать
    0
    Добавил требование поддержки Retina.
    Дополнил «18. Мелочи» требованием что изображения должны масштабироваться в зависимости от размера окна.
  • Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать
    0
    Актуализировал рекомендации по оптимизации скорости загрузки.
  • Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать
    0
    Актуализировал список исключений для CSSLint
  • Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать
    0
    На GitHub подробней раскрыт пункт №12 «плохо»/«хорошо»
    Пункт №12 — актуализирован:
    — про хаки в css и как писать код для разных браузеров
    — что пустые блоки не запрещены, а нежелательны и их можно заменить на псевдоэлементы
    — добавлено пояснение, что нужно просто юзать Normalize для того, чтоб были базовые стили элементов (а не голые стили от CSS Reset)
    — объяснил что «последовательное уточнение стилей» — это для текста и не касается стилей для блоков (там используем БЭМ)
    — уточнил что не просто плохо, а нельзя вешать стили на селекторы вложенных элементов, без классов. И что именно вложенных элементов, а не одиночных, а для одиночных нужно юзать блок .b-text
    — переформулировано без описания технологий пожелание о разбиении верстки на шаблоны
    — добавлена рекомендация складывать иллюстрации в отдельную папку.
  • Видео доклада «Пишем #b_ правильно» с WebCamp 2015
    0
    +1 и также это повышает специфичность селектора, что ограничивает вас в действиях — вы не сможете писать стили на сам .element без !important или без указания контекста (блока родителя .block).
  • Видео доклада «Пишем #b_ правильно» с WebCamp 2015
    0
    Официальное видео ожидается в течение месяца-двух, пока что у нас есть только «пиратская» запись.
  • Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать
    +1
    Я имею в виду саму идею использования мета-языков над CSS.
    Не уверен стоит ли делать сноску вида «а вообще вы можете генерить css не только с помощью sass». Чеклист ориентирован на устоявшиеся практики (во многом он систематизировал их и помог им стать стандартом де-факто), практики, которые можно рекомендовать всем и в первую очередь — менеджеру/клиенту, который проверяет работу или выставляет это чеклист как гайдлайн. Код на sass будет легко развивать и поддерживать.

    То что существуют постпроцессоры и их рекомендовано использовать — в чеклисте есть.
  • Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать
    0
    Добавлено требование использования препроцессоров и рекомендация использования систем сборки.
  • Последний день ранней регистрации на WebCamp и дополнительные скидки для читателей Habrahabr
    0
    Да, русский и английский.
  • Gmail и Skype грозит запрещение в России. А также остальным email и IM сервисам
    +5
    Айтишники очень даже участвуют в революциях: dou.ua/lenta/news/sergii-bondarev/
  • Как получить хорошую верстку от верстальщика
    +1
    CSS-код в иллюстрации поста — это «как получить плохую вёрстку».
    nav li — путь к проблемному каскаду, а от каскада надо стараться уходить.
  • Re: Собеседование разработчика (альтернатива/дополнение)
    0
    Ещё лучше — обсудить с кандидатом его собственный код.
    Собеседование это итак стресс, а тут ещё и чужое приложение придумывать.
    Все те советы из статьи — только не на чужом коде, а на коде который уже написал кандидат. Т.е. просишь прислать примеры работ и их же с ним обсуждаешь. И тестовое не нужно — т.к. код уже есть. И есть что обсуждать, не растекания мыслью по древу — код уже есть.

    Я так собеседую по скайпу, уходит минут 20, очень эффективно.
  • Как SmartTV забыли о главном
    0
    Аналоговые каналы тоже отлично смотрятся, всё зависит от качества приёма сигнала. Тем более в Samsung — отличный аналоговый фильтр.

    Вот это фото аналоговых каналов:

    DVB-T2 или SAT — показывает лишь чуть-чуть лучше, разница заметна только вблизи.
    С дивана видна разница только на спутниковых HD каналах.
  • Как SmartTV забыли о главном
    –1
    Проблемы которые описал автор действительно есть. Но это актуально только в случае проигрывания файла не через DLNA.
    Проигрывание с USB — это чтоб можно было подключить фотик или мабилы и посмотреть фотки-видео.

    А кино смотреть с USB — это не совсем правильный подход. Smart TV заточенны под проигрывание через DLNA. Через DLNA — всё чудесно, выше в комментах есть описания: ставиться домашний NAS и смотрится с него.

    Но большинство видео вообще удобно смотреть прямо из инета. Есть много приложений, как официальных, так и пиратских (которые спасибо Самсунгу очень легко ставятся, даже подозрительно легко). И открываешь какой-нибудь виджет Ex.ua и смотришь «Breaking Bad».
  • 8 HTML элементов, которые вы не используете (а следовало бы)
    +3
    Я тот самый «парень из Харькова» (:
    Спасибо, рад что вам понравились статьи и видео!

    Дело в том, что большинство проектов мы делаем для наших партнеров-разработчиков и по многим проектам у нас подписанные NDA, согласно которым не имеем права размещать работы у себя в портфолио.

    Я посмотрю что из последних работ мы имеем право «светить» и выложу тут завтра ссылки.
  • Безумцы: к чему приводит диктатура телеканалов
    0
    Нет.
    ТВ может и пользуется современными возможностями. В том числе и трансляциями через Ustream.
    В Украине как минимум один канал именно через него вел и ведёт круглосуточные трансляции с места событий — это Канал 112.

    ТВ — это не только национальные (в России они называются «федеральными») каналы. Есть те кто не боятся экспериментировать, получать новости непосредственно от зрителей и выводить их в эфир.
  • Верстка для самых маленьких. Верстаем страницу по БЭМу
    +6
    Плохо что автор как образец показывает классы вида block__element__element (b-slider-case-element__number) и модификаторы не в формате modifer-value (b-slider-case-element__number_active).

    Это самая главная проблема с из-за которой идёт неприятие bem у других — им кажется что bem — это «длинные бездумные классы повторяющие dom-вложенность». Это не так. По bem нельзя писать block__element__element, @harisov негодует: twitter.com/harisov/status/403421669974618112

    Ещё конечно стоило написать о миксовании, различных видах модификации (от контента и переопределением), рассказать про абстрактные блоки, и если уже пошли говорить за префиксы и упомянули никогда не существовавший в пределах Яндекса префикс js-, то стоит написать и про префиксы i- как минимум, а заодно можно и про l-, h- и т.д.

    Напишу статью-ответ, где разберу типичные ошибки с bem.
  • Pixel perfect верстка
    0
    Считаю стоит уточнить что считается «Pixel perfect» версткой, а что- нет.
    И так постоянно вижу расхождения с макетом по 10-20px у верстальщиков, и там не скажешь что они выровняли по сетке или поправили дрогнувшую руку дизайнера — нет, там перепутали тип шрифта, размер его, цвет, не те отступы у абзацев, интерлиньяж и т.д.

    А говорить «pixel perfect — зло» -развязывать руки на расхождения с макетом по 30-40px (да видел, сплошь и рядом).
  • Compass — инструмент для эффективной работы с CSS
    0
    Grunt, CSSLint и т.д. — незаменимые вещи, когда у вас отдел и нужно чтоб ребята писали код согласно вашим гайдлайнам, чтоб были тесты и т.д.
  • Compass — инструмент для эффективной работы с CSS
    0
    А потом перейдёте на Grunt, подключите CSSLint, JSHint и т.д, будет ещё дольше.
    Теперь мощные процы и для верстки нужны :)
  • Опыт работы с GruntJS
    +1
    «Пример Gruntfile» — это ваш рабочий? Там нет 200 строк кода :)
    Хочется побольше подробностей про Gruntfile.js, плагины которые вы используете, почему выбрали именно их, а от чего отказались, про грабли и наоборот про классные штуки, на которые надо обратить внимание.
  • Оформление кода, оптимизация процесса проверки качества кода
    +1
    Причины почему нужно использовать пробелы, а не табы можно найти даже в самих гайдлайнах/кодстайлах:

    RSR-2:
    N.b.: Using only spaces, and not mixing spaces with tabs, helps to avoid problems with diffs, patches, history, and annotations. The use of spaces also makes it easy to insert fine-grained sub-indentation for inter-line alignment.

    PEAR:
    This helps to avoid problems with diffs, patches, SVN history and annotations.

    Список гайдлайнов в поддержку пробелов: sprng.me/ife6p
  • Оформление кода, оптимизация процесса проверки качества кода
    +3
    Любой современный редактор позволяет забиндить на клавишу TAB сколь угодное кол-во пробелов.
  • Грамотное адаптивное выравнивание шапки сайта
    0
    Поправьте меня если я ошибаюсь, но увеличить размер только шрифта, а не всего сайта можно только в FF при специально включенной галочке zoom text only. При условии что font-size у нас в px (что само-собой разумеется при верстке в АНБ).
  • Грамотное адаптивное выравнивание шапки сайта
    0
    Текст — это только текст. А меню — это логический блок, а не текст, имхо.
  • Грамотное адаптивное выравнивание шапки сайта
    0
    Я считаю что те блоки что не зависят друг от друга по логике документа/макета, не должны зависеть друг от друга и в вёрстке.
    Т.е. если лого у нас всегда слева в определённом месте, а меню — например справа в другом, то от смещения/перемещения одного из них, другой — не должен меняться.
  • Грамотное адаптивное выравнивание шапки сайта
    0
    На узком экране можно и нужно переопределить всё через media queries — это даст гораздо большую свободу действий, чем упование на то когда и как какой блок куда уйдет, особенно в условиях когда их много, а изменить дизайн нужно сильно.
  • Грамотное адаптивное выравнивание шапки сайта
    0
    Пример выбран неудачный: логотип и пункты меню сайта в шапке — не должны зависеть друг от друга, поэтому верстаться должны через pos: abs;
  • Основные ошибки при разработке адаптивного дизайна
    0
    Потому что серверу нужно определится что отдавать клиенту, а не грузить ему всё подряд, а потом скрывать.
  • Основные ошибки при разработке адаптивного дизайна
    –1
    Я в защиту серверного определения.
    Гигантские телефоны — остаются телефонами, умеющие звонить планшеты — планшетами, все ok.