ihorzenich

17 августа 2015, Ukraine, Kharkiv

# Понедельник 72 твита

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

13:27

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

13:31

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

13:32

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

13:34

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

13:40

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

13:40

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

13:43

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

13:56

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

13:58

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

14:01

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

14:02

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

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

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

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

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

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

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

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

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

14:21

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

14:21

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

14:23

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

14:25
@cssunderhood а стоит ли поделить рынок на простые сайтики, энтерпрайз, стартапы и т.д. Для каждого нужен свой подход или нет?
14:26
@cssunderhood вот это дискуссионый вопрос - нужно ли знать "чистую" вёрстку или достаточно слепить из фреймворков?
14:27

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

14:40

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

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

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

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

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

15:19

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

15:21
@SelenIT2 @cssunderhood только начавшим обычно не проще и они могут сразу делать реальные деньги (тм) а не сидеть полгода в книжках
15:22
@mktoid @cssunderhood это факт - мне удалось устроиться на работу через месяц после того как я начал изучать вёрстку
15:41
@cssunderhood тут еще вопрос в том будет ли потому удобно расширять и поддерживать эти готовые решения? яндекс.почта - серьёзно @sapegin
15:42

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

15:44

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

16:03
@cssunderhood Для вёрстки сайтов свой фреймворк: tamiadev.github.io/tamia/. На работе — Бутстрап и Реакт-бутстрап.
16:06
@cssunderhood для писем есть офигенный Sassy Zurb Ink: github.com/faustgertz/sas…
16:15

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

16:25
@cssunderhood для уникальных и сложных штук типа odisseydom.ru/%D0%B2%D1%8B%D… использую @ZURBfoundation, для вещей попроще расширяю @getbootstrap
16:59
@cssunderhood модульную сетку, например. Библиотеки готовые типа Select2.
16:59
@cssunderhood "как не писать ни строчки кода и получать много денег")))
17:11

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

17:29

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

17:32
@cssunderhood в @ZURBfoundation довольно хорошо всё завёрнуто в Sass, подключаю нужные модули и расширяю их необходимыми возможностями
18:00
@cssunderhood или создаю свои модули на основе возможностей существующих. Примеси, функции, вот это всё.
18:00

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

19:11

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

19:12

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

19:14

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

19:16

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

19:17

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

19:19

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

19:22
@cssunderhood опа, какие Refills клёвые! Неплохая замена для Bootstrap и прочих разномастных и довольно крупных штук.
19:45
@cssunderhood к вам дизайны вообще не приходят? Или вы сами все делаете в стиле используемого фреймворка?
19:45

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

19:46

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

19:47
@xwoody @cssunderhood ну так всё можно поменять же, берёшь и настраиваешь под проект. хоть с векторными зомби и цветочками! то базис же.
19:51
@cssunderhood но ведь все эти фреймворки со своим внешним видом. Много времени на переделку уходит + куча лишнего остается.
21:11

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

21:13

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

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

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

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

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

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

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

21:24

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

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

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

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

# Вторник 130 твитов

И если вы читаете @webstandards_ru, то буду рад выслушать критику: редко, часто, скучно, каких тем не хватает и т.д.
0:26
«Веб-стандарты» начинались как тусовка на Вебмасконе, продолжались в Гугл-группе, а сейчас живут в виде чата в Слаке, т.н. «песочница».
0:27
Эта песочница (или редакция) закрытая, но туда, при большом желании, можно попасть. Но не потусоваться, а нести пользу.
0:27
Для меня же стало вдвойне важно объединять сообщество изнутри, организовывать WSD в Киеве каждый год — будем делать и в этом.
0:28
29 августа я еду во Львов выступать на @LvivJS и ни у меня, ни у оргов нет никаких проблем. И это очень радует.
0:28
CSS Grid Layout почти готова. Не упустите последний шанс изменить в ней то, что вас не устраивает: css-live.ru/vecssti-s-pole…
0:31

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

0:33
Half-stack developer.
0:50
Думаю написать бота-менеджера, который будет в слаке говорить:
— Когда будет релиз?
— Баги пофиксили?
— Срочно хотификс!
— Андрей, ты где?
0:52
А давайте поддержим реализацию селектора :has() хоть тут: wpdev.uservoice.com/forums/257854-…! А то не видать нам его еще 15 лет webplatformdaily.org/releases/2015-…
0:53

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

7:49

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

7:51

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

7:54

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

7:56
Метод тестирования: сказать что всё работает и надеяться, что оно всё работает.
7:57
Плюсы и минусы подхода:

  • Минимум трудозатрат //
  • Доступно любому //
  • Может оказаться, что не работает.//

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

7:57
@cssunderhood какие ответы получил?
8:15

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

8:18

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

8:22
@cssunderhood интересный инструмент для тестирования Gemini от Яндекс, правда мне на реальных проектах не удается его применять
8:25
@cssunderhood в студии, в админках мы использовали тему Яндекса ru.bem.info/libs/bem-compo… и под каждый новый проект собирали новый UI Kit
9:41
@cssunderhood в #b_ есть и готовые решения, для тех кто справился. Например bem-grid, bem-forms, bem-social, bem-calendar и еще что-то
9:41
@cssunderhood и главные bem-core и bem-components — тоже готовые решения. Например в core есть заготовка про страницу, модуль jquery и тд
9:41
@cssunderhood вот я не согласен. Да, способов *не верстать* и получить приемлемый результат стало больше. Но именно верстать стало труднее)
9:41
@cssunderhood (вспомнил свою первую встречу с бутстрапом, когда мне надо было поставить label в строчку с чекбоксами, *как обычно*... ой!:)
9:42

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

