ihorzenich

14 сентября 2015, Kharkiv, Ukraine

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

Доброе утро, эту неделю в эфире @jsunderhood знакомый вам по @cssunderhood Игорь Зенич @delaz, но уже не из @iDeus_team, а @EpamKharkiv

6:44

Сегодня мой первый день на новой работе, первый день в большой компании.

6:46

Темой сегодняшнего дня предлагаю «когда и как мы наконец перестанем писать css», собственно исчезновение верстки в том виде, как мы её знаем

6:49

Развитие производства это переход от ручной, ремесленной работы (где «магия», вместо четких правил) к автоматизации и унификации.

6:54

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

6:56

При этом желательно учитывать множество мелочей, так для HTML это проставить соответствующие WAI-ARIA атрибуты, микроданные, etc.

6:58

Для CSS - тоже: удобности, зависимости, например resize textarea, плавный скролл в iOS внутри блоков со скроллом, меню бутербродом для мабил

7:01

Безумие писать это вручную и инструменты появляются: фреймворки с готовыми элементами, наборы сниппетов, BEM, PostCSS, но мы всё ещё пишем.

7:04

Написание CSS напоминает мне ручное рисование элементов интерфейса в программах под DOS.

7:08

Меня спрашивают о смене работы, с удовольствием отвечу вечером. Щас буду подписывать NDA и дальше не уверен что смогу выйти в эфир до вечера

7:12
@jsunderhood мы не пишем заново, поскольку используем библиотеки готовых блоков:

bem-components
ru.bem.info/libs/bem-compo…

Чего и вам желаем.

8:32

.@harisov да, но в случае уникального дизайна/правок внешнего вида, эти блоки нужно будет дорабатывать. Безусловно их наличие - огромный шаг

8:33
@jsunderhood, все движется к редакторам/cms с наборами элементов на любой вкус, из которых можно собрать готовый, сверстанный макет.
11:32
@jsunderhood, на западе это направление активно развивается и есть немало примеров, но не все правда успешны.
11:32

Я думаю мы скоро придём к генерации оформительского кода (CSS как минимум) из дизайнов, точнее это уже есть (CSS Hat), но будет круче.

11:41

А вообще сам набор элементов UI будет стандартизирован и будет легко скинироваться. Если провести аналогию - будет как в строительстве.

11:43

Мне нравится сравнивать построение сайтов и стройку. Где backend - это электрика, слаботочка, разводка сантехники (вводы,трубы, но не краны)

11:45

А Frontend - пол, гипсокартон (HTML), штукатурка, обои, краски (CSS) Но также и окна и двери (JS) и розетки, краны, светильники (UI).

11:49

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

11:50

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

12:19

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

12:20

.@vladimore я имею в виду «типов материалов». Например сущность обои - 1, но видов обоев - тысячи, есть что подобрать.

12:22
@jsunderhood не только кирпичи — блоки, кирпичи разны видов, заливают бетонную опалубку, мазанку — да куча вариантов.
12:22

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

12:29
@jsunderhood @AntonShevchuk А потом приходит Джамшут ("веб-разработчик широкого профиля") и заклеивает окно обоями нахуй
12:29
@jsunderhood ещё важно мотив понимать. Если не соблюдать стандарты стройки, то строение чаще убивает пользователей.
12:56

CSS это ассемблер. Сейчас мы юзаем препроцессоры, но это как писать на C++ без MFC - вроде как технологично и круто, но на самом деле - нет.

16:17

.@toivonens когда я вёл @cssunderhood БЭМ был посвящён только один день. Тут я пока не поднимал и не планирую тему #b_, всё уже было сказано

16:21

.@mr_davee_rus не, котельная и электрическая подстанция - это хостинг/VPS/Dedicated server.

18:12
@jsunderhood avocode можете посмотреть. От тех де создателей, помогает из дизайна в верстку перенести.
19:38

/* Ночной эфир

19:40

.@pomidore @hellbeast92 @sapegin работу сменил после 9 лет в веб-студии,перепробовал вообще все,осознанно выбрал уходить в большую компанию.

19:48
Последняя неделя в iDeus. Посвящу её передаче проектов и главное - опыта, особенно факапов ;)

.@pomidore @hellbeast92 @sapegin вот тут расписывал подробней: twitter.com/delaz/status/6… считаю нет смысла повторять. Первый день ok, доволен.

19:51
@jsunderhood @mista_k, есть такая песня у НеГрузовиков, называется «Архитектура» vimeo.com/4881198
19:54
@jsunderhood @listochkin т.е. тут ты видишь у всех интерес послушать про CSS и стройку?
19:55

.@blia стройка это интересно, даже в простом ремонте квартиры, можно продумать многое для будущей расширяемости и автоматизации. @harisov

19:58
Разработка софта, как профессиональный спорт, просто созданы для того, чтобы заставлять тридцатилетних мужчин чувствовать себя дряхлым.
20:51

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

*/ Доброе утро. Вчера мы обсуждали «когда умрёт CSS» и сравнивали веб-разработку и стройку.

5:27
@kuzvac @jsunderhood Жаль, что только под мак пока bg-d.net/htmlblock
5:31
@jsunderhood это JSunderhood, начинай с ; твит на всякий случай, а не с */ :)
5:36

