Привет!
Эту неделю с вами буду я - Игорь Зенич @delaz из веб-студии @iDeus_team, Харьков.

Я тот самый чел, который замучал вас всех постами и докладами про #b_ CSS.

Ещё я придумал чеклист верстки github.com/delka/html5che…
и написал, но не пиарил чеклист оптимизации скорости загрузки github.com/delka/WebPerfo…

Застал форум Вебмаскона, где познакомился с нынешними отцами верстки.
@flackus привет, это ты первым одобрил мой код, спасибо!

Потом был конкурс #WebHiTech, что придумал Артем Ломов и поддержала песочница #wstdays — так я попал в тусовку.

Я решил что не буду писать ничего про БЭМ на этой неделе :)
Ну разве что кто-то специально будет спрашивать что-то необычное.

Я хочу поговорить с вами о организации работы и жизни, управлении проектами и людьми, росте.
О работе менеджером и тим-лидом.
И проблемах.

Поговорим о знаниях и их устаревании в мире верстки. Я регулярно нанимаю людей и могу сказать что учится и верстать с каждым годом все легче

Например сейчас у меня есть вакансия для трэйни-html-верстальщика и я получил на неё 350+ откликов за месяц. С примерами работ. Неплохими.

Т.е. сейчас чтоб изучить верстку и сделать симпатичный лендинг достаточно 3-месячных курсов.

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

Вот hasLayout вы давно использовали? Как считате — нужно ли вообще кому-то знать что это и зачем? Спрашиваете на о нем на собеседованиях?

@cssunderhood ну оно же актуально только при поддержке IE6-7, разве оно нужно зачем-то ещё?

.@Sigiller и ещё IE8.
Наши знания в нулевые были как знания знахарей и шаманов. Сейчас же (ура), наступила цивилизованная эра.

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

.@_nikbelikov Фишка в том, что этот опыт не так важен для решения современных бизнес задач.

@cssunderhood вот здесь непонятно - легче верстать с нуля или использовать кучу фреймворков и шаблонов, типа bootstrap и html boilerplate?

.@dshster Сейчас с нуля редко верстают и это правильно. Верстка была ремеслом, а становится профессией. Ручной труд сменяет автоматизация.

@cssunderhood думаю проблема в багаже старых знаний, которых у новичков нет, например, вёрстка таблицами и gif-распорками, кто это помнит?

.@dshster А зачем это кому-то сейчас нужно. Нужно лишь то, что решает бизнес-задачи клиента.

Смотрите, у нас есть много крутых штук, которые можно изучать. Но рынку достаточно (и это правильно) их замены простыми готовыми решениями.

Причем можно даже не понимать как работает то, чем пользуешься. Например взять Google MDL и сверстать сетку на Flexbox. Быстро и дешево.

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

@cssunderhood а стоит ли поделить рынок на простые сайтики, энтерпрайз, стартапы и т.д. Для каждого нужен свой подход или нет?

@cssunderhood вот это дискуссионый вопрос - нужно ли знать "чистую" вёрстку или достаточно слепить из фреймворков?

.@dshster знать надо, но развитие будет идти в сторону готовых решений и инструментов. И надо конкурировать не с роботами, а создавать их.

Или например css3-анимации и transitions. Можно учить это все. А можно открыть Adobe Edge и за 5 минут сделать клёвый баннер.

@cssunderhood Только если ничего сложнее лендингов с параллаксом ты не делаешь. Для разработки серьёзных приложений такой подход не годится.

.@sapegin Если ты верстаешь приложение то там html/css — не главное, а главное — js. А верстку там вообще могут на бутстрапе наваять и ok.

@cssunderhood анимации не для баннеров )

.@apostololeg тем не менее их активно для этого используют :) Чтоб на мабилах рекламка весело шла и AdBlock не распознавал в том числе.

Спросим по-другому: что считать «серьёзным приложением», которое нельзя запилить используя готовые решения в html? @antonfrolovsky @sapegin

@SelenIT2 @cssunderhood только начавшим обычно не проще и они могут сразу делать реальные деньги (тм) а не сидеть полгода в книжках

@mktoid @cssunderhood это факт - мне удалось устроиться на работу через месяц после того как я начал изучать вёрстку

@cssunderhood тут еще вопрос в том будет ли потому удобно расширять и поддерживать эти готовые решения? яндекс.почта - серьёзно @sapegin

«Яндекс.Почта» — это серьёзно. А для всего остального есть Bootstrap/MDL».
#mastercard @antonfrolovsky @sapegin

Какие библиотеки/фреймворки для упрощения/ускорения верстки вы используете? Как кастомизируете?

@cssunderhood Для вёрстки сайтов свой фреймворк: tamiadev.github.io/tamia/. На работе — Бутстрап и Реакт-бутстрап.

@cssunderhood для писем есть офигенный Sassy Zurb Ink: github.com/faustgertz/sas…

Что делаете, чтоб не писать код руками, чтоб не верстать в сотый раз очередную html-форму или страничку Testimonials?

@cssunderhood для уникальных и сложных штук типа odisseydom.ru/%D0%B2%D1%8B%D… использую @ZURBfoundation, для вещей попроще расширяю @getbootstrap

@cssunderhood модульную сетку, например. Библиотеки готовые типа Select2.

@cssunderhood "как не писать ни строчки кода и получать много денег")))

Яндекс использует сами-знаете-какую-библиотеку. А вы?
Чужие наборы готового кода? Bootstrap/MDL/Bourbone?
Пишите свою библиотеку? На GitHub?

И самое интересное — как кастомизируете этот готовый код?

@cssunderhood в @ZURBfoundation довольно хорошо всё завёрнуто в Sass, подключаю нужные модули и расширяю их необходимыми возможностями

@cssunderhood или создаю свои модули на основе возможностей существующих. Примеси, функции, вот это всё.

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

Также постоянно пробуем разные сторонние библиотеки и модули. Сейчас верстаем 2 сайта с помощью Google MDL getmdl.io/started/index.…

На днях переделали свою систему сборки, добавили туда поддержку Bourbone, надеемся что их заготовки Bitters и Refills - пригодятся.

Также ведем список полезных/стандартных jQuery-плагинов для решения типовых задач: github.com/ideus-team/gui…

А вот та самая библиотека готовых блоков: github.com/ideus-team/bem…
Конечно там разнобой и повторения и надо-навести-порядок, но как есть.

До неё была аналогичная библиотека блоков во внутреннем SVN, но на неё забили и так и не перенесли на GitHub. Хотя надо бы,там есть полезное

У нас много проектов на Wordpress и для него мы тоже сделали заготовку: github.com/ideus-team/wor…

@cssunderhood опа, какие Refills клёвые! Неплохая замена для Bootstrap и прочих разномастных и довольно крупных штук.

@cssunderhood к вам дизайны вообще не приходят? Или вы сами все делаете в стиле используемого фреймворка?

.@xwoody Приходят,много, а ещё больше дизайнов рисуют наши дизайнеры с нуля.
Но ведь надо переходить от ремесла к промышленному производству

Завтра мы будем разговаривать про тестирование.
А вопросы про БЭМ - пишите в реплаи, если их наберется много, сделаем на выходных «День #b_»

@xwoody @cssunderhood ну так всё можно поменять же, берёшь и настраиваешь под проект. хоть с векторными зомби и цветочками! то базис же.

@cssunderhood но ведь все эти фреймворки со своим внешним видом. Много времени на переделку уходит + куча лишнего остается.

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

.@xwoody также стоит просто попробовать, чтобы понять «а зачем это надо?» Так я долго не мог понял зачем нужны сетки, пока не попробовал.

@cssunderhood а еще без БЭМа они (кроме MDL). Не могу без БЭМа, не люблю боль и страдания :)

.@xwoody вы можете переписать html/css стороннего плагина под #b_, иногда это достаточно легко.

@cssunderhood Как выйти из тупика выбора: использовать готовые решения с JQuery, или писать типичный функционал без лишних обвесов?

.@akavolkol Используйте jQuery. Зачем вам от него отказываться? Он загрузится из кеша или CDN да и у вас картинки больше весят чем он.

@cssunderhood если дизайнер не использует сетки в дизайне (да еще и такие как в фреймворке) толку от них нет на мой взгляд.

.@xwoody я понял что их фишка - responsible «из коробки». И сетку можно переопределить под себя, если что.

Ещё на этой неделе мы будем обсуждать:

@cssunderhood @akavolkol А потом люди говорят, что DOM медленный и придумывают реакты.

Проблемы нужно решать по мере поступления. Увы, большинство наших с вами задач - совсем не rocket 🚀 science @dmitryshimkin @akavolkol

@cssunderhood @dmitryshimkin @akavolkol Реакт отнюдь не рокетсайнс, а почти необходимость.

И если вы читаете @webstandards_ru, то буду рад выслушать критику: редко, часто, скучно, каких тем не хватает и т.д.

«Веб-стандарты» начинались как тусовка на Вебмасконе, продолжались в Гугл-группе, а сейчас живут в виде чата в Слаке, т.н. «песочница».

Эта песочница (или редакция) закрытая, но туда, при большом желании, можно попасть. Но не потусоваться, а нести пользу.

Для меня же стало вдвойне важно объединять сообщество изнутри, организовывать WSD в Киеве каждый год — будем делать и в этом.

29 августа я еду во Львов выступать на @LvivJS и ни у меня, ни у оргов нет никаких проблем. И это очень радует.

История Emmet: twitter.com/jsunderhood/st…

CSS Grid Layout почти готова. Не упустите последний шанс изменить в ней то, что вас не устраивает: css-live.ru/vecssti-s-pole…

Хочу предложить новую традицию для @cssunderhood - ночной эфир, как на радио, когда можно услышать интересную музыку. Так тут - ретвиты.

Half-stack developer.

Думаю написать бота-менеджера, который будет в слаке говорить:
— Когда будет релиз?
— Баги пофиксили?
— Срочно хотификс!
— Андрей, ты где?

А давайте поддержим реализацию селектора :has() хоть тут: wpdev.uservoice.com/forums/257854-…! А то не видать нам его еще 15 лет webplatformdaily.org/releases/2015-…

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

Говорили о том, что верстка из ремесла становится профессией, приходит унификация и автоматизация. Код «с нуля» заменяется фреймворками.

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

Сегодня мы поговорим о тестировании верстки. У нас, увы это только вещи типа csslint/jshint. Надеюсь узнать полезные кейсы от вас.

Метод тестирования: сказать что всё работает и надеяться, что оно всё работает.

Плюсы и минусы подхода:

• Минимум трудозатрат //
• Доступно любому //

• Может оказаться, что не работает.//

Как мы видим плюсов больше

@cssunderhood какие ответы получил?

.@voischev только @sapegin поделился своим фреймворком: tamiadev.github.io/tamia/ И двое упомянули @ZURBfoundation и @getbootstrap

.@voischev я поделился нашими наработками на github.com/ideus-team и рассказал что сейчас пробуем Google MDL и Bourbon Bitters&Refills.

@cssunderhood интересный инструмент для тестирования Gemini от Яндекс, правда мне на реальных проектах не удается его применять

@cssunderhood в студии, в админках мы использовали тему Яндекса ru.bem.info/libs/bem-compo… и под каждый новый проект собирали новый UI Kit

@cssunderhood в #b_ есть и готовые решения, для тех кто справился. Например bem-grid, bem-forms, bem-social, bem-calendar и еще что-то