9:45

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

9:47
@SelenIT2 @cssunderhood интересно, что я когда проходил интереса ради тесты на upwork самым сложным оказался тест по HTML5, а вовсе не по JS
9:47
@cssunderhood @SelenIT2 а потом лезешь в код и выясняешь, что кусок блока тупо картинкой из макета вставлен)
10:08

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

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

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

10:15

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

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

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

10:19
@agatische @cssunderhood @SelenIT2 Уровень еще можно определить по тому как быстро можно сломать верстку. Ввел где-то больше текста и все
10:20
@akrekotun @cssunderhood @SelenIT2 Или починил баг на одной странице, и заломал вёрстку/блоки на других. Классы любят добавлять на html :(
10:20
@cssunderhood имхо верстка и фронтенд в целом - это площадка молодых. Слишком быстро устаревают знания "старичков".
10:34
@cssunderhood пилю свой темплейт Gagarin: github.com/neonick/gagarin Всё просто, самый минимум для быстрого старта.
10:35
@cssunderhood можно ли называть это вёрсткой, либо компиляция из готовых пресетов, блоков и шаблонов?
10:35

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

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

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

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

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

10:49

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

10:51

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

10:52

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

10:54

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

11:00

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

11:03

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

11:05

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

11:49

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

11:52

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

11:57

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

12:09

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

13:28

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

13:30

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

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

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

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

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

13:42

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

13:45

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

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

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

13:51

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

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

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

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

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

13:59
А чем Вы своё время трекаете? @jsunderhood @cssunderhood
14:01

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

14:04

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

14:06
@cssunderhood норм у него игровой опыт :-D
14:07
@cssunderhood интересно будет ли это + или – если писать такое в резюме )
14:07

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

14:10

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

14:10

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

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

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

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

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

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

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

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

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

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

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

19:11

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

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

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

19:53

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

20:01

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

20:02

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

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

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

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

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

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

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

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

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

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

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

20:39
@cssunderhood Кто такое в резюме пишет? Я вообще стараюсь все в станицу запихнуть, а тут столько лишней воды.
21:05
@freiksenet_ru @cssunderhood индусы пишут по пять листов в CV
21:05
@iamstarkov @cssunderhood Вот их никто и не нанимает на западе.
21:05

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

21:06
@cssunderhood это не попадает под понятие джуниора, но я знаю одну девушку, которая пришла не зная почти ничего и теперь доросла до middle
21:35
@cssunderhood я уже услышал ответ. Ты бы не стал с нуля учить
21:35

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

21:38
@cssunderhood @freiksenet_ru я вот когда то слушал Якова Файна. человек с опытом в 15 лет на Java говорит что его резюме 2 страницы.
21:48
@cssunderhood @iamstarkov Ну описания себя может на cover letter, а опыт старый можно урезать.
21:48
@nayanov @cssunderhood ой, да это же я!
22:04
@cssunderhood Польщен, спасибо ^^ А вообще, ленту по веб-разработке я в основном здесь веду twitter.com/frontender_ua
22:04

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

22:05

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

22:16

Ночной эфир.

22:54

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

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

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

23:12
Не используйте группу «Бутырка» в тестовых данных.
23:12
"У меня дома один четырехтомник выставлен в порядке 1, 2, 4, 3. Специально. Каждый раз, обращая взгляд, я тренирую внутренний дзен"
23:13
— Мы наконец добрались по очереди до вашей правки "Подвинуть логотип на 10 точек вправо".
— Спасибо. Но наша фирма уже 10 лет как закрылась.
23:45

# Среда 84 твита

«Как управлять рабами». Советы античного топ-менеджера secretmag.ru/articles/2015/…
0:15
Naming Things – это не только программистам тяжело. В Чили есть очень большой телескоп, который называется Very Large Telescope
0:44

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

1:00

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

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

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

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

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

1:33

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

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

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

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

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

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

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

1:54

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

8:00

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

8:01

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

8:04

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

8:05

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

8:06
@cssunderhood @bayevn - у меня много знакомых верстал и фронтов, все на аутсорс и в среднем верстале зп от 700-800 при опыте год и выше
8:25
В Украине:
Junior-верстальщик: 350-500$
Мидл: 700-1000$
Сениор: 1200-1700$
Это после налогов.
@bayevn pic.twitter.com/VQvtteTujE

.@knaipa это совпадает со статистикой, которую я привёл: twitter.com/cssunderhood/s… @bayevn

8:30
@cssunderhood кроме фантома есть Galen, Gemini. Makeup от 2Gis с тестированием блоков. Просто вы не в теме.
8:38
@cssunderhood @xwoody У меня чуть-чуть есть на Каспере: github.com/tamiadev/tamia…; а ещё Джемини хвалили, но не пробовал пока.
8:39
@sapegin @cssunderhood @xwoody у нас используется #gemini, и ми дуже планируем в неё предлагать улучшения.
8:41
@exdeniz @cssunderhood + wraith от BBC
8:43
@cssunderhood для наших специфичных целей используем фантом для сверки соответствия двух картинок
8:46

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

8:55

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

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

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