.@xwoody я закрывал « /* Ночной эфир »

5:37

Шутка @xwoody про ; подтолкнула обсудить standardjs.com Ваше мнение - правильно ли пропагандировать “No semicolons” как стандарт?

6:23

Существует форк, где ; наоборот обязательна: github.com/Flet/semistand… Но звёздочек у него на порядок меньше.

6:31
@jsunderhood также есть альтернатива от Синдре github.com/sindresorhus/xo
11:40

Мнения разделились, писать ; или нет. Google,Yandex,Node.js кодстайлы требуют писать ; Github и NPM наоборот. В реплаях разделились тоже.

11:59
@jsunderhood @xwoody я за. Нафиг они нужны? Ради призрачных никогда не появляющихся на практике багов?
12:00
@jsunderhood @xwoody "Never start a line with ( or [", но в таких случаях начинать строку можно с void:

void [1,2,3].map(sqrt)

12:00
@jsunderhood Проще один раз привыкнуть писать с «;», чем запоминать, где это может сломаться. @xwoody
12:00
@sapegin @jsunderhood поддерживаю. Этот как с закрыванием тэгов в HTML5. Многие можно не закрывать, но лучше закрыть и не думать о них.
12:00

Я не js-dev /* слышны реплаи «какого ты делаешь в jsunderhood */, и рекомендацию чего-либо пропускаю через «а в чём польза от этого»?

12:53

С удовольствием поретвичу доводы ради чего НЕ писать ; и какой профит это даёт.

12:55
@jsunderhood становится невозможным писать однострочники, это заставляет лучше структурировать код.
13:18
@jsunderhood если человек хочет понять, почему оно так работает и пойдёт почитать, то узнает лучше инструмент, с которым он работает.
13:19
@jsunderhood допустим 100 строк в день, 70 с `;`. 0.5 cек на символ.
70строк * 0.5сек * 5дней * 4нед * 12мес = 8400сек = 2 часа 20 мин в год
13:19
@jsunderhood Человек должен придумывать себе трудности, чтобы потом с гордостью их преодолевать.
13:19

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

14:01

<script type="text/javascript">
/*<![CDATA[*/
// Ночной эфир

19:39
@jsunderhood ты под IE5 для мака твитишь, что ли?
19:44
@delaz @iamstarkov Yandex JavaScript CodeStyle - это только Карты, внутри Яндекса от проекта зависит.
20:44
Лол. Меня чуть в метро не пустили -У вас глаза красные!

  • Я программист
  • Это не объяснение, пройдемте.

Ахахахахаха, это не объяснение!!!!

21:01
Помогите коллеге фронтендеру после тяжелой аварии extreme.lv. Надеюсь его позитивный настрой поможет пережить подобное и другим.
21:03
Ого, как я мог пропустить такой шедевр? shipilev.net/blog/2015/volt…

Применимо не только к бенчмаркам, но и ко многим инженерным активностям

21:09
Markup от 2гис разбирает любой БЭМ сайт на компоненты для тестирования вёрстки github.com/2gis/makeup #FrontConfMsk pic.twitter.com/haQHQqRvh2
21:13
@glebarhangelsky Простой, но, по мнению автора, действенный способ разобраться с рутиной miumau.livejournal.com/1613742.html
21:42

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

/*]]>*/
</script>
<!-- Доброе утро!
Вчера мы обсуждали standardjs.com и нужно ли ставить ; в JS.
-->

5:00

В @cssunderhood я пытался создать традицию описывать «один мой рабочий день». Но в EPAM я 2 дня, ещё на адаптации, рассказывать пока нечего.

6:17

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

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

Вот тут я рассказывал про «один мой рабочий день в @iDeus_team»: twitter.com/cssunderhood/s… twitter.com/cssunderhood/s… twitter.com/cssunderhood/s…

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

И даже описывал рабочие процессы: twitter.com/cssunderhood/s… twitter.com/cssunderhood/s… twitter.com/cssunderhood/s… twitter.com/cssunderhood/s…

7:06
@Woundless тут подробнее: twitter.com/delaz/status/6… Хотелось именно компанию где все процессы формализованы, очень большую, для контраста.

.@freiksenet_ru @cssunderhood да, рассказывал в своём тви Почему ушёл: mobile.twitter.com/delaz/status/6… Почему именно в EPAM: twitter.com/delaz/status/6…

8:04
Ну с днем HR, что ль. HR
HR - это когда ты поздравляешь всех со всеми праздниками-событиями и организуешь все. А тебя никто, не напомнила ж
8:04

Сегодня предлагаю обсудить автоматизацию/ускорение в рабочей системе и жизни. Решения и особенно скрипты, неожиданные открытия «так бывает?»

8:21

Напрммер знаете ли вы, что для винды существует менеджер пакетов: chocolatey.org и можно ставить проги так: C:\> choco install 7zip

8:24

А если вам нужно обрабатывать или перекодировать видео по определенным правилам, то стоит юзать Avisynth-скрипты: pic.twitter.com/1XqUL0HThP

8:35

В жизни банальный пример - избавление от ручной записи данных счетчиков и оплаты коммунальных счетов. Всё должно происходить автоматически.

8:39

Делитесь своими лайфхаками в реплаях, с удовольствием ретвитну интересное в обед.