@cssunderhood и главные bem-core и bem-components — тоже готовые решения. Например в core есть заготовка про страницу, модуль jquery и тд

@cssunderhood вот я не согласен. Да, способов *не верстать* и получить приемлемый результат стало больше. Но именно верстать стало труднее)

@cssunderhood (вспомнил свою первую встречу с бутстрапом, когда мне надо было поставить label в строчку с чекбоксами, *как обычно*... ой!:)

.@SelenIT2 почему труднее? Я вот когда смотрю примеры работ джуниоров, то тяжело понять уровень знаний - всё аккуратно и везде работает.

.@SelenIT2 А раньше просто сверстать страницу под IE6 был вызов. А чтоб закругленные уголки и тень. Сам факт работы показывал уровень знаний

@SelenIT2 @cssunderhood интересно, что я когда проходил интереса ради тесты на upwork самым сложным оказался тест по HTML5, а вовсе не по JS

@cssunderhood @SelenIT2 а потом лезешь в код и выясняешь, что кусок блока тупо картинкой из макета вставлен)

Да нет, нормальный код. Я последние 2 года джуниров/трейни садил сразу за работу на продакшене, они отлично справлялись @Sigiller @SelenIT2

@cssunderhood а чего сейчас не хватает "молодым" верстальщикам?)

.@mr_skriming Знаний теории, традиционно. Легкость верстки, отсутствие старых проблем, не стимилируют учить «почему?». Хватает «как?».

.@mr_skriming Но вообще современные джуниоры - молодцы, очень толковые, талантливые, упорные.

@cssunderhood @SelenIT2 Уровень знаний понятен сразу. Мусор в тэгах, стилях, прописанные ширины и высоты там где не надо, да много чего.

Давно (три года уже), не видел мусора в тегах и онлайнового кода. Раньше - бывало, сейчас - нет. Я смотрю сотни резюме @agatische @SelenIT2

@agatische @cssunderhood @SelenIT2 Уровень еще можно определить по тому как быстро можно сломать верстку. Ввел где-то больше текста и все

@akrekotun @cssunderhood @SelenIT2 Или починил баг на одной странице, и заломал вёрстку/блоки на других. Классы любят добавлять на html :(

@cssunderhood имхо верстка и фронтенд в целом - это площадка молодых. Слишком быстро устаревают знания "старичков".

@cssunderhood пилю свой темплейт Gagarin: github.com/neonick/gagarin Всё просто, самый минимум для быстрого старта.

@cssunderhood можно ли называть это вёрсткой, либо компиляция из готовых пресетов, блоков и шаблонов?

.@dshster Да, так и автомобили производят из готовых "блоков", а зачастую модели разных компаний остованы на одном "фреймворке" (платформе)

@cssunderhood а ну это видел, да. но как быстро оттуда забрать код? вот я сижу в ide, дальше что? идти на github в браузере?

.@_nikbelikov мы локально клонируем все и копируем нужное руками. Примитивно, да :( Развитие - переходить на Full BEM Stack, хотим.

@sapegin учиться - это не цель, многие это забывают @cssunderhood

Хочу добавить ещё одну традицию для @cssunderhood - описывать «один-мой-рабочий-день».

Я работаю руководителем отдела верстки в веб-студии. Был опыт работы проджет-менеджером там же, оказалось полезным.

Утро начинается в 6:40, но сейчас у сына каникулы и можно поспать до 7:30. А ещё - сезонная аллергия (амброзия) и тяжело вставать.

Первым делом проверяю почту. Есть пару писем, но они по задаче, где моя часть работы уже сделана, удаляю. Zero inbox. pic.twitter.com/bgFkp7Xsym

Рабочий день с 10 до 18 или «пока не сделаем». Рекомендуется быть в офисе к 11. Я живу в пригороде, добираться до офиса 1:25, времени мало.

По дороге в Харьков - красивые поля. Я читаю Хабру (обычно дайджесты от @dersmoll) и твиттер. Увы пока ещё GPRS/EDGE. pic.twitter.com/dwvms1D4Pn

40 минут до города, полчаса в метро и 15 мин пешком. В метро и городе уже есть 3G, можно и инстаграмм листнуть.

В офисе в 11:20. У нас не бизнес-центр, а уютная большая-большая квартира. pic.twitter.com/dk6kPTf1qU

Мое рабочее место. Короткая планерка с коллегами - кто что делает сегодня, какие задачи, какие проблемы. pic.twitter.com/B3oBucOCIV

Система управления проектами ActiveCollab. Сегодня моя главная задача - доверстка нового проекта на Google MDL. pic.twitter.com/5lty6Tw2x6

Но сегодня у меня есть ещё одна важная задача - я встречаю нового сотрудника себе в отдел, которого побеседовал вчера pic.twitter.com/Va9KjCE0MJ

И у него в скилах не только HTML5/CSS!
Но главное - это был единственный человек с опытом работы уже в 2х компаниях. pic.twitter.com/PyOLoayofx

Вчера он уже почитал наши гайдлайны на GitHub, сегодня — я отдал ему изучать нашу новую систему сборки: github.com/ideus-team/htm…

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

@cssunderhood а что используете для общения в команде?

Slack, перешли на него со скайпа пару месяцев назад. Когда-то давно была ICQ (пока они не стали менять протоколы). @mr_skriming

@cssunderhood какая зп у вас на рынке для джуниора/сеньора фронтендщика?

В Украине:
Junior-верстальщик: 350-500$
Мидл: 700-1000$
Сениор: 1200-1700$
Это после налогов.
@bayevn pic.twitter.com/VQvtteTujE

Но важно учитывать что знание JS MVC переводит тебя в раздел Frontend-девелоперов, там ЗП выше: 600-1700-3000$
(но и разброс больше)
@bayevn

@cssunderhood скрам?

.@life_maniac к сожалению нет.

@cssunderhood, слева, это все задачи на день?

.@usernamus нет, вот список задач на мой отдел сегодня: pic.twitter.com/VKiFIicwtL

.@usernamus а то — страница задачи в проекте. Слева — список всех задач в проекте, справа — описание открытой. pic.twitter.com/Ywkn87WB75

@cssunderhood кстати, почему ActiveCollab, а не, например, Basecamp?

.@life_maniac ActiveCollab — изначально standalone-клон Basecamp. Мы используем его с 2009 года, довольны.

@cssunderhood @bayevn Какие задачи решает Сениор Верстальщик?

Всё очень по разному в разных компаниях. Пусть в этом треде отпишутся сениоры — что они делают. @denysbutenko @bayevn

А чем Вы своё время трекаете? @jsunderhood @cssunderhood

.@mr_skriming Прямо в ActiveCollab и трекаем от руки. Вот кстати пора и мне занести, для начала - утреннюю планерку. pic.twitter.com/piXjjvk5XL

.@denysbutenko HTML/CSS — сениор, опыта/достижений/проектов — много. С JS — сильно похуже, не нужен был по работе :(

@cssunderhood норм у него игровой опыт :-D

@cssunderhood интересно будет ли это + или – если писать такое в резюме )

.@ymatuhin Это в любом случае выделит его из сотен безликих резюме. Вот я писал советы по CV: dou.ua/forums/topic/8…

.@ymatuhin А вообще это резюме он подавал в игровую компанию, там этот опыт важен и релевантен.

Скриншот советов по резюме для _джуниора_ (не мидла, не сениора!), для тех, кого блокирует Роскомнадзор. pic.twitter.com/SnotKRCfFL

@cssunderhood А почему аккаунты только на второй день, а не до выхода?

.@sapegin Потому что у меня с ним собеседование было вчера в 18:30 и я предложил сегодня к 12:00 выходить на работу.

@cssunderhood правильно ли я понял, что у тебя на маке win8?

.@gladkih_m Мак - отличное желево + возможность тестов. Винда же удобна мне для работы.

@cssunderhood @bayevn Еще один вопрос, как оценить свой уровень?

Ходить на собеседования. Твой уровень == сколько за тебя готовы заплатить. @denysbutenko @bayevn

@akrekotun @denysbutenko @cssunderhood @bayevn для фрилансера,который себя продаёт клиенту - это проф.навык, для кодера внутри команды - нет

А ему не нужно уметь себя продавать. Есть LinkedIn, там HR сама постучит и предложит сумму. @MonkAlbino @akrekotun @denysbutenko @bayevn

@cssunderhood Чего-то они только спрашивают, а не предлагают. Так что сумму надо знать. @MonkAlbino @akrekotun @denysbutenko @bayevn

Есть jobs.dou.ua/salaries/ @sapegin @MonkAlbino @akrekotun @denysbutenko @bayevn

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

А я написал стартовый Handbook для новых сотрудников. Кстати, у вас в компании есть Handbook?

@cssunderhood что такое хэндбук?)

Хэндбук - это руководство для новых сотрудников, где в вольном стиле описано «какие правила работы», «что где находится» и т.д. @ymatuhin

Сегодня мы обсуждали тестирование верстки. И никто не сказал что они юзают какие-то инструменты:( Мы - банальный csslint и jshint.

Также обсуждали джуниоров. Я сегодня взял нового сотрудника и сразу посадил на продакшен делать правки, у него все получилось.

Вышел в 19:30 из офиса,приехал на конечную метро,сейчас меня повезет по загородней магистрали такой красивый автобус m.youtube.com/watch?v=N_Si6J…

@cssunderhood дашь почитать или это секретно? @ymatuhin

.@shugich вот наш хендбук, вернее его черновик: github.com/ideus-team/gui… По правильному там ещё надо писать про отпуска,зп,традиции (ДР и тд)

@cssunderhood а если ребята html до этого не видели?)

.@nayanov Не понял вопроса, как «не видели»? Я бы не взял на работу такого.

@cssunderhood На прошлой неделе пересел на stylelint написанный на postcss, какие, кстати, про последний мысли?

.@Akurganow у меня PostCSS херит source map если подключен Google MDL CSS и я в печали :( Ишью на GitHub есть, я там не один и у всех разное

@cssunderhood Почему собираете так? Почему не, например, webpack?

.@freiksenet_ru я не знаю и не умею в webpack :( Это вместо сборки через Grunt/Gulp

@cssunderhood jshint, jscs, для js, шаблонизаторов. Для CSS ничего нет, да и не нужно. PostCSS все хорошо детектит. Для него плагин еще есть

@cssunderhood а переезжаете на eslint уже?

.@iamstarkov спасибо за наводку, перейдем.

@cssunderhood Кто такое в резюме пишет? Я вообще стараюсь все в станицу запихнуть, а тут столько лишней воды.

@freiksenet_ru @cssunderhood индусы пишут по пять листов в CV

@iamstarkov @cssunderhood Вот их никто и не нанимает на западе.

.@freiksenet_ru @iamstarkov а как вы в одну страницу уместите и описание вас и опыт работы+обязанности/достижения и проекты+ваши задачи там?

@cssunderhood это не попадает под понятие джуниора, но я знаю одну девушку, которая пришла не зная почти ничего и теперь доросла до middle

@cssunderhood я уже услышал ответ. Ты бы не стал с нуля учить

.@nayanov я учил (менторил), но не с нуля, зачем брать человека без знаний, если много со знаниями и желанием учиться? Успешно.

@cssunderhood @freiksenet_ru я вот когда то слушал Якова Файна. человек с опытом в 15 лет на Java говорит что его резюме 2 страницы.

@cssunderhood @iamstarkov Ну описания себя может на cover letter, а опыт старый можно урезать.

@nayanov @cssunderhood ой, да это же я!

@cssunderhood Польщен, спасибо ^^ А вообще, ленту по веб-разработке я в основном здесь веду twitter.com/frontender_ua

В реплаи потихоньку накапливаются вопросы по БЭМ.
Когда устроим «День #b_»? В будний день или в выходной?

.@dersmoll Так вот кто этот @frontender_ua! Тайна наконец раскрыта! Отличный аккаунт, спасибо!

Ночной эфир.

div.content { width: 400px; padding: 50px; voice-family: "\"}\""; voice-family: inherit; width: 300px; }

@cssunderhood ничего не использую пока. Хочу освоить что-нибудь что визуально может сравнивать, чтобы не сломать случайно часть сайта.

.@xwoody копай PhantomCSS и CasperJS. У нас правда не взлетело.

Не используйте группу «Бутырка» в тестовых данных.

"У меня дома один четырехтомник выставлен в порядке 1, 2, 4, 3. Специально. Каждый раз, обращая взгляд, я тренирую внутренний дзен"

— Мы наконец добрались по очереди до вашей правки "Подвинуть логотип на 10 точек вправо".
— Спасибо. Но наша фирма уже 10 лет как закрылась.

#FeministHackerBarbie on #IE7 legacy support & CD drives... theverge.com/2014/11/19/724… pic.twitter.com/OAJY4wmDZq

«Как управлять рабами». Советы античного топ-менеджера secretmag.ru/articles/2015/…

Naming Things – это не только программистам тяжело. В Чили есть очень большой телескоп, который называется Very Large Telescope

ul li {scrollbar-base-color:expression(this.runtimeStyle.scrollbarBaseColor="#fff",this.nextSibling==null?this.className+=' l-child':false)}

Завтра обсуждаем проекты, которые запомнились. Фэйлы и интересные истории с ними связанные. Полезный опыт. Необычный. Редкий. Опасный?

@cssunderhood @bayevn фантастически малые зп, в Виннице у нас у рукожопых джунов от 500 начинается

.@knaipa я привёл медианные данные по рынку. Вчера кстати взял нерукожопого джуна на 350$. Было 366 резюме на вакансию в 250$. @bayevn

@cssunderhood @knaipa @bayevn с чего связано такое большое количество резюме? Может уже отвечали на такой вопрос, я пропустил, ткните тогда

C тем что это вакансия на джуниора. Им нет работы. Это не много, на такую вакансию осенью за 500 переваливало @_sashashakun @knaipa @bayevn

Конечно далеко не все они были релевантными и адекватными. Но сейчас совсем не те времена, как в нулевые, когда откликалось 20-30 человек.

@cssunderhood @knaipa @bayevn какой процент из этих 350-500 можно было бы собеседовать,т.е. они адекватны?

Я собеседовал около 3-5% (точнее надо проверять старую почту) Из 150+ в 2011 нанял 4. Из 500+ в 2013 — тоже 4. @_sashashakun

@cssunderhood @knaipa @bayevn А на миддла сколько бывает резюме?

На мидла — резко меньше. Кажется и 10 не было (на зп в 1000$). @_sashashakun @knaipa @bayevn

@cssunderhood @knaipa @bayevn а возможность удаленной работы по этой вакансии была?

Нет. Я вообще вакансий с удаленкой никогда не видел по нашему рынку. @_sashashakun @knaipa @bayevn

Вчера мы обсуждали тестирование верстки.
Один человек назвал PhantomCSS, а так никто ничего:( как и мы - банальный csslint,jshint,etc.

Также обсуждали найм джуниоров, резюме, зарплаты, хэндбук и «один-мой-рабочий-день»

Сегодня наша тема — проекты, которые запомнились. Фэйлы и интересные истории с ними связанные. Полезный опыт. Необычный. Редкий. Опасный?

Моим самым большим фэйлом были 100+ видео для сервиса онлайн-обучения, закодированных с кривым соотношением сторон — учителя стали жирными.

В первый месяц работы. Увидел когда уже было поздно исправлять. Признался сам. Всё обошлось и для фирмы и мне. Фиксили долго.

@cssunderhood @bayevn - у меня много знакомых верстал и фронтов, все на аутсорс и в среднем верстале зп от 700-800 при опыте год и выше

@cssunderhood кроме фантома есть Galen, Gemini. Makeup от 2Gis с тестированием блоков. Просто вы не в теме.

@cssunderhood @xwoody У меня чуть-чуть есть на Каспере: github.com/tamiadev/tamia…; а ещё Джемини хвалили, но не пробовал пока.

@sapegin @cssunderhood @xwoody у нас используется #gemini, и ми дуже планируем в неё предлагать улучшения.

@exdeniz @cssunderhood + wraith от BBC

@xwoody, @cssunderhood, github.com/gemini-testing… || github.com/BBC-News/wraith

@cssunderhood для наших специфичных целей используем фантом для сверки соответствия двух картинок

Будет круто, если вы не просто приведёте названия инструментов тестирования верстки, но и реальный код на GitHub с живых проектов с ними.

IE начал работу над элементом <picture>! Спасибо тем, кто голосовал на uservoice! dev.modern.ie/platform/statu… pic.twitter.com/hitECTuAk5

@kinday @xwoody @cssunderhood я тоже за Gemini, изучал вопрос – этот понравился больше всех

Завтра будет «День Б». Я уже собрал довольно много вопросов в реплаи про #b_, пишите.

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

@cssunderhood когда только устроился работать в первую компанию, я не знал js и меня посадили на крупный проект где только js, нативный.

@cssunderhood чинили компы, заправляли картриджи, самое необычное — прокладывали пожарную сигнализацию в складе на рынке.

@cssunderhood какой язык используешь на роботе, в быту? Используешь в общении на роботе английский?

А как вы прокачиваете свой английский? Я слушаю ASOT, разбираю на слух, что не смог понять. Уже понимаю почти все, но там оч простая лексика

Ещё я менял системную локаль не в OS, а в жизни. Т.е. сменил часы на AM/PM, а даты и календарь на американский формат: ММ.ДД.ГГГГ

Ну и с воскресеньем — первым днем недели.

Перестроился легко и быстро, и даже заметил, что мне больше нравится AM/PM а формат ММ.DD.YYYY на удивление кажется более логичным.

@cssunderhood с календаря-то что толку?

.@Sigiller Чтоб воспринимать его как естественный и правильный и при верстке/заполнении контентом/выводе дат — не путаться.

@cssunderhood много американских заказчиков?

Новинки Edge в работе: <picture> и режимы смешивания на <canvas> и планы: Shadow DOM и др. — blogs.windows.com/msedgedev/2015… pic.twitter.com/Xr3hxYeRNZ

Мой самый запоминающийся проект кстати был русскоязычным — лендинги для спец.предложений Аэрофлота, что я делал в Artics Internet Solutions.

Началось с простой странички, что срочно сделали не вылизывая код aeroflot.artics.com/html_landing-a…
.form-buy-results__to-city__slider__tab__column_buy

А закончилось 34 лендингами с разным дизайном на разных языках, интеграцией с их 2-я видами биллинга и созданием для АФЛ движка-конструктора

8 языковых версий с правками за час до начала рекламной компании, запомнились навсегда: aeroflot.artics.com/sale2014/cee/p…

Было много вроде-бы «простых, пустяковых» задач, типа кастомного вывода лайков/шаринга, важных для digital marketing aeroflot.artics.com/construct/page…

@cssunderhood Теперь это просто: хожу на работу :-) Раньше были занятия с носителем три раза в неделю, записи докладов, книги, блог…

@cssunderhood все интерфейсы на английском, читаю в основном только на английском, фильмы/сериалы в оригинале, подкасты те же.

@cssunderhood issue на гитхабе тоже на английском писать нужно. И по работе нужно сейчас мысли на нем же доносить.

Сегодня мы обсуждаем проекты и фейлы которые запомнились. Утром было много про фейлы. Расскажите про ваши успехи.

@jsunderhood @cssunderhood а было уже про жизнь в предпенсионный возраст? Кем себя видите и чем занимаетесь?) Не всем же руководителями быть

Вижу себя разработчиком с руководящими функциями (как сейчас). Буду пилить код до последнего :)
Откладываю деньги. @npofopr @jsunderhood

@cssunderhood @npofopr @jsunderhood откладываешь на что?

На старость. Чтоб были нормальные сбережения, на которые можно жить и не зависеть от работы/пенсии, нужно откладывать с 30 лет @jsunderhood

Интересную тему подняли. @cssunderhood откладывает деньги, а @jsunderhood вкладывает в себя. Вам что ближе?

@cssunderhood @jsunderhood вклад? Отмечай того, кому отвечаешь в конце твита, чтобы не потерять ответ :)