10:16
@cssunderhood были фейлы в начале пути, когда брал проект на вёрстку, а он был слишком сложным. Приходилось отказываться, возвращать деньги.
11:08
@cssunderhood когда только устроился работать в первую компанию, я не знал js и меня посадили на крупный проект где только js, нативный.
11:08
@cssunderhood чинили компы, заправляли картриджи, самое необычное — прокладывали пожарную сигнализацию в складе на рынке.
11:09
@cssunderhood какой язык используешь на роботе, в быту? Используешь в общении на роботе английский?
12:24

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

12:36

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

12:39

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

12:40

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

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

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

12:42
@cssunderhood много американских заказчиков?
12:59
Новинки Edge в работе: <picture> и режимы смешивания на <canvas> и планы: Shadow DOM и др. — blogs.windows.com/msedgedev/2015… pic.twitter.com/Xr3hxYeRNZ
13:01

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

13:07

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

13:11

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

13:20

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

13:22

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

13:27
@cssunderhood Теперь это просто: хожу на работу :-) Раньше были занятия с носителем три раза в неделю, записи докладов, книги, блог…
17:34
@cssunderhood все интерфейсы на английском, читаю в основном только на английском, фильмы/сериалы в оригинале, подкасты те же.
17:34
@cssunderhood issue на гитхабе тоже на английском писать нужно. И по работе нужно сейчас мысли на нем же доносить.
17:34

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

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

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

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

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

19:20
Интересную тему подняли. @cssunderhood откладывает деньги, а @jsunderhood вкладывает в себя. Вам что ближе?
19:28
@cssunderhood @jsunderhood вклад? Отмечай того, кому отвечаешь в конце твита, чтобы не потерять ответ :)
19:29

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

19:30

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

19:31

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

19:33

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

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

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

19:37
@cssunderhood И что такое старость?
19:38

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

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

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

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

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

19:48

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

19:52

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

20:24

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

20:24
@cssunderhood Депозиты не боишься держать в нынешней неспокойной обстановке?
21:37
@neonick @cssunderhood @jsunderhood пока только в себя. Через год начну «на пенсию» откладывать.
21:47
@cssunderhood Сейчас и положить боишься и держать у себя жалко - обесцениваются
21:50

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

21:54

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

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

Ночной эфир.

22:34
Впервые узнаю о CSS-свойстве max-width: max-content demosthenes.info/blog/894/Shrin…
23:49
@cssunderhood поставь какую-нибудь хорошую песню
23:50

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

23:55

# Четверг 122 твита

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

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

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

0:08

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

0:10
Не знаю, можно ли верить андроид разработчику с айфоном и iOS разрабу с телефоном самсунг?))
0:22
Сборщики, препроцессоры, постпроцессоры, пакетные менеджеры… В мое время, чтобы называться веб-мастером, нужно было знать фотошоп и таблицы.
0:26
Сижу и пытаюсь понять, в какой момент в моей работе что-то пошло не так ) pic.twitter.com/Dx9joQat1I
0:29
Тут коллега пишет, что задержится, потому что утром накатил. Ну а что?
0:37
Продолжаю разгребать ридер. Хорошая прошлогодняя статья о применении БЭМ к именованию переменных для препроцессора — juliecameron.com/blog/2013/11/0…
0:40
@cssunderhood я думал, наоборот уезжают, а вы про то, что на Украину ехать @krasivieglaza @akrekotun
0:45

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

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

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

1:03
Мечты разработчика о неделе рефакторинга — они как о неделе запоя алкоголика.
1:06
Фильм о том, как верстальщик написал любовное письмо под устаревшую версию браузера, и ждал ту единственную, что сможет прочесть его.
1:09

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

1:40
@cssunderhood @akrekotun посчитал, что за два года работы в Киеве на аналогичной должности (Js) я смогу приобрести квартиру.
9:02
@cssunderhood .net и web developer и Esquire иногда на айпаде. А так, email подписки - codrops, js weekly, там все самое крутое за неделю.
9:02
@cssunderhood Книги (электронные) и пару журналов о фотографии (тоже электронных).
9:02

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

9:06

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

9:09

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

9:11

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

9:14
@krasivieglaza @cssunderhood @akrekotun это так много платят или так дешево жить? Или квартиры дешёвые?
9:14
@krasivieglaza @cssunderhood @akrekotun экскьюз ми, можно с этого места чуть поподробнее, с циферками? :)
9:15

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

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

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

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

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

9:33

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

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

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

9:37
@cssunderhood кстати спасибо за подробные ответы про зарплаты!)
9:39
@cssunderhood @SelenIT2 У вас там классовой ненависти к IT нет? Учитывая что все остальные получают наверно совсем не в долларах.
9:39

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

9:40

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

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

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

9:43

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

10:00

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

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

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

11:05

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

11:06

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

11:07
@operatino @from_anywhere @cssunderhood я тоже пол года думал что у него проблемы с алкоголем, а на самом деле он ставит утренний апдейт.
11:08
@cssunderhood @amsteldroid Я например в реакте вполне бем пишу, но не юзаю никакие странные иструменты которые идут с бемом.
11:20
@cssunderhood Про рабочий процесс: верстальщик выдает набор статичных файлов или работает напрямую с cms/ф-ворком сайта?
11:20

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

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

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

11:23

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

11:25

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

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

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

11:36

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

11:37
@cssunderhood Именнование классов и разделения по блокам это круто и это всем ясно. Инструменты абсолютно не ясны, зачем и почему они?
11:38
@cssunderhood В чем сложность html писать ручками? Зачем этот странный json формат?
11:38

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