8:40
Стек технологий Microsoft это не только разработка из под Windows, пора бы к этому привыкнуть :D
10:40
@jsunderhood стоит упомянуть лаунчер программ (и не только) Alfred для Mac и его win-альтернативу Launchy.
12:14
@jsunderhood Делать фотки whiteboard после встречи - обычное дело. ImageMagick делает еще их и читаемыми gist.github.com/lelandbatey/86…
12:14
@jsunderhood @webholt У нас препод по эконометрике учил, что вместо автоматизации всегда выгоднее придумать способ с меньшим числом шагов.
12:14
вместо @jsunderhood и @cssunderhood с удовольствием бы почитал @maybachunderhood — каждую неделю новый человек, заработавший себе на Майбах
14:16
@azproduction @jsunderhood кстати, на iOS есть программа Carbo, которая позволяет фотографировать с такими эффектами
14:17
@monogeeza @jsunderhood а чем спотлайт не подходит? Помощнее альфреда будет.
14:17
@jsunderhood oh-my-zsh очень рекомендую + хорошо освоить консоль
14:17
@jsunderhood по поводу ускорения — переходите на SSD, если еще не успели!
16:18

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

16:22

Коммуналка: ваш банк должен сам брать задолженности у всех служб (они выставляют счета ему) и регулярными платежами списывать с вашей карты.

16:24

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

16:26

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

16:29

Избавляйтесь от бессмысленного ручного труда, того что тратит ваше время и что можно автоматизировать: доставка воды, покупки в маркетах,etc

16:32
@jsunderhood а как это делается?
16:35

Важно не зацикливаться на 100% автоматизации, не уходить в хардкор, правило 20-80 работает и тут. Делегирование - тоже решение проблемы.

16:37

.@krasivieglaza «прикрутил ардуино к счётчику» это как раз антипаттерн. Решайте задачу так, как бы вы решали проблему при программировании.

16:40
@jsunderhood Я давно покупаю еду в интернете с доставкой. Очень удобно. Экономится примерно 4 часа.
16:40

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

16:44

Сдаём первый спринт: проверяем что проплаты проходят. Ок, теперь время делегирования на джунов: пусть они реализуют получение реальных value

16:47

"Джуны" в данном случае - обратится к менеджерам вашего банка, пусть настроят всё. Окажется что настраивается не всё, для чего-то нет API.

16:53

API напишем,но как передавать данные? Поэтому и говорил о важности унификации, подготовить их, перевести всё заранее в JSON (платить безнал)

16:58

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

17:06

Рефакторим: просим дать формат данных(просьба платить по безнал) и данные подключения(счет) Проводим платеж Мы передали данные,это почти API

17:11

Просим считать факт post-запроса данных (оплату) запросом на получение ответа (воды). Заполняем умолчания (пустые бутыли за порог) и всё!

17:16
@jsunderhood таких решений единицы, не понимаю что в этом случае является плохим решением
17:22

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

17:24

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

17:27
.@jsunderhood объявил неделю ЖКХ
17:28
@jsunderhood вообще ничего не понимаю. Ты уверен, что остальные в том же контексте, что и ты?
17:28

.@iamstarkov надеюсь да. Я попытался показать как «программировать скрипты» IRL, программировать свою жизнь.

17:30
@jsunderhood да я понял, в этом случае такое решение можно рассматривать как микро сервис / модуль.
17:57
@jsunderhood Оплачиваю коммунальные услуги тоже через интернет: мобильный, интернет, квартира, электричество… Потеря около 2% ₽, зато время.
17:57

.@suxxes отлично, но теперь надо сделать чтоб и эти оплаты происходили без твоего участия. Ты не должен делать ничего, даже открывать ноут.

17:59
@jsunderhood Я серьёзно думал, что это реализуемо на практике. Зачем ты подаёшь людям ложную надежду? :^( (А вообще, да, годно было бы)
17:59
@jsunderhood может быть лучше было самому выполнить автоматизацию, о которой говоришь и потом поделиться результатами? Мне интересно.
17:59

В том-то и дело что это реализуемо! У меня 100% платежей оплачивается автоматически, 90% - вообще без моего участия. @iamale_ru @SilentImp

18:04

И это я живу в поселке, в городе ещё проще. Я дал вам алгоритмы, универсальные для любого ЯП (ЖКХ), это ж jsunderhood, ок дам готовый код.

18:12
@jsunderhood вот расскажи нам пожалуйста как ты это сделал. Конкретные действия. @iamale_ru
18:15

.@SilentImp окей, подробно расскажу в ночном эфире, щас это будет оффтопиком.

18:16
@jsunderhood Буду ждать. Кстати, а оплату налогов ежеквартальную ты не автоматизировал?
18:19

.@SilentImp автоматизировал. Тоже расскажу, Ок.

18:20
@jsunderhood Может лучше статью? Мозг пухнет от обрывков-твитов. @SilentImp
18:46
@sapegin не-не-не последнюю статью он писал три с половиной года и пока не закончил. Не надо так. @jsunderhood
18:46

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

20:18
Расстроена. Не могу применять физическое насилие к разработчикам, которые на вопрос «Все ли готово?» отвечают «Да, за исключением...»
20:18
Секрет успешного менеджера :) instagram.com/p/7YswC8Kupe/
20:23
Ура! У заказчика, которому мы сегодня просрали бы сроки, внезапно навернулись базы,стенды, и нет бэкапов! Так что сроки просраны не нами ^_^
20:29