.@7rulnik Недвижимость и депозиты. @jsunderhood

Вообще не «вкладывать в себя» наверное и невозможно. Вот образование сыну — это вкладывание в себя или нет? @neonick @jsunderhood

Но в любом случае нужно приучить себя откладывать железно хотя бы 10% дохода в месяц и не тратить их _никогда_.
Это ваш запас на случай чего

Даже если это подразумевает одновременно наличие депозитов и кредитов.

Сколько процентов с зп откладываешь? @cssunderhood @jsunderhood

Сейчас 60% зп откладываю. Когда закрою кредиты — планирую откладывать больше. @akrekotun

@cssunderhood И что такое старость?

40 лет — это уже начало старости. К этому времени уже нужно подходить подготовленным, иначе в 50 будет поздно. @akrekotun

@cssunderhood Неплохая зарплата, я смотрю :)

Обычная среднерыночная. Просто в Украине теперь стало очень дешево жить. Два года назад я откладывал 15-20%. @akrekotun

@cssunderhood, а в чём откладывать? Рублю я не доверяю в долгосрочной перспективе. Недвижимость тоже умеет дешеветь сильно за 5-10 лет.

В долларах конечно. Когда Украина и РФ пройдут дефолты(или дно кризиса) можно будет пару лет в нац.валюте откладывать,высокие % @lancedikson

Своя недвижимость в первую очередь нужна для подстраховки, чтоб не оказаться на улице без денег, не имея возможности снимать. @lancedikson

На удивление про успехи, запомнившиеся проекты, вообще никто не написал. Про фэйлы мало, но про успехи — совсем тишина.
NDA? Скромность?

Как всегда завтра утром я повторю вчерашнюю тему и навалится куча классных реплаев, как сегодня про тестирование верстки.

@cssunderhood Депозиты не боишься держать в нынешней неспокойной обстановке?

@neonick @cssunderhood @jsunderhood пока только в себя. Через год начну «на пенсию» откладывать.

@cssunderhood Сейчас и положить боишься и держать у себя жалко - обесцениваются

мы потратили много денег на покупки за прошлый год, накупили техники и т.д. Доллар вырос, а цены в гривне долго держались. @timurKarshiev

Это было выгодно т.к. доход привязан к $. @timurKarshiev

Не забывайте, что тема дня не отменяет разговоров на любые другие темы.

Ночной эфир.

Впервые узнаю о CSS-свойстве max-width: max-content demosthenes.info/blog/894/Shrin…

@cssunderhood поставь какую-нибудь хорошую песню

Песни про проджек-менеджмент и наши проекты:
m.vk.com/wall-30022666_…
@denswor pic.twitter.com/cP3kv5zPFI