11:52
@freiksenet_ru @cssunderhood изначально БЭМ-инструменты для двух вещей: 1) сборка и 2) помощь в создании кода
12:16
@freiksenet_ru @cssunderhood 1) сборка: всё собирается на основе списка БЭМ-сущностей (не конкретных файлов в импортах)
12:16
@freiksenet_ru @cssunderhood 2) помощь: чтобы проще было соблюдать ограничения, например на fs не опечататься при создании blocks/myB/myA.js
12:25
@iamstarkov БЭМ - это идея создавать все независимыми блоками, классы - это следствие идеи и конкретная ее реализация @cssunderhood
12:25
@freiksenet_ru @cssunderhood с JS синтаксисом проще работать, меньше переключений при написании браузерного JS и динамически делать легко
12:30
@banzalik @iamstarkov @cssunderhood Ну и ещё единая предметная область для всех технлогий. По-моему это наибольшую разницу вносит.
12:30
@cssunderhood БЕМ стоит из 6 частей:
12:37
@freiksenet_ru @toivonens @cssunderhood с react и css modules та же идея актуальна: «блоки первичны, технологии вторичны» (semantic first)
13:18
@freiksenet_ru @cssunderhood Чтобы видеть, кому и как #b_ нужен на Западе, советуем подписаться на этот (англоязычный твиттер БЭМ) аккаунт
13:23
@iamstarkov @cssunderhood идея с классами это просто деталь реализации из времён, когда не было модульности в CSS
13:40
@toivonens @cssunderhood ¯\_(ツ)_/¯, без гарри робертса мир не узнал даже про CSS часть бэма
14:21

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

14:46

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

14:50
@veged @cssunderhood @iamstarkov БЭМ — это методология разделения на Блоки, Элементы и Модификаторы. Всё остальное — вторичное.
16:27
БЭМ пугал когда он вышел. Там была простыня текста в документации на не очень прямом английском про философию. @voischev
16:40
Что я имел ввиду - авторы БЭМ не смогли его продать. В том числе из-за сложной и не очень удобной документации, ИМХО. @voischev
16:40
Даже разработчики Google Material Design не смогли с первого раза правильно написать имена классов по БЭМ :) #b_ #mdl pic.twitter.com/Todx0BGwj5
16:43

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

17:05
@andrey_sitnik @ymatuhin @jsunderhood БЭМ это фреймворк для создания фреймворков.
17:11
Как использовать Full BEM Stack внутри обычного HTML без bemhtml и bem-json: youtube.com/watch?v=VKzIFO…
17:38
@cssunderhood а в каких ситуациях может оказаться, что будет лучше без БЭМ?
17:46

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

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

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

18:27

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

18:30

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

18:31

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

18:33

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

18:33

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

18:35

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

18:36

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

18:37

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

18:37

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

18:38

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

18:58

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

19:16

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

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

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

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

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

19:37

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

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

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

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

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

19:45
@forshtreter ни в каком порядке, в BEM нет этого понятия @cssunderhood @cssunderhood
19:47
@cssunderhood если block1__el существует в нескольких реализациях, то почему не запилить их в виде его модификаторов?
19:51

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

19:52

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

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

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

20:42

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

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

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

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

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

22:46
@cssunderhood мне кажется ты сейчас написал тем двум людям в мире, которые не просто «почитали», но юзали его в продакшене @forshtreter
22:48
@cssunderhood без шуток, если что. Мы с @forshtreter и другими ребятами использовали BEViS на avia.yandex.ru
23:14

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

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

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

23:55

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

23:57

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

23:59

# Пятница 174 твита

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

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

0:01
@cssunderhood хотя это даже ностальгично. Все это вспомнить. Верстка сегодня проще.
0:05
«Подпольный проект стал настоящей методологией» — @nastialarkina про #b_, дизайн и не только. Интересно, советуем lookatme.ru/mag/blogs/desi…
0:54

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

9:06

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

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

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

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

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

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

9:10

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

9:15

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

9:15

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

9:16
Экспортировал подписки из Feedly по совету @roman01la gist.github.com/pepelsbey/3fb8…, читаю с помощью Reeder reederapp.com
9:16
@cssunderhood а мы оказывается уже
9:18
@cssunderhood я вот видел контекстную зависимость в поиске Яндекса, это ок? До 2 уровней было.
9:20

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

9:20
В @cssunderhood опять #_b, приводят примеры либ. bem-forms, bem-social - доки только на русском. Почему же #_b никому не нужен на западе?
9:21
@cssunderhood про префиксы непонятно. Типа мы в своей фирме решили, что у нас tesla-block, а ребята из другой конторы пишут ideus-block?
9:23

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

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

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

9:26

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

9:28

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

9:28

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

9:29
@cssunderhood отличная идея, а то там только эйчары рыщут, тишина и мёртвые с косами стоят.
ru.linkedin.com/in/sigiller
9:30
@cssunderhood, не знаю, как из мобильного приложения красивую ссылку получить: linkedin.com/profile/view?i…
9:31
@cssunderhood огромный минус, что мобильный Feedly не умеет работать оффлайн.
9:31

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