У нас сегодня тематический ночной эфир: практические кейсы автоматизации в жизни. По просьбам - начнём с ЖКХ.

20:33
@jsunderhood @iamale_ru @SilentImp вам не кажется отличной идеей для бизнеса ? все это вот автоматизировать и брать 1 процент ? я бы купил)
20:35

.@krasivieglaza в Украине такой сервис уже существует - portmone.com.ua Но я буду рассказывать о Pure Vanilla ЖКХ Automatization :)

20:37
@krasivieglaza @jsunderhood @SilentImp Просто у каждого это более-менее индивидуально, видимо. Разные банки, разные ЖКХ etc.
20:37

.@iamale_ru Нет, общая схема одинакова для всех: нужно превратить бумажные квитанции в электронные платежи.

20:38

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

20:40

Т.е. даже если вы покупаете буханку хлеба в киоске во дворе это можно при большом желании оплатить по безналу, спросив у продавца реквизиты.

20:42

Самый простой способ автоматизировать оплату ЖКХ - обратиться к посреднику, в Украине это portmone, в РФ пусть подскажут в реплаях.

20:44

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

20:46

В реплаях уже предлагали делегировать на маму или жену, но это «смести мусор под ковёр». Мы будем обсуждать настоящую аатоматизацию.

20:49
Сейчас @jsunderhood научит вас покупать семечки у бабушек у метро по кредитной карточке.
20:49

.@suxxes кстати это достаточно просто и есть много вариантов. Например бабушка покупает ридер карт для смартфона (вставляется в аудиоразъем)

20:52

.@suxxes но всегда надо сохранять адекватность и open mind, просто пополните бабушке счет за телефон, это тоже безнал но на другие реквизиты

20:55
@jsunderhood ИП Клавдия Никифоровна
20:55

.@suxxes кстати у нас да, это будет ФОП Семченкова К.Н. на 1-ой группе Единого налога и у неё есть вполне реальный счёт 2600 в налоговой.

20:57

.@suxxes и на этот счёт можно сделать банковский перевод. Я не дао этот пример тк не во всех странах есть упрощенная система налогообложения

21:00

Так вот, для автоматизации ЖКХ платежей проще всего принести бумажные квитанции в свой банк. Фиксированные суммы банк легко сделает повтором

21:04

А нефиксированные (где счетчики) - реализовать через договора «банк-предприятие». Например «за свет» банк сам запрашивает у поставщика сумму

21:06

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

21:08

А там где квитанций нет (ЖКХ в селе, доставка воды, оплата садика...) - запросить реквизиты или договорится платить на карту как физлицу.

21:10

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

21:13

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

@jsunderhood очень не хватает возможности оплачивать проездные в метро удалённо.
5:12

.@mxtnr в Киеве, Москве и Питере проезд в метро можно оплатить поднеся кредитку к турникету. Ну а пополнить проездной = пополнить кредитку.

5:18

; Доброе утро! Вчера мы обсуждали автоматизацию в рабочей OS и в жизни, программирование задач, например AVS-скрипты для обработки видео.

5:35

Меня справедливо упрекают, что до сих мы не обсуждали конкретный код на JS. Я «не настоящий сварщик», но кое-что приготовил.

5:42

На прошлой работе передо мной стояла задача оптимизировать сборку на Grunt, вот результат, сборка проходит за 1 сек: github.com/ideus-team/htm…

5:43

Внутри LibSass+Bourbon(с Refills,Neat и Bitters). В истории коммитов можно увидеть как это строилось, какие были проблемы, что не получилось

5:50
@jsunderhood браузеры можно указать в broweserslist, тогда не только Автопрефиксер будет их использовать (например, ещё cssnext)
5:51
@jsunderhood так же можно посмотреть а сторону stylelint — он модульный как ESLint и вводить модно прямо в браузер stylelint.io
5:51
@jsunderhood за 1 сек на SSD? или достиг результата на HDD такого? Немного удивлен просто сборке за 1 сек
5:52

.@brdt_D да на SSD. До этого была сборка на Ruby Sass+Compass, уходило около 7-8 секунд.

5:53

Вчера коллеги выключили Grunt:Never (компиляция только нового), какие-то проблемы с ним были, надеюсь это не повлияло на быстродействие.

5:55
@sapegin @jsunderhood отличная идея плагина! grunt-never — ничего не собирает, поэтому все очень быстро :)
7:34
@jsunderhood что вообще там происходит? хочется подробностей подобной производительности сборки
7:34

Опишу как я делал эту сборку на Grunt. Вся магия крутится вокруг плагина github.com/firstandthird/… (это развитие идеи github.com/sindresorhus/l…)

7:38

Главные 2 вещи, что он делает:

7:43

Невероятный прирост скорости даёт именно npmjs.com/package/jit-gr…, он сокращает время, необходимое Grunt, чтоб подгрузить все таски и плагины

7:50

Но кроме скорости важна читабельность и удобство поддержки. Grunt ругают за нечитабельный конфиг, load-grunt-config исправляет это.

7:55

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

7:59

Благодаря load-grunt-config все таски и настройки к ним выносятся в отдельную папку /grunt где каждая задача - отдельный файл.

8:04

В Gruntfile у вас должны остаться только переменные настроек путей к файлам/папкам исходных/скомпилированных css/js github.com/ideus-team/htm…

8:07
@jsunderhood Зачем это все ? Чем gulp не устроил ? За вечер можно хороший gulpfile.js сделать.
8:08