Мой любимый трек: Coldcut - Autumn Leaves (Irresistible Force Mix)
12 лет назад качал его 2 недели с осла.
m.youtube.com/watch?v=0C9Vuk…
@denswor

@cssunderhood @akrekotun стало ли в Украине больше разработчиков из других стран в связи с курсом валюты ?

Не знаю, врядли, откуда им ехать? Вообще в Украине очень жесткое иммиграционное законодательство. @krasivieglaza @akrekotun

Кстати можете смело ask me anything про Харьков (в 5-ом поколении живу тут).

Не знаю, можно ли верить андроид разработчику с айфоном и iOS разрабу с телефоном самсунг?))

Сборщики, препроцессоры, постпроцессоры, пакетные менеджеры… В мое время, чтобы называться веб-мастером, нужно было знать фотошоп и таблицы.

Сижу и пытаюсь понять, в какой момент в моей работе что-то пошло не так ) pic.twitter.com/Dx9joQat1I

Тут коллега пишет, что задержится, потому что утром накатил. Ну а что?

Продолжаю разгребать ридер. Хорошая прошлогодняя статья о применении БЭМ к именованию переменных для препроцессора — juliecameron.com/blog/2013/11/0…

@cssunderhood я думал, наоборот уезжают, а вы про то, что на Украину ехать @krasivieglaza @akrekotun

Статья про это в «Новом времени» (да, я очень люблю журналы, выписываю 8 штук) @talgautb @krasivieglaza @akrekotun pic.twitter.com/eDHD82bq3s

@krasivieglaza меня хантили в одессу, но как-то не тянет из-за ситуации в стране @cssunderhood

Сама-собой поднялась тема с журналами. Я очень люблю прессу, выписываю 8 журналов, жена злится что они повсюду. А что читаете вы? Один инет?

Мечты разработчика о неделе рефакторинга — они как о неделе запоя алкоголика.

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

font,basefont {color: expression(this.parentNode.currentStyle['color']);font-family: expression(this.parentNode.currentStyle['fontFamily'])}

@cssunderhood @akrekotun посчитал, что за два года работы в Киеве на аналогичной должности (Js) я смогу приобрести квартиру.

@cssunderhood .net и web developer и Esquire иногда на айпаде. А так, email подписки - codrops, js weekly, там все самое крутое за неделю.

@cssunderhood Книги (электронные) и пару журналов о фотографии (тоже электронных).

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

Обсуждали погружение себя в англоязычную локаль для лучшего изучения языка. Время в AM/PM, неделя с воскресенья, мм.дд.гггг, вот это всё.

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

Сегодня «День БЭМ». Обсуждаем любые вопросы, не стесняемся.

@krasivieglaza @cssunderhood @akrekotun это так много платят или так дешево жить? Или квартиры дешёвые?

@krasivieglaza @cssunderhood @akrekotun экскьюз ми, можно с этого места чуть поподробнее, с циферками? :)

Очень дешево жить (бизнес-ланч 2$ например). Зарплаты обычные, но в $. Налоги низкие. Квартиры подешевели в 3 раза. @freiksenet_ru @SelenIT2

@cssunderhood существуют ли адаптивные сайты на фулл бэм стеке? Насколько я понял классический бем стек не для адаптива

#b_ это не фреймворк с готовыми компонентами, а способ организации кода. Это не как бутстрап, где ты берешь готовый код. @amsteldroid

@cssunderhood @freiksenet_ru наскоро погуглил, но не верится... реально в Киеве есть однушки в новостройках до $10k или это какой-то фокус?

Про Киев, пусть киевляне ответят. В Харькове - правда, за 10k$ легко можно купить мини-квартиру в новострое. Ещё сдача останется. @SelenIT2

За 20k$ можно покупать трёшку возле метро на вторичке. Это Харьков. В пригороде (35 км, полчаса-час езды) однушки от 6k$. @freiksenet_ru

@cssunderhood @SelenIT2 Странно что при этом рынок аренды не просел в цене. Так ведь?

Аренда наоборот выросла. Огромное кол-во (сотни тысяч) беженцев. @d1b @SelenIT2

@cssunderhood кстати спасибо за подробные ответы про зарплаты!)

@cssunderhood @SelenIT2 У вас там классовой ненависти к IT нет? Учитывая что все остальные получают наверно совсем не в долларах.

Нет, не сталкивался сам и не слышал. Разница действительно дикая: доходы в IT выше в 10-30 раз обычных зарплат. @freiksenet_ru @SelenIT2

Утром традиционно с новыми силами проговариваем вчерашнюю тему, чтоб раскрыть её полностью. Потерпите, дообсудим чтоб не отвлекаться уже.

@SelenIT2 @cssunderhood @freiksenet_ru нет таких цен и не было

Вот @s_martynuk пишет что в Киеве на 10k$ ничего нет. Верю, в Киеве всегда было дороже чем в Харькове в 2 раза. @SelenIT2 @freiksenet_ru

Сегодня будет очень горячий, холиварный и с религиозными спорами «День #b_». Не пропустите.

Судя по площади, это не квартиры, а коммуналки. @SelenIT2 @s_martynuk @freiksenet_ru

@cssunderhood @amsteldroid Что именно люди подрузамевают под бемом? Организацию css/html компонентов? Тулзы для писания их в виде json?

#b_ это идея организации кода. В самом распространенном случае - имена классов и разделение по файлам. @freiksenet_ru @amsteldroid

Я намеренно буду объяснять какие-то вещи по БЭМ упрощенно, чтоб меня лучше поняли. @freiksenet_ru @amsteldroid

Тулзы, библиотеки кода и т.д. - это лишь частный случай, вариант организации. @freiksenet_ru @amsteldroid

@operatino @from_anywhere @cssunderhood я тоже пол года думал что у него проблемы с алкоголем, а на самом деле он ставит утренний апдейт.

@cssunderhood @amsteldroid Я например в реакте вполне бем пишу, но не юзаю никакие странные иструменты которые идут с бемом.

@cssunderhood Про рабочий процесс: верстальщик выдает набор статичных файлов или работает напрямую с cms/ф-ворком сайта?

Если речь о Full BEM Stack - то там свой шаблонизатор. А если просто про BEM CSS - то как угодно. @janitor42

@cssunderhood вот вообще не соглашусь. Откуда такие мысли вообще? Ты забываешь про bem-components и др. Они готовое поставляют @amsteldroid

Bem-components - это библиотека готовых блоков от Яндекса, сверстанных «по #b_». Частный случай реализации. @voischev @amsteldroid

Важно понимать разницу - БЭМ, это идея. А конкретный набор готового кода и тулзы - вариант реализации. Их может быть много и разных.

Простыми словами: бутстрап это именно готовый набор кода. Если bootstrap.css заменить на другой CSS - это не будет больше бутстрап.

@cssunderhood Что значит частный? Кажется ты потерялся) ты же понимаешь что это могут использовать все!? @amsteldroid

Могут. Но не обязанны. @voischev @amsteldroid

Ничего не будет, поломается все нафиг и не будет работать. @voischev

@cssunderhood Именнование классов и разделения по блокам это круто и это всем ясно. Инструменты абсолютно не ясны, зачем и почему они?

@cssunderhood В чем сложность html писать ручками? Зачем этот странный json формат?

БЭМ-инструменты и #b_ библиотека блоков - это способ написания кода, чтоб не писать html вручную. Для ускорения и автоматизации. Удобный js.

@freiksenet_ru @cssunderhood изначально БЭМ-инструменты для двух вещей: 1) сборка и 2) помощь в создании кода

@freiksenet_ru @cssunderhood 1) сборка: всё собирается на основе списка БЭМ-сущностей (не конкретных файлов в импортах)

@freiksenet_ru @cssunderhood 2) помощь: чтобы проще было соблюдать ограничения, например на fs не опечататься при создании blocks/myB/myA.js

@iamstarkov БЭМ - это идея создавать все независимыми блоками, классы - это следствие идеи и конкретная ее реализация @cssunderhood

@freiksenet_ru @cssunderhood с JS синтаксисом проще работать, меньше переключений при написании браузерного JS и динамически делать легко

@banzalik @iamstarkov @cssunderhood Ну и ещё единая предметная область для всех технлогий. По-моему это наибольшую разницу вносит.

@cssunderhood БЕМ стоит из 6 частей:

@freiksenet_ru @toivonens @cssunderhood с react и css modules та же идея актуальна: «блоки первичны, технологии вторичны» (semantic first)

@freiksenet_ru @cssunderhood Чтобы видеть, кому и как #b_ нужен на Западе, советуем подписаться на этот (англоязычный твиттер БЭМ) аккаунт

@iamstarkov @cssunderhood идея с классами это просто деталь реализации из времён, когда не было модульности в CSS

@toivonens @cssunderhood ¯\_(ツ)_/¯, без гарри робертса мир не узнал даже про CSS часть бэма

Доклад про ручную верстку по BEM CSS youtube.com/watch?v=kBgHdS… + расширенная версия слайдов c #FrontendWeekend Kyiv delka.github.io/talks/2015/fro… #b_

Вы можете подглядеть текст доклада, если откроете его исходный код — там в комментах html написаны тезисы delka.github.io/talks/2015/fro…

@veged @cssunderhood @iamstarkov БЭМ — это методология разделения на Блоки, Элементы и Модификаторы. Всё остальное — вторичное.

БЭМ пугал когда он вышел. Там была простыня текста в документации на не очень прямом английском про философию. @voischev

Что я имел ввиду - авторы БЭМ не смогли его продать. В том числе из-за сложной и не очень удобной документации, ИМХО. @voischev

Даже разработчики Google Material Design не смогли с первого раза правильно написать имена классов по БЭМ :) #b_ #mdl pic.twitter.com/Todx0BGwj5

Александр Корецкий @n2j7 из prom.ua сделал хорошую подборку ошибок #b_ CSS: dl.dropboxusercontent.com/u/66873654/%D0… (со стр. 50) pic.twitter.com/w8VUyKOG8b

@andrey_sitnik @ymatuhin @jsunderhood БЭМ это фреймворк для создания фреймворков.

Как использовать Full BEM Stack внутри обычного HTML без bemhtml и bem-json: youtube.com/watch?v=VKzIFO…

@cssunderhood а в каких ситуациях может оказаться, что будет лучше без БЭМ?

.@Sigiller Я считаю что BEM CSS можно выучить за один час и юзать всегда: 15мин на getbem.info и 45мин на youtube.com/watch?v=kBgHdS…

@cssunderhood а что еще годного про БЭМ почитать можно? Кроме официальной документации, ее невозможно осилить.

Полезно почитать исторические посты,понять развитие #b_.Мы сейчас идём по следам Яндекса 6-летней давности,когда они тоже писали код вручную

Что такое блок: ru.bem.info/forum/-43/
Что такое префикс „b-“: ru.bem.info/forum/-47/
Что такое независимый блок: ru.bem.info/forum/-46/

Что такое контекстные блоки (как создавать темы): ru.bem.info/forum/-51/ (смотрите раздел «Внутри контекстного блока»)

Что такое layout-блоки (почему не нужно вешать позиционирование на обычные „b-“-блоки): ru.bem.info/forum/-49/

Что такое холдер-блоки: ru.bem.info/forum/-48/ (когда вам не хватает layout-блоков)