9:34
@cssunderhood linkedin.com/in/fliptheweb, но кто-то реально пользуется linkedin? Какие кейсы? По-моему там только засилие HR`ов
9:34
@fliptheweb @cssunderhood Отличное онлайн резюме с рекомендациями. HR-ы это полезно если ищещь работу.
9:35
@cssunderhood фавы твиттера, pocket
9:35

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

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

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

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

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

9:46
@fliptheweb @iamstarkov @cssunderhood Это проблема. Надо все равно быть вежливым. Мало ли когданибудь будешь работу искать.
9:50
@iamstarkov @fliptheweb @cssunderhood Я добавляю и вежливо отказываю им если пишут. Хорошо иметь контакты.
9:50
@cssunderhood предлагаю ещё поделиться кто какими рецептами для @IFTTT пользуется
9:50

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

9:51
@cssunderhood По моему опыту — неправда. За последние года два эйчары переехали на Линкедин с Моего круга.
10:18
@cssunderhood расскажи о полезных рецептах @IFTTT
10:48

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

10:49
@cssunderhood fav twitter → ifttt → RSS reader. Прочитываю и убираю фав.
10:50
@cssunderhood у меня система другая: @IFTTT отправляет мне в @Pocket все новые посты с RSS.
10:51
@cssunderhood пока только использую рецепт ifttt.com/recipes/164569… Постит фотки из инстаграмма в твиттер
10:54
@cssunderhood твиттер, RSS через Reeder. Всё на телефоне.
10:54
@denysdovhan Таки да, я таки стар — мне RSS кажется удобнее :–) @cssunderhood
10:55
@cssunderhood RSS: Feedly + Reeder. Твитер: Tweetbot. Выписываю рассылки вроде JS Weekly и HTML5 Weekly.
10:59
@cssunderhood твиттер и RSS … Все же RSS – это удобно. :)
11:00
@cssunderhood на авторов подписывают в Feedly. Статьи храню в Pocket и иногда избранное твиттера. Раз в неделю чищу их, иначе мусорка будет
11:01
@cssunderhood отправляю ссылку в закладки и у меня в to-do есть задача "почитать" на сегодня. Вечером стараюсь пробежать глазами.
11:02
@cssunderhood ранее GR, потом Яндекс.Подписки, когда и это убили, остались только Feedly + Twitter
11:25

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

11:28

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

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

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

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

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

11:39

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

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

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

13:29
@cssunderhood ru.linkedin.com/in/dshster Казань, фронтенд
13:31
@cssunderhood linkedin.com/in/redheadjules
Калининград. Правда, я QA, но осторожненько пытаюсь ковырять веб-программирование.
13:41
@cssunderhood, ua.linkedin.com/in/usernamus accounts@gornostaev.pro Львов
13:44
@cssunderhood забыл добавить linkedin.com/profile/view?i… сам из Мелитополя, Украина.
14:19
@cssunderhood gearmobile@gmail.com
14:20
@cssunderhood ru.linkedin.com/in/nayanov Ульяновск giralda05@gmail.com Всем хорошего дня!
14:21
@cssunderhood ru.linkedin.com/in/kadaria Пермь (artesia@yandex.ru)
14:21
@cssunderhood ru.linkedin.com/in/gromanme Роман (roman.gusev at gmail), Краснодар. Backend, ruby
14:49

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

15:32
@cssunderhood Вообще нигде больше полутора лет пока не работал. Может моя собственная компания побьет этот рекорд)
15:47
@cssunderhood За полтора года уходит энтузиазм и надоедают проблемы в компаниях которые сам не можешь решить.
15:47
@cssunderhood 3 года в i-sys, получил много опыта. Ушел потому что последний год не было развития, решил открыть свое дело. Развиваюсь :-)
15:47
@cssunderhood Почти четыре года две работы назад.
15:47
@cssunderhood 2 года. Ушёл во фронтенд из менеджеров.
15:48
@cssunderhood 6 месяцев, удерживал "кард-бланш" и свобода действий. Ушел из-за остановившегося роста.
15:51
@cssunderhood почти год. удерживал продукт и идея, решил уйти из-за сложных отношений между фаундерами.
15:52
@cssunderhood А если по всем работам, то: 2 — 1 — 3,5 — 2 — 3 года, и на новом месте пока только месяц.
16:01
@cssunderhood Кстати еще фактор - смена работа обычно самый просто способ расти в плане зарплаты.
16:02
@cssunderhood 5 лет в Яндексе. Удерживало отсуствие альтернатив. Ушла потому что решила уехать из России.
16:09
@cssunderhood 5 лет, пока учился в ИТМО. Удобный график работы, совмещение с учёбой, разные проекты. Ушёл т.к. надоели авралы и спектр задач
16:22
@cssunderhood нигде не работала больше года, увы. Удерживали обычно уверения, что "еще немножко, и в компании все наладится и будет хорошо".
16:22
@redhead_jules @cssunderhood увы так не бывает
16:32
@Sigiller @cssunderhood я наивная и всегда верю в лучшее :) А потом задалбываюсь и ухожу. Вот как сейчас - последний день на рабочем месте.
16:32
@redhead_jules @cssunderhood ну я только на одном месте пока дольше полугода проработал. за последний год вообще третья работа у меня)
16:34
@cssunderhood интересно по каким причинам люди решают уйти. я за год начинаю ощущаю зону комфорта и появляется желание идти дальше.
17:05
@Sigiller @cssunderhood а у меня уже третий год каждый сентябрь новая работа XD пора с этим завязывать, конечно. Стабильности хочется.
17:05
@cssunderhood @gxoptg_ Похоже Мой круг совсем сдулся после того как перестал быть социальной сетью сотрудников Яндекса.
17:05
@cssunderhood вот уж восемь лет на одной работе. никогда не знаешь, будет ли лучше на другой.
17:05
8 лет и 11 месяцев.
Первая работа, полная свобода действий, большие полномочия, возможность менять роли/задачи. @translate3d @cssunderhood
17:07
@cssunderhood 3.5 года на первой, потом стабильно раз в два-два с половиной года меняю. Нельзя засиживатся. Итого сейчас четвертая.
17:42
@cssunderhood был перерыв 8 месяцев из-за кризиса в 08-09 году. Конда в Одессе была одна вакансия PHP, а в Харькове с десяток.
17:42
@cssunderhood 7 с копейками. Пока уходить не планировал, потому что получился отличный симбиоз работы и хобби :)
17:42

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

17:48

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

18:08

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

18:10

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

18:12
@cssunderhood 10 лет, Яндекс. Пока не надоело.
18:12
@cssunderhood @SelenIT2 а каких праздников? Оо
18:34
@cssunderhood @SelenIT2 а, я не знал :(
тогда отличных выходных и праздников :)
18:34
@cssunderhood будем знакомы ua.linkedin.com/in/server прекрасного дня!
18:34
@cssunderhood 3 года. Удерживал коллектив и здравый смысл руководства. Ушёл с пхп на frontend
19:04
@cssunderhood первое место — 7 лет отработал.
19:11
@cssunderhood сейчас третья работа, полтора года
19:11

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

19:12
@cssunderhood первые 4 года была хорошая команда и задачи — с 2006 занимались сайтами, было интересно. Потом начались споры с шефом.
19:36
@cssunderhood 4 года на предыдущем месте, 2 из них потрачены впустую
19:37

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

19:52
Сдаю хорошие плагины в массы. Очень пригодился сегодня в одном проекте Masonry - Cascading grid layout library masonry.desandro.com
19:52
Делала сетку блоков, где важно было выводить их именно горизонтально.CSS columns работает в вертикальном порядке увы pic.twitter.com/InKXGDGQ5q
19:54
@iamstarkov в сетке мероприятий важно, чтоб соблюдался порядок по дате, для этого самым важным пунктом была горизонтальная выдача
19:54
@cssunderhood На предыдущем месте проработал чуть больше 2х лет, очень не хотелось уходить, но большая (сильно) з/п и семья...
20:11
@cssunderhood @harisov а следующий конкурс - кто меньше ? 4 дня, отсутствие уважения к подчиненным у "альфа" ген. дира.
20:11

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

20:11

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

20:12

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

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

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

20:22

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

20:29

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

20:32
@Sigiller @cssunderhood @harisov На предыдущем месте девочка успела уйти до того как ее оформили, не вернулась с обеда. ☺
20:33
@yustovskiy @cssunderhood @harisov был похожий случай, толь девушка ушла потому что "я думала, что быть сеошником весело"
20:34

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

20:39

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

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

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

22:11
@cssunderhood tinypng.com лучше сжимает, плюс еще jpg то же умеет
22:11
@yustovskiy @cssunderhood @Sigiller @harisov я как-то раз в первый день понял, что работа мне не нравится и тоже ушёл без оформления :)
22:35
@cssunderhood Размер браузера - это страница в whatbrowser? Ну и yandex понял, что у меня есть флеш и его версию, а whatbrowser нет :)
22:35
@cssunderhood в этом году 10 лет! удерживает постоянное развитие в очень разных областях и интересные задачи... ну и зарплаты хватает ;-)
22:58

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

22:59

Ночной эфир.

23:02

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

23:03
@cssunderhood ух и словечки ты подбираешь... Я бы сказал что бивис это лишь урезанный БЭМ для нужд Карт
23:24
.@cssunderhood @adinvadim какой же он full, если без? ;)
Ты говоришь о том, чтобы попробовать лишь ENB (сборщик). Но для начала покатит )
23:25
@tadatuta @cssunderhood @adinvadim ещё i-bem имеет смысл пробовать.
23:25
.@cssunderhood зачем некропостинг, если появилась внятная документация: ru.bem.info/method/filesys…
23:25
.@cssunderhood даешь актуальные ссылки: ru.bem.info/method/definit…Уровень-переопределения
23:25
@harisov @cssunderhood то есть в совершенно непредсказуемом? Вдруг где-то в другом deps-файле эти блоки указаны в обратном порядке?
23:25
@forshtreter @harisov @cssunderhood Нет, почему, это настраивается. Можно указать, что блок от которого зависимость должен идти раньше.
23:25
@banzalik @cssunderhood понятия порядка? Чертовски верно подмечено :)
23:25
@ruGreLI @harisov @cssunderhood нет, можно конечно. Но появляется зависимость от порядка правил, которой мы так стараемся избежать.
23:25
@cssunderhood @adinvadim расскажи потом обязательно про велосипед с хтмл шаблонами
23:26

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

23:29
@cssunderhood pngquant консольный же для этого есть — небось в этом сайте он и используется
23:29
@cssunderhood @adinvadim там же тема шаблонов вообще не раскрывается. Нужен один язык между дизами, верстаками и бэкендом. Шаблоны нужны.
23:43

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

23:45

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

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

# Суббота 97 твитов

В аду я буду вечно поддерживать свои старые проекты с сжатыми сроками и без времени на рефакторинг. Oh, wait…
0:02
“Can we implement [X] feature?”

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

“I’m afraid not.”

👍

0:07
Если у вас на сайте используется Google maps, не забывайте, что её можно неплохо перекрасить. Галерея стилей snazzymaps.com
0:12
@cssunderhood Хочу сделать автоматизированную отправку данных водосчетчика, пока потихоньку осваиваю ардуино, и что-то мне подсказывает…
0:13

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

0:14

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

0:17

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

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

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

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

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

0:22

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

0:24

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

0:26

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

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

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

0:30

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

0:32

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

0:33
Разработчик: «Вот можно было бы так: заводишь тикет, а он такой раз — и решен.» Менеджер: «Хм, а у меня всё именно так и происходит.»
0:39
Какую ночь подряд снится, как я пишу код. Пора, наконец, научить себя коммитить во сне и с честной совестью записывать 8 часов сверхурочных
0:41
@cssunderhood @iamstarkov а чем отличается такая схема от обычной оплаты раз в месяц?
0:42

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

0:44

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

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

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

0:48
Устал ждать пока @github сделает нормальный поиск по звездам и сделал его сам. stargazer.thoughtsync.me
0:53
@cssunderhood @_sashashakun в Алматы пытаются убрать кондукторов и ставят аппараты, а в Костанае нет вообще их, там менталитет другой :)
0:54
@cssunderhood @talgautb у нас(Москва) есть кассиры, картой можно в автомате оплатить только определенные виды проездных.
0:54

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

1:02
@thought_sync @cssunderhood а сделай еще для Твиттера :) там всё плохо: ставишь фав и забыл, а то я никак не начну делать ))
1:02
@thought_sync @cssunderhood @github но они же его таки сделали? github.com/stars
1:14
@cssunderhood «чем больше каналов, тем больше “нечего смотреть”». Разве не так? Что ты находишь ценного и интересного в эфире? Спорт?
9:59

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

10:08
@cssunderhood ru.linkedin.com/in/gromanme Роман (roman.gusev at gmail), Краснодар. Backend, ruby
10:14
@cssunderhood @denysdovhan а куда же без behavior: url(border-radius.htc);
10:21

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

10:28

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

10:30

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

10:39
@cssunderhood 10,5 уже и менять не собираюсь)
10:40
@cssunderhood а почему не Inoreader? Читаю им rss. А так в twitter можно все прочитать.
10:40
@cssunderhood для закладок raindrop хотел попробовать. Но оно какое то полурабочее.
10:40
@iamstarkov @cssunderhood @github фига вы вспомнили, но вообще мой ищет лучше. Я парюсь еще и README + package.json/gemspec
10:40
@iamstarkov @cssunderhood только что набрал слово reactive и @github и половины не нашел
10:41
@denswor @talgautb @cssunderhood только что-то не работает + я сделал на полгода раньше
10:41
@cssunderhood 4 года Яндекс, в Екб это был самый лучший ИТ работодатель. Потом улетел в "теплые страны".
10:42

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

10:47

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

10:50
@cssunderhood вот это акция! Надо воспользоваться в корыстных целях))
11:57
@cssunderhood Сегодня выходной. Хватит работать, идите гулять, проведите время с близкими.
11:57
@cssunderhood Доброе! У нас светит солнце; сходил в кафе — запилил черновой перевод поста в блог ;-)
11:58
@cssunderhood Ребят, давайте проводить конференции в Москве и по выходным! Слишком дорого ехать в другие места, а в будни тоже никак 👍
11:58
Добавляйте bizikov.ru к себе в RSS читалки, и пишите комментарии к записям ;-) @cssunderhood
11:58

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

12:01
@cssunderhood из серьезных - первая. А постоянная смена ролей, задач, офисов и подходов и помогали не выгорать - все время что-то новое
12:01
Ну и на мой блог подписывайтесь, раз такая тема пошла: nano.sapegin.ru @cssunderhood
12:03
@cssunderhood CSS Modules FTW!
12:04

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

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

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

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

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

12:51

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

12:55

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

12:58

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

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

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

13:03

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

13:21
@cssunderhood Подписывайтесь, если еще не: @bakievich
13:22
@cssunderhood хорошая идея кстати, а почему суббота, а не вскр?
15:24

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

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

Ночной эфир

21:23

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

21:24

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

21:34

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

21:35
@cssunderhood, предлагаю в ночном эфире поговорить про ночную жизнь в разных городах и странах. Что делаете? Куда ходите? Или кодите?
21:36
@usernamus Ночь — время спать :–) @cssunderhood
21:44
И раз уж про ночь заговорили: кто во сколько ложиться и встаёт? Я ложусь в 11, встаю в 7:15 (по выходным в 8). @cssunderhood
21:44
@usernamus @cssunderhood ходим, конечно же! Остальное для всех тех других людей, которые ничего не понимают ;)
21:46
@sapegin @cssunderhood ложусь в 12, сейчас пытаюсь сделать привычкой вставать в 7 утра, но пока встаю в 8:00 (по выходным в 10)
21:47

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

21:47
@usernamus @cssunderhood аа! кодим* писал, КОДИМ! а не ходим*
21:58
@cssunderhood @snejink Вы еще верстаете под IE8-?
21:59

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

22:02
@sapegin @cssunderhood когда дедлайны резкие и мгновенные также ложитесь? :)))))))
22:16
@sapegin @cssunderhood хочу ложиться в 10, а просыпаться в 6, но пока я отстаю от графика на 4 часа
22:22

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

22:24
@rajdee_mhm @cssunderhood @sapegin ложусь в 22:00, засыпаю в 1:00 (бомбово)
23:21
@sapegin @cssunderhood Встаю в 8:00, ложусь 01:00. По выходным встаю в 9-10 )
23:21
@sapegin @cssunderhood Заставляю себя ложиться пораньше хотябы до 00:00 встаю около 8:00 - 9:00, если удалось лечь раньше полуночи
23:56
@cssunderhood 3 года на самой первой работе, удерживала неопытность, решил уйти потому что накопились проблемы с начальством.
23:56

# Воскресенье 105 твитов

@usernamus @cssunderhood, по настроению: сериалы, бар/паб, играем в плойку/покер с друзьями, лонгборд, пишу код, сплю :)
0:45
@Bizi @sapegin @cssunderhood если научишься вставать в 7 - раскрой секрет, шайтан
0:45
@sapegin @cssunderhood ложусь в 22:30, в лучшем случае до 01:00 зависаю с книжкой, встаю в 07:30-08:00, по выходным обычно не позже 09:00.
11:06
@WasilisaFish @cssunderhood @Bizi @sapegin ребенок, которому в садик до 8. Я вообще в 6 встаю. Ложусь ближе к полуночи.
11:06
@sapegin @cssunderhood Еще немного статистики от дизайнеров: twitter.com/iamspacegray/s…
11:06
@sapegin @cssunderhood стараюсь лечь до 10-10:30, просыпаюсь в 6:10 (плюс-минус 10 минут). Это в будние. В выходные стараюсь в 8-9 встать.
12:04
@sapegin @cssunderhood встаю в 9-10, ложусь около 01. но бывает ночью нереальная мозговая активность накатывает и не уснуть. и все сбивается
12:04
@sapegin @cssunderhood кто в 6-7 встает вообще мои герои, сколько не старалась перестроиться, до полудня потом как овощ
12:05

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

12:06

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

12:17

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

12:20

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

12:26

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

12:27

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

12:28

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

12:30

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

12:33

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

12:34

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

12:35

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

12:38

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

12:40

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

12:44

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

12:44

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

12:45

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

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

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

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

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

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

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

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

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

13:42

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

13:45

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

13:46

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

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

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

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

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

14:41

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

14:45

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

14:46

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

14:52
@cssunderhood почему село, а не город?
15:38

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

15:43

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

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

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

15:49

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

15:50

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

15:55

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

15:59
@cssunderhood @krasivieglaza почему частный?
16:27

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

16:29

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

17:01
@cssunderhood Ну вот да: если понравилась статья, смотрю что ещё у автора в блоге. Если интересно — добавляю.
17:02
@cssunderhood обычно читаю подписки в Feedly, еще думаю вести списки на GitHub, как например этот: github.com/skriming/cssun…
17:02
Еще о RSS. @cssunderhood есть такая книга @survivejs, там в конце разделов такая вот сноска: survivejs.com/webpack_react/… pic.twitter.com/K6bNY3fKTq
17:02

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

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

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

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

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

17:55

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

17:56

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

21:11

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

21:12

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

21:14

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

21:16

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

21:18

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

21:19
@cssunderhood У меня скорее фабрика настроек: github.com/tamiadev/tamia…
21:19
@cssunderhood не до конца доделанный шаблон github.com/gladkih/gulp-b…
21:19
@cssunderhood github.com/gunlinux/gunli… gulp, postcss, jinja2(технические nunjucks), bem, лайф релоад и вечная бета)
21:29
@cssunderhood Моя WP-тема на основе Jade(bemto), Stylus. Сборщик Gulp. github.com/yustnip/incept…
21:29
@cssunderhood почему Grunt?
21:55

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

21:56
@cssunderhood Как-то делал для проекта сравнение использования связки(и без неё) gulp и webpack с standard task github.com/ximet/GruntWeb…
21:56
@cssunderhood у галпа очень удобный конфиг, в отличие от гранта. Ну и скорость, да.
21:59

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

22:02

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

22:02

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

22:04

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

22:13
@cssunderhood я не из церкви святого галпа, если что. В последнее время вообще на webpack + npm scripts перекатился частично.
22:23
@cssunderhood @justusebrain кстати, медленная работа плагина — всегда повод для иссю, так как если он написан хорошо, то должен быть быстрым
22:23

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

22:24

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

22:40

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

22:46

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

22:48
@cssunderhood а разве там не устарело все?
23:02

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

23:03
@cssunderhood не успеваю все настроить, как выходит что-то новое github.com/nimaxru/cephei
23:06
@cssunderhood Grunt, PostCSS (SCSS style), SVG спрайты, BrowserSync github.com/hudochenkov/ne… (недавно переделывал и readme еще старый)
23:06
Нашел simplaio.github.io/rucksack/,
а ведь пошел смотреть системы сборки в @cssunderhood
23:14
@cssunderhood Gulp 4 (тот, что вот-вот) на Babel github.com/godban/gulp4we…
23:14

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

23:15

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

23:20

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

23:41

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

23:47

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

23:48
@cssunderhood try.jquery.com - тренировка навыков по jquery
23:48
@cssunderhood @Sigiller в этом году я узнал, что фав используют как лайк :)
23:48
@cssunderhood @veged все там пофиксил @OdessaJS
23:49

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

23:51

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

23:58

Logout

23:59

github.com

ru.bem.info

ua.linkedin.com

ru.linkedin.com

www.linkedin.com

other