.@sergik_twitt Про это есть хорошая статья тут: frontender.info/gulp-grunt-wha…

8:10

После обеда я продолжу рассказ про сборку, опишу как переходил на LibSass и прикручивал к нему Bourbon.

8:11
Респект @jsunderhood. Оптимизировал сборку с 6-8 секунд до 300мс. Не стал использовать все, воспользовался jit-grunt и поправил watch
10:01

История 98 коммитов, как я обновлял свою старую сборку Grunt на новую: github.com/ideus-team/htm… Каждый коммит - отдельная задача или попытка.

12:32

Многие вещи я вначале подключил, а потом отказался от них. Например Grunt умеет выполнял таски параллельно с помощью github.com/sindresorhus/g…

12:51

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

12:53

Обновляя сборку Grunt, я просто поднял новую параллельно и пошагово её дорабатывал. За основу новой был взят код из mattbailey.io/a-beginners-gu…

12:56

Хотелось побольше плюшек при написании Sass-кода, и я решил добавить Bourbon. Очень помогли syropia.net/journal/how-to… и webdevstudios.com/2014/10/09/wor…

13:01

Я не ожидал что мигрировать с Ruby Sass на LibSass будет так просто: github.com/ideus-team/htm…

13:05

LibSass это форк официального RubySass. Отличается тем что он быстрее и не требует установки Ruby. У меня разница составила 0.3sec против 1s

13:08

Я пробовал заменить Windows shell (cmd) на Windows Power Shell (ps1) для инсталла системы сборки и её запуска но тоже вернулся обратно к cmd

19:10

В Power Shell вылетала ошибка при установке optipng, из-за того что PS1 не понимала пути для выполнения консольных утилит.

19:12

А в окошке Watch сбивалась цветовая схема Power shell после вывода сообщений о неудачной компиляции.

19:14

С Windows shell долго не мог понять как сделать чтоб bat-ник не останавливался если какая-то из консольных команд внутри него была неуспешна

19:20

У меня такой командой была gem update --system. Она писала nothing to update и bat-ник завершался, не выполнив всех остальных команд дальше

19:23

Конечно можно было написать все команды в unix-style через && но длиннющий однострочник же некрасиво!

19:24

Оказалось что решение - запуск команд через call, вот так: github.com/ideus-team/htm…

19:25
@jsunderhood Вообще, как насчёт gulp?
19:43

.@iamale_ru Хорошо изучил Grunt, теперь можно и Gulp попробовать :) Думаю на новой работе будет повод.

19:45

var isoldIE = /*@cc_on!@*/false; /* Ночной эфир

19:47
@jsunderhood поставь линукс и забудь про эти поделки
19:50

.@kuksikus у меня MacOS второй системой и что-то за полтора года я ей вообще не проникся.

19:51
@jsunderhood как ты кстати автоматизировал покупки в маркетах и насколько это их удорожило/повлияло на качество товара?
20:09

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

20:11

.@SilentImp например покупали всё через rost.kh.ua/payment/ Стоимость товаров та же, доставка по городу бесплатная при чеке от 300 грн.

20:14
@jsunderhood ты правда считаешь, что 10 мин/мес стоят гемороя с “автоматизацией”? Всё можно оплачивать онлайн и быстро в пару кликов
20:20

.@kuksikus оплата онлайн это уже автоматизация. Но увы ей пользуется меньшинство. До сих пор толпу людей стоят в кассах банков с квитанциями

20:21
@jsunderhood у меня с автоматизацыей платежей отлично справляется ПриватБанк. Один раз заполнил електронный бланк, ...
20:22
@jsunderhood И ты вчера не рассказал как ты автоматизировал квартальную отчетность.
20:22

.@SilentImp В Приват24 для Бизнеса есть регулярные платежи, я завел оплату Единого Налога и ЕСВ в них, благо суммы фиксированные.

20:23
@jsunderhood единый налог 5% же. Почему сумма фиксированная? Ну и с отчетностью то это не пересекается. Это чисто перевод суммы.
20:57
@jsunderhood @SilentImp не фиксированная, но легко вычисляется самим банком
20:57

.@SilentImp у меня 2-я группа ЕН была и было фиксированно, но да наверняка и вычислять % умеет. Про отчет в налоговую я неправильно понял(

20:59

.@SilentImp но квартальные отчеты легко делегировать бухгалтеру на удаленке за маленькие $ А на будущее Приват делает автоматизацию госуслуг

21:02
@jsunderhood весь вечер пытаюсь оплатить коммуналку на erc.megabank.net,а он лежит.Послезавтра дедлайн.Так что тут палка о двух концах
21:04

.@dersmoll Вот отличный пример - у тебя есть данные (счёт) и не работает сторонняя утилита по их обработке (портмоне). Оплати по реквизитам.

21:05

.@dersmoll Просто Плажеж по Украине - Создать и вбиваешь все данные с бумажной квитанции. Портмоне делает тоже самое. Волшебства тут нет.

21:07
@jsunderhood там как правило более старшее поколение. Те же Яндекс.Деньги позволяют платить за всё с прикреплённой карты и автоплатежом
21:07
@kuksikus @jsunderhood ну в сбере есть автоплатёж для всего. и его включение как-то громко называть "автоматизацией"
21:07

.@Sigiller @kuksikus Но это автоматизация и есть! И что она легко доступна так что вы не считаете ее чем-то особенным - плюсик в карму банку

21:09

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

21:11
@vladfrandom Но бытовая автоматизация это хорошо. Если подходить разумно и не тратить месяц, что бы экономить час в год. @jsunderhood
21:15
@jsunderhood Моя мечта об автоматизации коммуналки разбивается о возможности ЖЭКа, у нас даже счет вручную выписывают.
21:19

.@yustovskiy у меня в пгт. точно также выписывают квитанции вручную. Я пошел в поселковый ЖЭК и попросил выдать мне реквизиты для безнала.

21:20

.@yustovskiy блин у тебя же Крым. Но всё равно деньги в итоге уходят из ЖЭКа безналом поставщику и у ЖЭКа есть безнальные реквизиты,узнай их

21:25

.@yustovskiy реквизиты есть как у самого ЖЭКа так и у тех кому он переводит деньги. Они конечно удивятся (я был единственным таким) но дадут

21:27

.@baxazar_ не, там фишка в том что если ты вобьёшь путь к файлу в Power shell - оно не сработает, он не понимает когда в него пути вбивают.

21:29
@jsunderhood @baxazar_ Понимает, просто не так вбивал путь :)
21:32

.@RReverser @baxazar_ да, там другой формат. Но фишка в том что установщики утилит не расчитывают что их запустят в Power shell:(

21:33
На всякий случай знайте, что последняя версия апи яндекс карт не поддерживает ие7. Это знание может сэкономить вам пару часов жизни.
21:48
@jsunderhood а какой текстовый редактор ты используешь? У меня Саблайм, я расширил контекстное меню(есть плагин) и через него запускаю PShel
21:58

.@baxazar_ юзаю Brackets, но на новой работе попробую Webstorm.

22:00

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

Сегодня пятница, а значит самое время:
4:10
В рамках пятницы и фана: у меня есть домен stopfridaydeploy.com (и .ru) И есть идея собрать отзывов о том, почему лучше этого не делать.
4:11

*/ Доброе утро! Вчера мы обсуждали ускорение и тонкую настройку сборки Grunt.