Что такое абстрактные блоки: bem.github.io/bem-method/htm… (смотрите раздел „i-, от include“).

В Sass абстрактные блоки можно реализовывать как Extend-only Selectors: github.com/FrontenderMaga…

Что такое «уровни переопределения»: ru.bem.info/forum/-51/ (смотрите раздел «Модификация файлами»)

Про структуру блоков на файловой системе при ручной верстке полезно знать: ru.bem.info/forum/-52/

Про глобальные модификаторы: ru.bem.info/forum/-50/ (сейчас Яндекс их считает злом, как впрочем и многое из того что я вам уже посоветовал)

Миксование — это основа-основ #b_ и решение проблемы построения связей для вложенных блоков. pic.twitter.com/kjvJ1kYrXY

Префиксы используют для своего пространства имён и логического разделения блоков. Новые справа csswizardry.com/2015/03/more-t… pic.twitter.com/J8uFmIHEfh

Готовая библиотека блоков по-#b_ от Google (правда с ошибками в нейминге, они тоже запутались) getmdl.io/started/

@cssunderhood а как будет выглядеть CSS для данного случая?

CSS при миксовании блоков остаётся линейным. В этом вся фишка. pic.twitter.com/jHxHRyvrki

@cssunderhood зачем смешивать? не грозит ли это похмельем впоследствии?

Чтобы реализовать связь между блоком-родителем и вложенном в него блоке. Например «список постов»→«Отдельный пост» @vladimore

Чтоб не писать классы типа feed__news__news-title @vladimore

@cssunderhood ощущение, что ставить на одну ноду block1__el и block2 повысит связанность. Почему описать block1__el в block2?

Чтоб в block1__el прописать стили специфичные для случая когда block2 вложен в block1 (например позиционирование). @vladimore

@cssunderhood миксование - зло и выстрел в ногу. Вот в каком порядке применяется стили в этом примере?

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

@forshtreter ни в каком порядке, в BEM нет этого понятия @cssunderhood @cssunderhood

@cssunderhood если block1__el существует в нескольких реализациях, то почему не запилить их в виде его модификаторов?

Это одна из сложных частей БЭМ - как правильно задавать позиционирование блокам и вариантам блоков на разных страницах/местах. @vladimore

Способов очень много. Я предпочитаю позиционировать через микс от элемента блока родителя и layout-блоки. @vladimore

@cssunderhood а есть где почитать про разные подходы? В моей практике модификаторы покрывают 100% кейсов. Интересно как другие делают.

Позиционировать можно через: •layout-блоки •holder-блоки •микс с элементом блока-родителя •модификаторами @vladimore pic.twitter.com/ygCc2LWUJR

Ночной эфир ... filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)

Мы тут вам приготовили кроссвордик, в котором все ответы правильные #b_ pic.twitter.com/XV4EPStbpi

В эту субботу @veged покажет на @OdessaJS BEM с библиотекой блоков MDL от Google. Интересно как он справился с неправильными именами классов

@cssunderhood @forshtreter тогда почти теряется суть миксования, это точно так же может быть отдельный блок; вложенный или обёртка

.@olmokhov это лишь частный случай применения микса. Вообще если вам интересна тема отказа от них, почитайте про BEViS. @forshtreter

@cssunderhood мне кажется ты сейчас написал тем двум людям в мире, которые не просто «почитали», но юзали его в продакшене @forshtreter

@cssunderhood без шуток, если что. Мы с @forshtreter и другими ребятами использовали BEViS на avia.yandex.ru

BEViS - это #b_ без миксования, БЭМ повышенной надежности. Был придуман для Яндекс.Карт. github.com/bevis-ui/docs pic.twitter.com/p8BoFA6pNG

@forshtreter @cssunderhood в том порядке, который указан в deps-файле.

Мы ведь любим все автоматизировать и всем управлять. Я угорел по слаботочке (LAN,тв,телефон,сигнальные кабели) когда делал ремонт. А вы?

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

Вообще тема TV, аналогового и спутникового - одна из моих любимых.

@cssunderhood afaik не Вадимом, а Маратом Дулиным.