4:19
@jsunderhood может быть немножко про JavaScript поговорить?
4:19

Пятница день ссылок. В @cssunderhood я делал «День дружбы» в LinkedIn, тут предлагаю кидать в реплаи ссылки на GitHub с вашими JS-проектами.

4:22

Я буду их RT, а вы не просто добавляйте в FAV,а лайкайте звёздочкой🌠на GittHub. Нас почти 2000 человек,мы можем прокачать любой репозиторий!

5:33
@jsunderhood @cssunderhood aishek.github.io/jquery-animate… до сих пор не понимаю, почему это самый популярный мой проект :)
5:33
@jsunderhood github.com/mistadikay/doob управление глобальным стэйтом в React: data-зависимости в компонентах, инкапсуляция запроса/отправления
6:10
@jsunderhood github.com/yummies/yummies React+BEM (BEMJSON в render, слои переопределения, построение компонентов на основе других компонентов)
6:10
@jsunderhood еще начал делать BEM-ассерты для Chai, но никак руки не дойдут доделать github.com/mistadikay/cha…
6:10
@jsunderhood В такие моменты даже немного стыдно, что делиться особо нечем. Разве что github.com/autoprefixer/a….
6:34
@jsunderhood И вот ещё свежак — генератор стайлгайдов для Реакта — github.com/sapegin/react-… @cssunderhood
6:54
@jsunderhood @cssunderhood, ангуляр директивы для показа прелоудеров на кнопках и формах: github.com/helloilya/angu…
8:13
@jsunderhood @cssunderhood, yeoman генератор для статических сайтов с разными плюшками: github.com/helloilya/gene…
8:13
@jsunderhood gulp plugin for Parker, stylesheet analysis tool github.com/PavelDemyanenk…
useful photoshop extensions github.com/PavelDemyanenk…
8:20
@jsunderhood рандомные цитаты из adventure time: github.com/agudulin/at-qu…
9:57
@jsunderhood не совсем js, но может пригодиться: Atom's One Light & Dark для Ubuntu github.com/denysdovhan/on…
11:38
@jsunderhood и вот еще Oceanic Next - крутая с Space Gray github.com/denysdovhan/oc…
11:38
@pepelsbey ну тогда @jsunderhood должен срочно об этом словаре github.com/web-standards-… всем рассказать
11:39
@jsunderhood опаздал, но для создания читаемых и поддерживаемых флоу grunt конфигов для сборки использую github.com/aliaksandr-pas…
11:39

Рабочая неделя подошла к концу. В эфире был @delaz из @EpamKharkiv. Мне было очень интересно с вами, спасибо! Надеюсь вам тоже понравилось 🔣

17:11

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

17:13

Во вторник дискутировали про кодстайлы Javascript и является ли хорошей или плохой практикой (не)писать ;

17:15

Среда была «Днём автоматизации» в OS и жизни, плавно перетекшей в День и Ночь оплаты ЖКХ :)

17:17

В четверг разбирали case study оптимизации скорости сборки на Grunt до невероятной 1 секунды. И как удобно организовать Gruntfile и таски.

17:21

Пятница была днем ссылок на ваши интересные js-наработки на GitHub.

17:22

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

Теперь вам есть куда отправить клиента у которого кеш.
clearyourcache.info pic.twitter.com/20nM3Ltpin
9:41

Сегодня прямая трансляция #FrontTalks Conference 2015: youtube.com/watch?v=mXRkFM…
Большинство докладов уже закончилось, но вы можете отмотать:)

12:32

#FrontTalks закончился, как вам доклады?

14:33
@jsunderhood включил трансляцию на словах про афтапати, никогда так еще не рыдал
15:06

.@adinvadim ну благо трансляция через YouTube, можно перемотать на начало, он же всё записывает.

15:07
@jsunderhood @adinvadim там только последние 4 часа
15:26

В @cssunderhood обсуждают jQuery.

15:46
@cssunderhood Людей, которые не хотят учить Яваскрипт, портит не Джейквери.
15:47

Я считаю что jQuery отличный инструмент, а призывы «давайте будем писать как-то эдак» - полезны для индустрии, но вредны для business needs.

15:50
@jsunderhood @sapegin да отказ от jQuery в пользу чистого js - это как отказаться от экскаватора в пользу лопаты. Можно, но глупо.
16:23
@jsunderhood Недавно листал слайды: автор призывал решать реальные задачи. Выпиливание Джейквери отовсюду никакую реальную задачу не решает.
16:23
@stewardtz @jsunderhood @sapegin тем, что он перестал быть нужен. С es6, dom4, cssom и fetch он просто больше не нужен.
17:19

.@maxmaximov @stewardtz @sapegin дело ж не в "нужности" а удобстве. Sass тоже "не нужен", можно все писать на чистом тру-css, будет"быстрее"

17:21
@maxmaximov @jsunderhood @sapegin т.е. полифилы айс, а jquery не айс - и в чём логика?
17:21
@stewardtz @jsunderhood @maxmaximov @sapegin в поддержке стандарта
17:23

.@pomidore @stewardtz @maxmaximov @sapegin это просто переход на больший уровень абстракции. Раньше на ассемблере писали, потом перешли на C

17:24
@jsunderhood @maxmaximov @stewardtz @sapegin Да, давайте закидывать в сайты всё что удобно и красиво. twitter.com/codepo8/status…
17:26
@jsunderhood @maxmaximov @stewardtz @sapegin Главное ведь не скорость и не размер, главное - сохранить пару символов разработчику!
17:26

.@RReverser @maxmaximov @stewardtz @sapegin Главное решить бизнес-задачи. А это быстрая разработка, _легка_ и __дешевая__ поддержка.

17:27
@jsunderhood @maxmaximov @stewardtz @sapegin Бизнес-задачи жквери не решает всё равно. То что он даёт, уже и так есть в браузерах.
17:28

.@RReverser @maxmaximov @stewardtz @sapegin Решает ещё и как! На поддержку очередного паралакс-сайта на jQuery можно нанять студента за 200$

17:29
@jsunderhood @maxmaximov @stewardtz @sapegin Паралакс-сайт на jQuery - это не бизнес-задачи, это сайт-визитка :)
17:31

.@RReverser @maxmaximov @stewardtz @sapegin Её написание, поддержка и главное оплата - и есть бизнес задача. Поставь себя на место клиента.

17:32
@RReverser @jsunderhood @maxmaximov @stewardtz @sapegin это специфика работы в студии, видимо. Херак-херак и бизнес-задача
17:33

.@pomidore @RReverser @maxmaximov @stewardtz @sapegin нет, бизнес это за что платятся деньги. Клиенту не нужен тру-Js. Ему важен результат.

17:34
@RReverser @jsunderhood @maxmaximov @stewardtz @sapegin он дает 100500 плагинов. Иногда которые писать с 0 это пустая трата времени.
17:34
@RReverser @jsunderhood @maxmaximov @stewardtz @sapegin неужто пишите свое когда например нужен колорпикер?
17:34
@jsunderhood @RReverser @maxmaximov @stewardtz @sapegin Я все думаю, за кем я эти дурацкие паралаксы вечно переделываю.
17:37

.@sergik_twitt @RReverser @maxmaximov @stewardtz @sapegin если переделываешь - значит была причина клиенту _заплатить деньги_. И только так.

17:37

Я за то чтобы пробовать новое. За эксперименты, за bleeding edge, за «а давайте!»... Но не нужно давать вредные советы что это нужно всем.

17:42
@jsunderhood Это уже не bleeding edge года 4, на протяжении которых без jQuery прекрасно строятся новые сайты.
17:55

.@RReverser но мир не строит одинаковые сайты одной сложности решающие одни задачи. Код вторичен. Есть классные инструменты с ужасным кодом.

17:56

Холивар должен приносит пользу. Давайте назовем дешевые варианты замены jQuery. Опустим вопрос «зачем» и «какую задачу это решает».

18:09

Точнее чем заменить jQuery и все плагины под него написанные.

18:20
@jsunderhood @kuksikus @pomidore @maxmaximov @stewardtz @sapegin Как удобно называть "хипстерскими штуками" любые новые достижения :)
19:26
@jsunderhood @kuksikus @pomidore @maxmaximov @stewardtz @sapegin "Не нужны нам ваши хипстерские моторы, у нас тут кони и так справляются"
19:26
@kuksikus @RReverser @jsunderhood @pomidore @maxmaximov @sapegin блин я попал в ад.. вычеркните меня из разоговора
19:33
@stewardtz @RReverser @jsunderhood @pomidore @maxmaximov @sapegin ты попал в реалтность _нормальной_ веб-разработки. Прими это
19:33