.@harisov я не знал, а когда спрашивал - мне никто не ответил:(

@cssunderhood хотя это даже ностальгично. Все это вспомнить. Верстка сегодня проще.

«Подпольный проект стал настоящей методологией» — @nastialarkina про #b_, дизайн и не только. Интересно, советуем lookatme.ru/mag/blogs/desi…

width:expression(document.documentElement.clientWidth<601?"600px":document.documentElement.clientWidth>1201?"1200px":"auto");

Вчера мы обсуждали BEM CSS, было много полезных ссылок и вопросов-ответов про ручную верстку по-#b_

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

@shugich @cssunderhood

Мы переписали и опубликовали новую версию описания методологии:

ru.bem.info/method/
ru.bem.info/faq/

@cssunderhood как ты относишься к enb, i-bem и т.д?

.@adinvadim пока что не использую ничего из этого, но хочу попробовать Full BEM Stack внутри html (без bemhtml/bemjson).

Сегодня будет традиционный день ссылок на полезное, а ещё хочу предложить день дружбы в LinkedIn — постим линки на себя в реплаи добавляемся

Давайте дружить: ua.linkedin.com/in/delaz

Как вы читате других девелоперов? Только Твиттер? Ведете ли списки? А блоги? Как? Через RSS? Feedly? На delicios сохранете что? Поделитесь.

Экспортировал подписки из Feedly по совету @roman01la gist.github.com/pepelsbey/3fb8…, читаю с помощью Reeder reederapp.com

@cssunderhood а мы оказывается уже

@cssunderhood ru.linkedin.com/in/denisfl

@cssunderhood я вот видел контекстную зависимость в поиске Яндекса, это ок? До 2 уровней было.

.@GrawlCore давай ссылочку и пример кода, обсудим.

В @cssunderhood опять #_b, приводят примеры либ. bem-forms, bem-social - доки только на русском. Почему же #_b никому не нужен на западе?

@cssunderhood про префиксы непонятно. Типа мы в своей фирме решили, что у нас tesla-block, а ребята из другой конторы пишут ideus-block?

.@shugich Префиксы могут использоваться как для создания пространства имен (твой пример), так и для логического разделения блоков (по типам)

@cssunderhood linkedin.com/in/bayev

@cssunderhood раньше RSS. Теперь только твиттер. Говорят RSS уде для олдфагов, Ну и просто в Тви удобнее.

@cssunderhood по RSS остались только подкасты.

Жаль, RSS очень удобный инструмент, особенно чтение RSS через Feedly. @pepelsbey поделился своим списком подписок ниже — рекомендую!

Как собираете ссылки блогов для чтения? Я взял правило если нагуглил что-то полезное и это была статья в блоге добавляю себе автора в Feedly

Если это был полезный ответ по интересующей меня теме (например BEM) на StackOverflow - то тоже добавляю ссылку на ответы автора в Feedly

Но бывает что у блога нет RSS :(
Тогда сохраняю закладку на delicious.com — удобно, везде доступно, есть теги, можно делится.

@cssunderhood отличная идея, а то там только эйчары рыщут, тишина и мёртвые с косами стоят.
ru.linkedin.com/in/sigiller

@cssunderhood окай ru.linkedin.com/in/iamstarkov

@cssunderhood, не знаю, как из мобильного приложения красивую ссылку получить: linkedin.com/profile/view?i…

@cssunderhood огромный минус, что мобильный Feedly не умеет работать оффлайн.

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

@cssunderhood linkedin.com/in/fliptheweb, но кто-то реально пользуется linkedin? Какие кейсы? По-моему там только засилие HR`ов

@fliptheweb @cssunderhood Отличное онлайн резюме с рекомендациями. HR-ы это полезно если ищещь работу.

@cssunderhood фавы твиттера, pocket

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

@cssunderhood fi.linkedin.com/in/freiksenet

@fliptheweb @cssunderhood На западе это намного важнее.

Слышал что в России LinkedIn не популярен, даже среди HR, это правда? В Украине — через него в первую очередь смотрят инфу про сотрудника.

@freiksenet_ru @fliptheweb @cssunderhood а их надо добавлять к себе в профиль? как создаются рекоммендации в линкедине?

@iamstarkov @fliptheweb @cssunderhood Жмешь 'попросить рекомендацию' и тебе кто-то пишет из твоих связей. Посмотри у меня как это выглядит.

.@iamstarkov да, HR (вообще правильно звать их рекрутёрами) надо добавлять. LinkedIn — единственная соцсеть в которой девочки пишут первыми!

@cssunderhood ru.linkedin.com/in/artemsapegin

@fliptheweb @iamstarkov @cssunderhood Это проблема. Надо все равно быть вежливым. Мало ли когданибудь будешь работу искать.

@iamstarkov @fliptheweb @cssunderhood Я добавляю и вежливо отказываю им если пишут. Хорошо иметь контакты.

@cssunderhood давай! ru.linkedin.com/in/r3nya

@cssunderhood предлагаю ещё поделиться кто какими рецептами для @IFTTT пользуется

Кстати если вы до сих пор не используете @IFTTT - самое время начать!

@cssunderhood По моему опыту — неправда. За последние года два эйчары переехали на Линкедин с Моего круга.

@cssunderhood расскажи о полезных рецептах @IFTTT

.@Bizi я только начал юзать, пусть меня дополнят, ретвитну популярные кейсы.

@cssunderhood fav twitter → ifttt → RSS reader. Прочитываю и убираю фав.

@cssunderhood у меня система другая: @IFTTT отправляет мне в @Pocket все новые посты с RSS.

@cssunderhood пока только использую рецепт ifttt.com/recipes/164569… Постит фотки из инстаграмма в твиттер

@cssunderhood твиттер, RSS через Reeder. Всё на телефоне.

@denysdovhan Таки да, я таки стар — мне RSS кажется удобнее :–) @cssunderhood

@cssunderhood RSS: Feedly + Reeder. Твитер: Tweetbot. Выписываю рассылки вроде JS Weekly и HTML5 Weekly.

@cssunderhood твиттер и RSS … Все же RSS – это удобно. :)

@cssunderhood на авторов подписывают в Feedly. Статьи храню в Pocket и иногда избранное твиттера. Раз в неделю чищу их, иначе мусорка будет

@cssunderhood отправляю ссылку в закладки и у меня в to-do есть задача "почитать" на сегодня. Вечером стараюсь пробежать глазами.

@cssunderhood ранее GR, потом Яндекс.Подписки, когда и это убили, остались только Feedly + Twitter

Напоминаю сегодня у нас «День друзей» в LinkedIn: вы постите ссылки на ваш профиль в реплаи,я ретвичу,читатели добавляют друг-друга в друзья

Когда добавитесь друзья - лайкайте скилы друг-друга. А если знаете человека по каким-то проектам - можете написать ему рекомендацию.

@sapegin @cssunderhood А есть сейчас смысл заводить аккаунт в «Моем круге», если его нет?

.@gxoptg_ в Украине - точно нет, у нас никто не юзает Мой.Круг, не пишет в него. В России - не знаю, пишите в реплаи. @sapegin

@cssunderhood у нас в городе популярен hh. Последнее время сотрудников в нашу фирму там находят. Хотя меня выцепили через LinkedIn.

@cssunderhood linkedin.com/in/zharzhan

@cssunderhood ru.linkedin.com/in/naorunaoru

привет всем

@cssunderhood linkedin.com/in/mikitalisav…

Чтоб было интересней, пишите не только ссылочку, но и город в котором работаете. Если постов будет много - я попробую поиграть «в города» ;)

Важно: если у вас мало контактов - пишите свое мыло, чтоб вам могли отправить запрос в друзья (если нет общих - LinkedIn спрашивает мыло).

@cssunderhood ua.linkedin.com/in/vadimselisc…

@cssunderhood ru.linkedin.com/pub/alexandr-b…

@cssunderhood kz.linkedin.com/in/talgautb Астана, у нас кстати, тоже не популярен этот ресурс :) пришлось вспомнишь пароль ))

@talgautb @cssunderhood pic.twitter.com/2QGnTGcEwz

.@iamstarkov @cssunderhood gtalk.kz@gmail.com :)

@cssunderhood linkedin.com/pub/marina-dem… murmurpaw@gmail.com

Привет

На «А» пока нет, продолжим от столицы к столице

@cssunderhood
linkedin.com/in/grekovich
Минск :P

@cssunderhood ru.linkedin.com/in/dshster Казань, фронтенд

@cssunderhood linkedin.com/in/redheadjules
Калининград. Правда, я QA, но осторожненько пытаюсь ковырять веб-программирование.

@cssunderhood ua.linkedin.com/in/rajdee Simferopol abdullaev.rt@gmail.com

@cssunderhood, ua.linkedin.com/in/usernamus accounts@gornostaev.pro Львов

@cssunderhood ru.linkedin.com/in/lanacoder Воронеж, lanacoder@mail.ru

@cssunderhood забыл добавить linkedin.com/profile/view?i… сам из Мелитополя, Украина.

@cssunderhood ru.linkedin.com/in/mynameisdtw Рязань dtw.hello@gmail.com

@cssunderhood ru.linkedin.com/in/gearmobile

@cssunderhood gearmobile@gmail.com

@cssunderhood ru.linkedin.com/in/nayanov Ульяновск giralda05@gmail.com Всем хорошего дня!

@cssunderhood ru.linkedin.com/in/kadaria Пермь (artesia@yandex.ru)

@cssunderhood ru.linkedin.com/in/gromanme Роман (roman.gusev at gmail), Краснодар. Backend, ruby

Рекорд работы одном месте? Что удерживало? Почему решили уйти?

@cssunderhood Вообще нигде больше полутора лет пока не работал. Может моя собственная компания побьет этот рекорд)

@cssunderhood За полтора года уходит энтузиазм и надоедают проблемы в компаниях которые сам не можешь решить.

@cssunderhood 3 года в i-sys, получил много опыта. Ушел потому что последний год не было развития, решил открыть свое дело. Развиваюсь :-)

@cssunderhood Почти четыре года две работы назад.

@cssunderhood 2 года. Ушёл во фронтенд из менеджеров.

@cssunderhood 6 месяцев, удерживал "кард-бланш" и свобода действий. Ушел из-за остановившегося роста.

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

@cssunderhood А если по всем работам, то: 2 — 1 — 3,5 — 2 — 3 года, и на новом месте пока только месяц.

@cssunderhood Кстати еще фактор - смена работа обычно самый просто способ расти в плане зарплаты.

@cssunderhood 5 лет в Яндексе. Удерживало отсуствие альтернатив. Ушла потому что решила уехать из России.

@cssunderhood 5 лет, пока учился в ИТМО. Удобный график работы, совмещение с учёбой, разные проекты. Ушёл т.к. надоели авралы и спектр задач

@cssunderhood нигде не работала больше года, увы. Удерживали обычно уверения, что "еще немножко, и в компании все наладится и будет хорошо".

@redhead_jules @cssunderhood увы так не бывает

@Sigiller @cssunderhood я наивная и всегда верю в лучшее :) А потом задалбываюсь и ухожу. Вот как сейчас - последний день на рабочем месте.

@redhead_jules @cssunderhood ну я только на одном месте пока дольше полугода проработал. за последний год вообще третья работа у меня)

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

@Sigiller @cssunderhood а у меня уже третий год каждый сентябрь новая работа XD пора с этим завязывать, конечно. Стабильности хочется.

@cssunderhood @gxoptg_ Похоже Мой круг совсем сдулся после того как перестал быть социальной сетью сотрудников Яндекса.

@cssunderhood вот уж восемь лет на одной работе. никогда не знаешь, будет ли лучше на другой.

8 лет и 11 месяцев.
Первая работа, полная свобода действий, большие полномочия, возможность менять роли/задачи. @translate3d @cssunderhood

@cssunderhood 3.5 года на первой, потом стабильно раз в два-два с половиной года меняю. Нельзя засиживатся. Итого сейчас четвертая.

@cssunderhood был перерыв 8 месяцев из-за кризиса в 08-09 году. Конда в Одессе была одна вакансия PHP, а в Харькове с десяток.

@cssunderhood 7 с копейками. Пока уходить не планировал, потому что получился отличный симбиоз работы и хобби :)

.@dersmoll первая работа? Как сильно менялись задачи и возможно роли? Как боролся с выгоранием?

Желаю всем хороших выходных и праздников!

Сегодня вечером, как определим чемпиона по длительности работы — опубликую немного отложенных вопросов-ответов по теме вчерашнего дня #b_

Потом я поделюсь своими полезными ссылками. Их у меня очень много, разбросаны в разных сервисах, местах, дисках, компах…

@cssunderhood 10 лет, Яндекс. Пока не надоело.

@cssunderhood @SelenIT2 а каких праздников? Оо

.@anton_davydov calend.ru/holidays/0/0/4… @SelenIT2

@cssunderhood @SelenIT2 а, я не знал :(
тогда отличных выходных и праздников :)

@cssunderhood будем знакомы ua.linkedin.com/in/server прекрасного дня!

@cssunderhood 3 года. Удерживал коллектив и здравый смысл руководства. Ушёл с пхп на frontend

@cssunderhood первое место — 7 лет отработал.

@cssunderhood сейчас третья работа, полтора года

.@gladkih_m что удерживало 7 лет? Как сильно менялись задачи и возможно роли? Как боролся с выгоранием? Почему в итоге ушёл?

@cssunderhood первые 4 года была хорошая команда и задачи — с 2006 занимались сайтами, было интересно. Потом начались споры с шефом.

@cssunderhood 4 года на предыдущем месте, 2 из них потрачены впустую

Пока победитель конкурса - @harisov, 10 лет в одной компании!

Сдаю хорошие плагины в массы. Очень пригодился сегодня в одном проекте Masonry - Cascading grid layout library masonry.desandro.com

Делала сетку блоков, где важно было выводить их именно горизонтально.CSS columns работает в вертикальном порядке увы pic.twitter.com/InKXGDGQ5q

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

@cssunderhood На предыдущем месте проработал чуть больше 2х лет, очень не хотелось уходить, но большая (сильно) з/п и семья...

@cssunderhood @harisov а следующий конкурс - кто меньше ? 4 дня, отсутствие уважения к подчиненным у "альфа" ген. дира.

Генератор favicon сразу со вложенными вариациями в разных размерах внутри одного .ico: favicon-generator.org

Генератор радиальных градиентов: elrumordelaluz.github.io/draGGradients/

Я знаю вы любите консольные/grunt/gulp утилиты для сжатия png, но этот сайт сжимает сильней: compresspng.com Сжимает png24→png8+alpha

@cssunderhood @harisov 15минут. Как то курсе на втором меня пособеседовали загадочно, сказали подхожу. Приехал - оказалось Орифлейм)

Лучший сервис сбора инфы о браузере: whatbrowser.ru Генерит ссылку для передачи данных, есть и viewport и детект retina и чистый UA.

@cssunderhood ru.linkedin.com/in/grawl Владивосток

Подбор альтернатив коммерческим шрифтам Paratype: paratype.com/help/synonyms/

Ещё был классный сайт подбора на Google Fonts бесплатных альтернатив коммерческим шрифтам, но он умер:( joelcrawfordsmith.com

@Sigiller @cssunderhood @harisov На предыдущем месте девочка успела уйти до того как ее оформили, не вернулась с обеда. ☺

@yustovskiy @cssunderhood @harisov был похожий случай, толь девушка ушла потому что "я думала, что быть сеошником весело"

Вбил символ - тебе выдало все варианты похожих символов в Unicode: amp-what.com

Просто таблица всех символов в Unicode, можно листать по наборам: unicode-table.com/ru/

@cssunderhood inet.yandex.ru Вроде бы больше инфы собирает, правда ссылку не генерит :)

.@d4rkr00t Но увы не выдает данных по размеру окна браузера и поддержке Retina.

@cssunderhood tinypng.com лучше сжимает, плюс еще jpg то же умеет

@yustovskiy @cssunderhood @Sigiller @harisov я как-то раз в первый день понял, что работа мне не нравится и тоже ушёл без оформления :)

@cssunderhood Размер браузера - это страница в whatbrowser? Ну и yandex понял, что у меня есть флеш и его версию, а whatbrowser нет :)

@cssunderhood в этом году 10 лет! удерживает постоянное развитие в очень разных областях и интересные задачи... ну и зарплаты хватает ;-)

Так-так-так! А теперь давайте с месяцами, кто у нас будет победитель @harisov или @veged ?

Ночной эфир.

Я должен был наконец это написать, я знаю, вы ждали: #bottom,#promo_pinta,#promo_bludo,#promo_photo,div#comments blockquote {zoom: 1}

@cssunderhood ух и словечки ты подбираешь... Я бы сказал что бивис это лишь урезанный БЭМ для нужд Карт

.@cssunderhood @adinvadim какой же он full, если без? ;)
Ты говоришь о том, чтобы попробовать лишь ENB (сборщик). Но для начала покатит )

@tadatuta @cssunderhood @adinvadim ещё i-bem имеет смысл пробовать.

.@cssunderhood зачем некропостинг, если появилась внятная документация: ru.bem.info/method/filesys…

.@cssunderhood даешь актуальные ссылки: ru.bem.info/method/definit…Уровень-переопределения

@harisov @cssunderhood то есть в совершенно непредсказуемом? Вдруг где-то в другом deps-файле эти блоки указаны в обратном порядке?

@forshtreter @harisov @cssunderhood Нет, почему, это настраивается. Можно указать, что блок от которого зависимость должен идти раньше.

@banzalik @cssunderhood понятия порядка? Чертовски верно подмечено :)

@ruGreLI @harisov @cssunderhood нет, можно конечно. Но появляется зависимость от порядка правил, которой мы так стараемся избежать.

@cssunderhood @adinvadim расскажи потом обязательно про велосипед с хтмл шаблонами

.@yaroshevich уже рассказывал, вот видео от @tadatuta m.youtube.com/watch?v=VKzIFO… @adinvadim

@cssunderhood pngquant консольный же для этого есть — небось в этом сайте он и используется

@cssunderhood @adinvadim там же тема шаблонов вообще не раскрывается. Нужен один язык между дизами, верстаками и бэкендом. Шаблоны нужны.

.@yaroshevich а чем html вам не подходит? Думаете bemhtml/bemjson лучше подойдут? @adinvadim

Вчера я предлагал обсудить автоматизацию в квартире: техника, датчики, слаботочка - тв,инет,телефон,сигнализация, etc. Как-то не пошло.

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

В аду я буду вечно поддерживать свои старые проекты с сжатыми сроками и без времени на рефакторинг. Oh, wait…

“Can we implement [X] feature?”

*goes to GitHub, searches for jQuery plugin…no results found…hmmm*

“I’m afraid not.”

👍

Если у вас на сайте используется Google maps, не забывайте, что её можно неплохо перекрасить. Галерея стилей snazzymaps.com

@cssunderhood Хочу сделать автоматизированную отправку данных водосчетчика, пока потихоньку осваиваю ардуино, и что-то мне подсказывает…

.@_sashashakun почему не пойти по пути автоматизации уже того что есть? Например у них может быть получение данных через сайт или телефон?

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

.@_sashashakun коммунальные службы сами передают данные банку - какая сумма в этом месяце, а банк сам списывает (ничего делать не нужно).

@cssunderhood ну это просто автоплатеж в банке, нет?

.@_sashashakun верно, у нас это называется «регулярные платежи». За отопление только данные не берут в моем селе, но я просто вбиваю их сам.

@cssunderhood @_sashashakun Подскажите, пожалуйста, материалы по теме. Хочу озаботиться этим вопросом, коммуналку считать для меня пытка.

@_sashashakun @cssunderhood Свет с счётчиков, жух, воду, вот это всё. Хочу тоже автоматизировать списание с карты.

.@okunev у нас это делается через Приватбанк - он просто самый продвинутый в плане технологий. У вас надо искать аналогичный. @_sashashakun

.@okunev скорее всего в больших городах все платежи проходят через один банк,т.н. «единая квитанция». Надо начать с вопроса им@_sashashakun

.@okunev я из Харькова переехал в село, тут такого нет, но я просто взял реквизиты всех служб где фиксированная сумма и вбил их в автоплатеж

.@_sashashakun а почему просто не посмотреть раз в месяц глазами и не вбить эти цифры в какой-то «их» сайт и всё? @okunev @neuronspace

@cssunderhood про передачу данных не слышал, думал просто ставишь там "оплатить жкх Х денег в Н день" и все, а лишнее на следующий месяц

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

.@iamstarkov автоматизация даже половины процесса - уже автоматизация. Решение может делать 90% работы и быть полезным. @_sashashakun

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

Разработчик: «Вот можно было бы так: заводишь тикет, а он такой раз — и решен.» Менеджер: «Хм, а у меня всё именно так и происходит.»

Какую ночь подряд снится, как я пишу код. Пора, наконец, научить себя коммитить во сне и с честной совестью записывать 8 часов сверхурочных

@cssunderhood @iamstarkov а чем отличается такая схема от обычной оплаты раз в месяц?

.@_sashashakun тем что всё что нужно сделать - изменить цифру в одном месте. Не нужно открывать спец. сайт, вбивать реквизиты...@iamstarkov

.@_sashashakun потом вбивать данные карты, потом смс-верификация... как подумаешь - то и делать не захочется. А то просто изменил цифры.

@_sashashakun @cssunderhood а вроде есть счетчики которые передавать данные могут сами, не? Или те зайти на них могут удаленно)

.@talgautb есть такие для света, у нас начали ставить, но их возможности пока не используются, просто тетя ходит и переписывает сама руками

Устал ждать пока @github сделает нормальный поиск по звездам и сделал его сам. stargazer.thoughtsync.me

@cssunderhood @_sashashakun в Алматы пытаются убрать кондукторов и ставят аппараты, а в Костанае нет вообще их, там менталитет другой :)

@cssunderhood @talgautb у нас(Москва) есть кассиры, картой можно в автомате оплатить только определенные виды проездных.

Ещё я очень люблю спутниковое тв. 3 тарелки на 5 спутников: 4w, 4.8e, 13e, 19.2e, 75e + антенна под эфир/цифровой эфир + мачта под радио

@thought_sync @cssunderhood а сделай еще для Твиттера :) там всё плохо: ставишь фав и забыл, а то я никак не начну делать ))

@thought_sync @cssunderhood @github но они же его таки сделали? github.com/stars

@cssunderhood «чем больше каналов, тем больше “нечего смотреть”». Разве не так? Что ты находишь ценного и интересного в эфире? Спорт?

.@denswor ребенок мультики смотрит, они сейчас все обучающе-развивающие, интересно и самому глянуть. Я музыкальные каналы люблю, научпоп,etc

@cssunderhood ru.linkedin.com/in/gromanme Роман (roman.gusev at gmail), Краснодар. Backend, ruby

@cssunderhood @denysdovhan а куда же без behavior: url(border-radius.htc);

Доброе утро, хорошего начала выходных! ☕

Традиционно опубликую новые ответы, что прислали по обсуждавшимся вчера темам.

10 лет в IT в одной компании, можно работать не только в Яндексе!

@cssunderhood 10,5 уже и менять не собираюсь)

@cssunderhood а почему не Inoreader? Читаю им rss. А так в twitter можно все прочитать.

@cssunderhood для закладок raindrop хотел попробовать. Но оно какое то полурабочее.

@iamstarkov @cssunderhood @github фига вы вспомнили, но вообще мой ищет лучше. Я парюсь еще и README + package.json/gemspec

@iamstarkov @cssunderhood только что набрал слово reactive и @github и половины не нашел

@denswor @talgautb @cssunderhood только что-то не работает + я сделал на полгода раньше

@cssunderhood 4 года Яндекс, в Екб это был самый лучший ИТ работодатель. Потом улетел в "теплые страны".

Суббота - время сказать то, что вам хочется, всем. Вам хочется чтоб вас услышали, но вести неделю в cssunderhood не готовы? Пишите в реплаи.

Я ретвитну то, что вы напишите, для всех 700+ читателей.

@cssunderhood вот это акция! Надо воспользоваться в корыстных целях))

@cssunderhood Сегодня выходной. Хватит работать, идите гулять, проведите время с близкими.

@cssunderhood Доброе! У нас светит солнце; сходил в кафе — запилил черновой перевод поста в блог ;-)

@cssunderhood Ребят, давайте проводить конференции в Москве и по выходным! Слишком дорого ехать в другие места, а в будни тоже никак 👍

Добавляйте bizikov.ru к себе в RSS читалки, и пишите комментарии к записям ;-) @cssunderhood

.@dersmoll раскрывает секрет долголетия в одной компании.

@cssunderhood из серьезных - первая. А постоянная смена ролей, задач, офисов и подходов и помогали не выгорать - все время что-то новое

Ну и на мой блог подписывайтесь, раз такая тема пошла: nano.sapegin.ru @cssunderhood

@cssunderhood CSS Modules FTW!

Для меня суббота - всегда «день семьи», посвящаю его жене и сыну, ноут вообще не открываю. Обычно мы гуляем,идем в гости,делаем что по дому.

@cssunderhood то что не успел сказать на своей неделе.

@cssunderhood Хочу написать плагин для postcss, но не могу придумать, глупости как локти и пяди в ед.изм не хочется

@Akurganow @cssunderhood github.com/postcss/postcs…

.@andrey_sitnik а что делает этот плагин и зачем он?

@cssunderhood это идея плагина вставлять CSS reset в каждый блок по БЭМ. Изоляция для виджетов, чтобы родительские блоки не влияли.

Вчера у нас был «День дружбы» в LinkedIn: мы публиковали ссылки на свои профили, (указывая мыло) и играли в города.

Потом мы соревновались кто дольше всех работает в одной компании. Выиграли @harisov @veged и @webdev_vl - более 10 лет!

Рассказывали что удерживало на работе, помогало не перегореть. И что стало причиной ухода. Были и антирекорды - менее 1 дня на новой работе.

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

@cssunderhood а вообще давайте читать друг друга на гитхабе. Там круто делиться полезным через звездочки. Вот мой: github.com/denysdovhan

Мой: github.com/delka И веб-студии где я работаю: github.com/ideus-team

.@denysdovhan делает baseline для вертикального ритма одной строчкой: background: url(basehold.it/i/24);

@cssunderhood Подписывайтесь, если еще не: @bakievich

m.youtube.com/watch?v=N_Si6J… pic.twitter.com/amaA0mpUkE

@denysdovhan Мой: github.com/sapegin @cssunderhood

@cssunderhood хорошая идея кстати, а почему суббота, а не вскр?

.@andrey2koba отдых от недели, переключение мозгов. А в воскресенье уже можно готовится к новой неделе, открывать ноут с удовольствием.

@cssunderhood Хочу сообщить, что вас читают не только FrontEnd разработчики, но может быть один PM

Ночной эфир

FixIEFlicker=function() {try{document.execCommand('BackgroundImageCache',false,true)} catch(e) {}
window.attachEvent("onload",FixIEFlicker);

@cssunderhood wtf?

.@snejink это фикс для устранение мигания фоновых картинок в IE6.
Ночь — время волшебства. Каждый ночной эфир на этой неделе я начинал так.

.@snejink мы перебрали разные css-хаки от одноразовых expression и до zoom:1. Пришло время js.

@cssunderhood, предлагаю в ночном эфире поговорить про ночную жизнь в разных городах и странах. Что делаете? Куда ходите? Или кодите?

@usernamus Ночь — время спать :–) @cssunderhood

И раз уж про ночь заговорили: кто во сколько ложиться и встаёт? Я ложусь в 11, встаю в 7:15 (по выходным в 8). @cssunderhood

@usernamus @cssunderhood ходим, конечно же! Остальное для всех тех других людей, которые ничего не понимают ;)

@sapegin @cssunderhood ложусь в 12, сейчас пытаюсь сделать привычкой вставать в 7 утра, но пока встаю в 8:00 (по выходным в 10)

Я ложусь в 12—1, встаю в 7 (по выходным в 8).

@usernamus @cssunderhood аа! кодим* писал, КОДИМ! а не ходим*

@cssunderhood @snejink Вы еще верстаете под IE8-?

.@yustovskiy Уже лет 5 как не верстаем под них. Это я достал старинную пыльную книгу заклинаний, специально для вас.

@sapegin @cssunderhood когда дедлайны резкие и мгновенные также ложитесь? :)))))))

@sapegin @cssunderhood хочу ложиться в 10, а просыпаться в 6, но пока я отстаю от графика на 4 часа

.@usernamus я поздно прихожу домой и нет желания ни идти куда-то, ни писать код. Ложусь в кровать,читаю перед сном,засыпаю. Иногда тв смотрю

@rajdee_mhm @cssunderhood @sapegin ложусь в 22:00, засыпаю в 1:00 (бомбово)

@sapegin @cssunderhood Встаю в 8:00, ложусь 01:00. По выходным встаю в 9-10 )

@sapegin @cssunderhood Заставляю себя ложиться пораньше хотябы до 00:00 встаю около 8:00 - 9:00, если удалось лечь раньше полуночи

@cssunderhood 3 года на самой первой работе, удерживала неопытность, решил уйти потому что накопились проблемы с начальством.

@usernamus @cssunderhood, по настроению: сериалы, бар/паб, играем в плойку/покер с друзьями, лонгборд, пишу код, сплю :)

@Bizi @sapegin @cssunderhood если научишься вставать в 7 - раскрой секрет, шайтан

@sapegin @cssunderhood ложусь в 22:30, в лучшем случае до 01:00 зависаю с книжкой, встаю в 07:30-08:00, по выходным обычно не позже 09:00.

@WasilisaFish @cssunderhood @Bizi @sapegin ребенок, которому в садик до 8. Я вообще в 6 встаю. Ложусь ближе к полуночи.

@sapegin @cssunderhood Еще немного статистики от дизайнеров: twitter.com/iamspacegray/s…

@sapegin @cssunderhood стараюсь лечь до 10-10:30, просыпаюсь в 6:10 (плюс-минус 10 минут). Это в будние. В выходные стараюсь в 8-9 встать.

@sapegin @cssunderhood встаю в 9-10, ложусь около 01. но бывает ночью нереальная мозговая активность накатывает и не уснуть. и все сбивается

@sapegin @cssunderhood кто в 6-7 встает вообще мои герои, сколько не старалась перестроиться, до полудня потом как овощ

<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>

Моя неделя заканчивается. Сегодня я полезу в старые бекапы/внешние винты, чтоб поискать для вас интересных ссылок.
А пока вспомним наши темы

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

Обсуждали библиотеки/фреймворки для унификации, ускорения, автоматизации верстки и свои собственные решения.

Ночью у нас был «ночной эфир» с ретвитами интересных людей и общением не на IT-темы.

Во вторник я описывал «один-мой-рабочий-день» и мы обсуждали зарплаты верстальщиков, резюме, джуниоров и инструменты тестирования верстки.

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

Также мы обсудили куда мы тратим деньги, откладывание денег «на старость» и рынок недвижимости.

В четверг был «День БЭМ» — я поделился видео и слайдами, большим кол-вом ссылок, объясняющих важные моменты ручной верстки по #b_ (BEM CSS).

Было много вопросов-ответов, демонстрация работы Full BEM Stack в обычном html, без bemhtml/bemjson, общение с авторами методологии.

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

Пятница была «Днём дружбы в LinkedIn» — мы кидали ссылки на свои профили+мыло, называли города, чтоб было интересней и добавлялись в друзья.

Заодно поговорили о рекордах работы на одном месте, что помогало не выгореть, а что наоборот стало причиной ухода.

Также обсуждали кто как читает и собирает полезное, @jsunderhood (@pepelsbey)поделился своим списком из Feedly. Обсудили RSS и IFTTT.

Также в пятницу был традиционный постинг ссылок на полезные сервисы и плагины.

В субботe был день прямого эфира читателей — я ретвитил, то, что они хотели рассказать всем 700+ подписчикам cssunderhood.

@cssunderhood где можно найти ссылки?)

.@SplinTop7 листайте ленту twitter.com/cssunderhood вниз — там всё и ещё много-много интересного.

@SplinTop7 @cssunderhood github.com/skriming/cssun…
Ссылки тут, в понедельник добавлю и от @delaz

Сегодня день «пока не поздно». Спрашиваем и постим в реплаи, то, что не успели/не решились. В 12:00AM - log out.

@cssunderhood Ой, Игорь, если ещё не поздно, можно я поделюсь нашим полезным ресурсом для тех, кто не слышал о нём: css-live.ru:)

Кроме IT-тем, я с удовольствием отвечу на вопросы про Харьков и жизнь айтишника в селе (да, я живу в 35км-пригороде). pic.twitter.com/ZQFg99bw2W

@cssunderhood на суржике общаешься?

.@mambusskruj нет,это считается дурным тоном,или чистый русский или украинский. В Харькове на русском говорят, но украинизмы стали диалектом

.@mambusskruj в первую очередь это построение фраз на русском по правилам украинской грамматики, классика: «скучаю по тебе» это калька с укр

.@mambusskruj ну и конечно двуязычная среда накладывает отпечаток, сходный с «рунглишем» - когда укр. слова вставляются в качестве терминов.

.@mambusskruj а вообще Харьков знаменит своим диалектом, который почти нереально вывести, харьковчане зачастую и не знают что таких слов нет

pic.twitter.com/nHGcDpioTR

@cssunderhood "та тю, ну а шо", как в Таганроге побывал)

.@_sashashakun Сходили в киоск, скупились парой баклажек пива, сложили в пожмаканные кульки и потелепались на вылазку

@cssunderhood а если есть желание выучить украинский язык, то куда идти?

.@webdev_vl курсы/учебники. Вообще сложно будет,общей лексики с русским - меньше половины будет. Но грамматика простая,нет 100500 исключений

.@webdev_vl в Украине тебя на русском везде поймут и на русском ответят. Навигация продублирована на английском и русском во многих местах.

.@webdev_vl если просто для интереса, то устный - смотреть украинские ток-шоу, там традиция: один ведущий на украинском, второй - на русском

.@webdev_vl а письменный - на новостных порталах типа theinsider.ua,nv.ua - там 2 языка, можно одно и тоже на русском и украинском читать

@cssunderhood почему село, а не город?

.@xwoody переехал из города в село, когда родился сын. Там родители жены - они сильно помогали нянчить + пустая квартира нам, жить отдельно.

.@xwoody теперь нужно в Харькове выкупить квартиру у родственников, в которой жил, чтоб стала полностью моя, а не на половину.

@cssunderhood как культурную жизнь ведете ? Как часто ездите в город ? Какая у вас машина ?)

.@krasivieglaza каждый день в город. Ребенок - в частный детский сад, мы с женой на работу. Культурная жизнь - кино и выставки, увы редко.

.@krasivieglaza машину в след. году буду покупать, пока хватало автобус+такси, транспорт ходит часто и быстро. И были другие расходы большие

.@krasivieglaza иногда завидую людям без семьи и детей - могут посвящать себя работе,больше свободного времени для отдыха. И расходов меньше

В пригороде воздух чище, у меня летом жуткая аллергия, но стала постепенно ослабевать, легче с каждым годом. Меньше криминала. Красиво.

@cssunderhood @krasivieglaza почему частный?

.@7rulnik дополнительные развивающие занятия, на которые отводят внутри этого же садика, +факультативы, есть места, можно забирать до 20:00

Про подбор авторов для чтения, подписки и RSS...

@cssunderhood Ну вот да: если понравилась статья, смотрю что ещё у автора в блоге. Если интересно — добавляю.

@cssunderhood обычно читаю подписки в Feedly, еще думаю вести списки на GitHub, как например этот: github.com/skriming/cssun…

Еще о RSS. @cssunderhood есть такая книга @survivejs, там в конце разделов такая вот сноска: survivejs.com/webpack_react/… pic.twitter.com/K6bNY3fKTq

Нас спрашивают...

@cssunderhood сохраняю иконки с svg из adobe extract. делаю upload иконок на icomoon - сделать svg-sprite. но icomoon не видит их. почему?

.@gearmobile не знаю, я просто не делал так никогда, может читатели подскажут.

@cssunderhood может "Скучаю за тобой"?

.@svelykodnyi верно. Хотел привести пример смешения языков, но написал правильный вариант;))

.@svelykodnyi по-русски правильно «скучаю по тебе». По-украински «сумую за тобою». А когда говорят «скучаю за тобой» - это украинизм.

Давайте поделимся ссылками на наши настройки Grunt/Gulp.

Наша старая сборка — Grunt c Sass через Compass: github.com/ideus-team/htm…

Наша новая сборка — Grunt с Sass (без Ruby, на LibSass) + весь Bourbone + автозагрузка тасков + запуск только новых: github.com/ideus-team/htm…

В новой сборке пробовал делать параллельный запуск тасков, но это оказалось медленней чем запуск подряд.

Новая сборка недоделанная, у меня не получилось прикрутить spritesmith и notify и есть проблема с sourcemaps в PostCSS при подключении MDL…

Но ведь «недоделанно» — это норма нашей индустрии. Надо просто не стесняться и выкладывать как есть.

@cssunderhood У меня скорее фабрика настроек: github.com/tamiadev/tamia…

@cssunderhood не до конца доделанный шаблон github.com/gladkih/gulp-b…

@cssunderhood github.com/gunlinux/gunli… gulp, postcss, jinja2(технические nunjucks), bem, лайф релоад и вечная бета)

@cssunderhood Моя WP-тема на основе Jade(bemto), Stylus. Сборщик Gulp. github.com/yustnip/incept…

@cssunderhood мой Gulpfile
gist.github.com/smithua/179c70…

@cssunderhood почему Grunt?

.@justusebrain когда мы сделали сборку (летом 2013), Gulp ещё не было. А смысла переходить не увидели — и так всё быстро собиралось.

@cssunderhood Как-то делал для проекта сравнение использования связки(и без неё) gulp и webpack с standard task github.com/ximet/GruntWeb…

@cssunderhood у галпа очень удобный конфиг, в отличие от гранта. Ну и скорость, да.

.@justusebrain В Grunt все таски можно вынести из конфига и сделать gruntfile вообще в 3 строки: github.com/firstandthird/…

.@justusebrain с aliases настройка тасков будет в YAML-конфиге, красиво и удобно: github.com/firstandthird/…

.@justusebrain если уйти от Ruby Sass к LibSass и запускать таски через github.com/tschaub/grunt-… всё будет оч быстро.
У меня сборка 1.5 сек.

.@justusebrain Ну так там же не только Sass, ещё линтеры для CSS и JS, объединение всех JS… На PostCSS ещё очень много времени уходит.

@cssunderhood я не из церкви святого галпа, если что. В последнее время вообще на webpack + npm scripts перекатился частично.

@cssunderhood @justusebrain кстати, медленная работа плагина — всегда повод для иссю, так как если он написан хорошо, то должен быть быстрым

.@andrey_sitnik я сделаю разные тесты, опишу все хорошо и тогда запощу.

Как и обещал, подключил через виртуальную машину на внешнем HDD в шифрованном диске, старый бекап закладок 12-ой Opera.
Поделюсь ссылочками.

И ещё один «вбил символ — получил варианты в Unicode»: entity-lookup.leftlogic.com
Это из стареньких.

Сравнение шрифтов: typetester.org

@cssunderhood а разве там не устарело все?

.@xwoody устарело и многие сайты уже мертвы. Но интересное/полезное и сейчас — есть.

@cssunderhood не успеваю все настроить, как выходит что-то новое github.com/nimaxru/cephei

@cssunderhood Grunt, PostCSS (SCSS style), SVG спрайты, BrowserSync github.com/hudochenkov/ne… (недавно переделывал и readme еще старый)

Нашел simplaio.github.io/rucksack/,
а ведь пошел смотреть системы сборки в @cssunderhood

@cssunderhood Gulp 4 (тот, что вот-вот) на Babel github.com/godban/gulp4we…

Таблица поддержки мабилами и планшетами различных фич HTML5 и CSS3 оттестированная на реальных девайсах: mobilehtml5.org

Куча иконок на чистом CSS: one-div.com

.@xwoody очень много ссылок на блоги, ссылок на разные интересные статьи, но мы же постим только сервисы.

Нашёл много закладок времен,когда я автоматизированно в консоли кодировал видео из DVD в WMV-HD+DRM, но это уже неактуально и никому не надо

Один совет: как быстро входить в поток, часто коммитится с чёткими описаниями и легко планировать работу: blog.byndyu.ru/2013/01/blog-p…

@cssunderhood try.jquery.com - тренировка навыков по jquery

@cssunderhood @Sigiller в этом году я узнал, что фав используют как лайк :)

@cssunderhood @veged все там пофиксил @OdessaJS

Ну GTmetrix и Google PageSpeed Insights вы должны и так знать.
GTmetrix выдает подробные рекомендации, зато Insights проверяет на мобильных.

Спасибо за эту неделю!
С вами был Igor Zenich @delaz из Харькова.
Любви, успехов и мирного неба.

Logout