Помните в понедельник мы ругали CSS за то что мы 15 лет рисуем интерфейсы вручную? jQuery стал тем, чем не стал CSS — дал наборы решений.

20:06

Сейчас прикрутить слайдер на сайт может человек вообще ничего не знающий про JS. А чтоб провести проводку электрику не нужно знать химию.

20:14

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

@jsunderhood Bootstrap вспомнился сразу в части готовых CSS-решений, которые используются, когда нужен более-менее приличный вид.
6:07
@jsunderhood я живу в мире где реакт и его аналоги уже победили, и от таких "инженеров" которые все на jquery плагинах собирают одна боль
6:09
@jsunderhood в bleeding edge Реакте или Web Components и того проще подключить готовый компонент. И делается это без ручного изменения DOM.
6:09
@jsunderhood имхо изначальная идея с готовыми компонентами несомненно правильная, просто способ "jquery плагинов" невероятно отвратительный
6:09
@jsunderhood а вот react со своей компонентой моделью выводит это всё на новый уровень, ну или те же web components
6:09

Добрый день, сегодня воскресенье, день оффтопик-тем, вопросов и хобби.

9:23

Давайте обсудим современный стимпак: считающиеся старыми технологии в современной жизни. Например подписка на журналы pic.twitter.com/XX5p5u0b9l

9:26

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

9:33
@jsunderhood Мне не кажется, что стимпанк — удачное определение. Это может быть ретро, винтаж, но не стимпанк)
9:33

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

9:37
@jsunderhood Бумажные книги — да. Техническая литература только в бумаге. Мне так удобнее.
9:37
@jsunderhood При изучении нового языка по книге нет соблазна копипастить код. Своего рода запись языка в моторную память.
9:50
@webholt @jsunderhood Сегодня бумажные книги — это как винил. Дорого, неудобно, но винтажно!
10:10
@jsunderhood Игорь, я люблю печатные книги за их запах, за возможность чувствовать их в руках. Мне даёт это ощущение живой книги:)
10:24
@Semenov @jsunderhood Винил у друзей дома иногда крутится. Многие вещи доставляют ни с чем не сравнимое эстетическое удовольствие.
10:24

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

10:34

Хочется её электронную версию под Kindle, а бумажная книга просто украшает полку и когда-никогда берёшь её в руки порадовать себя/друзей.

10:45
@jsunderhood Конфликт эстетики и удобства: бумажные книги клёво держать в руках и листать, но неудобно читать.
10:45

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

11:32

Ещё журналы по сравнения с чтением новостей/репортажей в инете имеют преимущество в эксклюзивном контенте и возможностях работы с текстом.

11:43
@jsunderhood есть стоящие технические журналы? Раньше Хакер, какое-то время читал. Потом понял, что однотипненько
11:52

.@brdt_D «Хакер» обожал когда был студентом. Он и по прежнему хорош, просто мы изменились: у нас специализация, работа, мы читаем профильное

11:54
@jsunderhood Ясно, если вы говорите про "невебских звёзд",про таких мне читать неинтересно, а вот про наших, родных веб-звёзд - другое дело!
11:55

.@psyw интересно, кто-то встречал интервью с русскоязычными известными фронтендерами в глянцевых журналах? pic.twitter.com/SHatVlRdWH

11:59
@jsunderhood ручка блокнот для размышлений над решением задачи. процесс письма примерно как и прогулки помогает лучше соображать
13:00
@Sigiller @jsunderhood Кстати, и это тоже. Только я карандаш предпочитаю.
13:00
@jsunderhood давайте поговорим о технической литературе, которая must have
13:00

.@brdt_D Сразу назовём классику: web-standards.ru/books/

13:20
@brdt_D @jsunderhood если про js - блог Дмитрия Сошникова dmitrysoshnikov.com/tag/ecma-262-3/
17:11
@brdt_D @jsunderhood и Совершенный код Макконела, если не про js
17:11
@burivuh @jsunderhood да. Хорошая книга. Есть еще у Мартина Фаулера книга про рефакторинг
17:11
@webholt @jsunderhood ещё выписываю в блокнот всё важное, когда изучаю что-то новое - так лучше запоминается
17:11

Моё время подошло к концу. Огромное спасибо за реплаи и особенно за критику.

17:18

Кому-то эта неделя запомнится холиварами про ; и jQuery, кому-то - ускорением и настройкой Grunt, кому-то - темой ЖКХ и автоматизацией.

17:20

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

17:21

Как зарождаются и умирают де-факто стандарты и практики (;,jQuery), переход от ремесла к производству (CSS), ускорение и автоматизация.

17:23

Я хотел донести мысль что скрипты нужно программировать не только в работе, но и в жизни (ЖКХ-оплата-API.life ;) Но важны и инструменты.

17:25

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

17:26

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

17:29

Хорошей новой рабочей недели и мирного неба. Bye-bye! 🙋

17:31
@jsunderhood О! Да, подтверждаю. Вообще следую правилу "покупать то, что меняет качество жизни".
17:36

Вот и закончился сэт от @delaz, а наш эфир продолжается и скоро мы поприветствуем нашего нового гостя, не переключайтесь!

19:42

github.com

other