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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@jsunderhood, на западе это направление активно развивается и есть немало примеров, но не все правда успешны.

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

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

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

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

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

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

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

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

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

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

@jsunderhood @AntonShevchuk А потом приходит Джамшут ("веб-разработчик широкого профиля") и заклеивает окно обоями нахуй

@jsunderhood ещё важно мотив понимать. Если не соблюдать стандарты стройки, то строение чаще убивает пользователей.

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

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

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

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

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

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

@jsunderhood @mista_k, есть такая песня у НеГрузовиков, называется «Архитектура» vimeo.com/4881198

@jsunderhood @listochkin т.е. тут ты видишь у всех интерес послушать про CSS и стройку?

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

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

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

@kuzvac @jsunderhood Жаль, что только под мак пока bg-d.net/htmlblock

@jsunderhood это JSunderhood, начинай с ; твит на всякий случай, а не с */ :)

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

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

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

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

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

@jsunderhood @xwoody я за. Нафиг они нужны? Ради призрачных никогда не появляющихся на практике багов?

@jsunderhood @xwoody "Never start a line with ( or [", но в таких случаях начинать строку можно с void:

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

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

@sapegin @jsunderhood поддерживаю. Этот как с закрыванием тэгов в HTML5. Многие можно не закрывать, но лучше закрыть и не думать о них.

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

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

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

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

@jsunderhood допустим 100 строк в день, 70 с `;`. 0.5 cек на символ.
70строк * 0.5сек * 5дней * 4нед * 12мес = 8400сек = 2 часа 20 мин в год

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

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

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

@jsunderhood ты под IE5 для мака твитишь, что ли?

@delaz @iamstarkov Yandex JavaScript CodeStyle - это только Карты, внутри Яндекса от проекта зависит.

Лол. Меня чуть в метро не пустили -У вас глаза красные!

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

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

Помогите коллеге фронтендеру после тяжелой аварии extreme.lv. Надеюсь его позитивный настрой поможет пережить подобное и другим.

Ого, как я мог пропустить такой шедевр? shipilev.net/blog/2015/volt…

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

Markup от 2гис разбирает любой БЭМ сайт на компоненты для тестирования вёрстки github.com/2gis/makeup #FrontConfMsk pic.twitter.com/haQHQqRvh2

@glebarhangelsky Простой, но, по мнению автора, действенный способ разобраться с рутиной miumau.livejournal.com/1613742.html

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

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

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

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

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

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

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

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

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

Стек технологий Microsoft это не только разработка из под Windows, пора бы к этому привыкнуть :D

@jsunderhood стоит упомянуть лаунчер программ (и не только) Alfred для Mac и его win-альтернативу Launchy.

@jsunderhood Делать фотки whiteboard после встречи - обычное дело. ImageMagick делает еще их и читаемыми gist.github.com/lelandbatey/86…

@jsunderhood @webholt У нас препод по эконометрике учил, что вместо автоматизации всегда выгоднее придумать способ с меньшим числом шагов.

вместо @jsunderhood и @cssunderhood с удовольствием бы почитал @maybachunderhood — каждую неделю новый человек, заработавший себе на Майбах

@azproduction @jsunderhood кстати, на iOS есть программа Carbo, которая позволяет фотографировать с такими эффектами

@monogeeza @jsunderhood а чем спотлайт не подходит? Помощнее альфреда будет.

@jsunderhood oh-my-zsh очень рекомендую + хорошо освоить консоль

@jsunderhood tmux

@jsunderhood по поводу ускорения — переходите на SSD, если еще не успели!

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

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

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

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

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

@jsunderhood а как это делается?

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

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

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

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

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

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

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

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

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

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

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

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

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

.@jsunderhood объявил неделю ЖКХ

@jsunderhood вообще ничего не понимаю. Ты уверен, что остальные в том же контексте, что и ты?

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

@jsunderhood да я понял, в этом случае такое решение можно рассматривать как микро сервис / модуль.

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

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

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

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

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

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

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

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

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

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

@jsunderhood Может лучше статью? Мозг пухнет от обрывков-твитов. @SilentImp

@sapegin не-не-не последнюю статью он писал три с половиной года и пока не закончил. Не надо так. @jsunderhood

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

Расстроена. Не могу применять физическое насилие к разработчикам, которые на вопрос «Все ли готово?» отвечают «Да, за исключением...»

Секрет успешного менеджера :) instagram.com/p/7YswC8Kupe/

мои слайды bit.ly/odessajs2015-b… и код github.com/veged/odessajs… для @OdessaJS #b_

Ура! У заказчика, которому мы сегодня просрали бы сроки, внезапно навернулись базы,стенды, и нет бэкапов! Так что сроки просраны не нами ^_^

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@jsunderhood браузеры можно указать в broweserslist, тогда не только Автопрефиксер будет их использовать (например, ещё cssnext)

@jsunderhood так же можно посмотреть а сторону stylelint — он модульный как ESLint и вводить модно прямо в браузер stylelint.io

@jsunderhood за 1 сек на SSD? или достиг результата на HDD такого? Немного удивлен просто сборке за 1 сек

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

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

@sapegin @jsunderhood отличная идея плагина! grunt-never — ничего не собирает, поэтому все очень быстро :)

@jsunderhood что вообще там происходит? хочется подробностей подобной производительности сборки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@jsunderhood И ты вчера не рассказал как ты автоматизировал квартальную отчетность.

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

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

@jsunderhood @SilentImp не фиксированная, но легко вычисляется самим банком

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

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

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

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

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

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

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

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

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

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

@jsunderhood Моя мечта об автоматизации коммуналки разбивается о возможности ЖЭКа, у нас даже счет вручную выписывают.

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

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

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

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

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

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

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

@jsunderhood а какой текстовый редактор ты используешь? У меня Саблайм, я расширил контекстное меню(есть плагин) и через него запускаю PShel

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

Сегодня пятница, а значит самое время:

Friday… pic.twitter.com/F48w5cnLY2

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

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

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

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

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

@jsunderhood github.com/sapegin @cssunderhood

@jsunderhood @cssunderhood aishek.github.io/jquery-animate… до сих пор не понимаю, почему это самый популярный мой проект :)

@jsunderhood github.com/mistadikay/doob управление глобальным стэйтом в React: data-зависимости в компонентах, инкапсуляция запроса/отправления

@jsunderhood github.com/yummies/yummies React+BEM (BEMJSON в render, слои переопределения, построение компонентов на основе других компонентов)

@jsunderhood еще начал делать BEM-ассерты для Chai, но никак руки не дойдут доделать github.com/mistadikay/cha…

@jsunderhood В такие моменты даже немного стыдно, что делиться особо нечем. Разве что github.com/autoprefixer/a….

@jsunderhood бложик:) github.com/FeelEnergyCB/M…

@jsunderhood @cssunderhood
dmaslov.github.io/github-gist
dmaslov.github.io/csv-preview/
Пара веб-компонентов на polymer

@jsunderhood И вот ещё свежак — генератор стайлгайдов для Реакта — github.com/sapegin/react-… @cssunderhood

@jsunderhood github.com/dfilatov/vidom like React but fast :)

@jsunderhood @cssunderhood, ангуляр директивы для показа прелоудеров на кнопках и формах: github.com/helloilya/angu…

@jsunderhood @cssunderhood, yeoman генератор для статических сайтов с разными плюшками: github.com/helloilya/gene…

@jsunderhood gulp plugin for Parker, stylesheet analysis tool github.com/PavelDemyanenk…
useful photoshop extensions github.com/PavelDemyanenk…

@jsunderhood github.com/lexich/redux-a… Rest API для redux

@jsunderhood рандомные цитаты из adventure time: github.com/agudulin/at-qu…

@jsunderhood не совсем js, но может пригодиться: Atom's One Light & Dark для Ubuntu github.com/denysdovhan/on…

@jsunderhood и вот еще Oceanic Next - крутая с Space Gray github.com/denysdovhan/oc…

@pepelsbey ну тогда @jsunderhood должен срочно об этом словаре github.com/web-standards-… всем рассказать

@jsunderhood опаздал, но для создания читаемых и поддерживаемых флоу grunt конфигов для сборки использую github.com/aliaksandr-pas…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@jsunderhood @sapegin да отказ от jQuery в пользу чистого js - это как отказаться от экскаватора в пользу лопаты. Можно, но глупо.

@jsunderhood Недавно листал слайды: автор призывал решать реальные задачи. Выпиливание Джейквери отовсюду никакую реальную задачу не решает.

@stewardtz @jsunderhood @sapegin тем, что он перестал быть нужен. С es6, dom4, cssom и fetch он просто больше не нужен.

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

@maxmaximov @jsunderhood @sapegin т.е. полифилы айс, а jquery не айс - и в чём логика?

@stewardtz @jsunderhood @maxmaximov @sapegin в поддержке стандарта

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

@jsunderhood @maxmaximov @stewardtz @sapegin Да, давайте закидывать в сайты всё что удобно и красиво.

The iPad Pro web site is 8.3 MB in 564 requests. Grunt, Gulp, anyone? pic.twitter.com/9ewVk0Flc1

17:26

@jsunderhood @maxmaximov @stewardtz @sapegin Главное ведь не скорость и не размер, главное - сохранить пару символов разработчику!

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

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

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

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

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

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

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

@RReverser @jsunderhood @maxmaximov @stewardtz @sapegin он дает 100500 плагинов. Иногда которые писать с 0 это пустая трата времени.

@RReverser @jsunderhood @maxmaximov @stewardtz @sapegin неужто пишите свое когда например нужен колорпикер?

@jsunderhood @RReverser @maxmaximov @stewardtz @sapegin Я все думаю, за кем я эти дурацкие паралаксы вечно переделываю.

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

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

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

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

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

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

@jsunderhood @kuksikus @pomidore @maxmaximov @stewardtz @sapegin Как удобно называть "хипстерскими штуками" любые новые достижения :)

@jsunderhood @kuksikus @pomidore @maxmaximov @stewardtz @sapegin "Не нужны нам ваши хипстерские моторы, у нас тут кони и так справляются"

@kuksikus @RReverser @jsunderhood @pomidore @maxmaximov @sapegin блин я попал в ад.. вычеркните меня из разоговора

@stewardtz @RReverser @jsunderhood @pomidore @maxmaximov @sapegin ты попал в реалтность _нормальной_ веб-разработки. Прими это

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

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

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

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

@jsunderhood в bleeding edge Реакте или Web Components и того проще подключить готовый компонент. И делается это без ручного изменения DOM.

@jsunderhood имхо изначальная идея с готовыми компонентами несомненно правильная, просто способ "jquery плагинов" невероятно отвратительный

@jsunderhood а вот react со своей компонентой моделью выводит это всё на новый уровень, ну или те же web components

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

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

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

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

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

@jsunderhood Бумажные книги — да. Техническая литература только в бумаге. Мне так удобнее.

@jsunderhood При изучении нового языка по книге нет соблазна копипастить код. Своего рода запись языка в моторную память.

@webholt @jsunderhood Сегодня бумажные книги — это как винил. Дорого, неудобно, но винтажно!

@jsunderhood Игорь, я люблю печатные книги за их запах, за возможность чувствовать их в руках. Мне даёт это ощущение живой книги:)

@Semenov @jsunderhood Винил у друзей дома иногда крутится. Многие вещи доставляют ни с чем не сравнимое эстетическое удовольствие.

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

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

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

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

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

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

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

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

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

@jsunderhood ручка блокнот для размышлений над решением задачи. процесс письма примерно как и прогулки помогает лучше соображать

@Sigiller @jsunderhood Кстати, и это тоже. Только я карандаш предпочитаю.

@jsunderhood давайте поговорим о технической литературе, которая must have

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

@brdt_D @jsunderhood html5rocks.com/en/tutorials/i…

@brdt_D @jsunderhood если про js - блог Дмитрия Сошникова dmitrysoshnikov.com/tag/ecma-262-3/

@brdt_D @jsunderhood и Совершенный код Макконела, если не про js

@burivuh @jsunderhood да. Хорошая книга. Есть еще у Мартина Фаулера книга про рефакторинг

@webholt @jsunderhood ещё выписываю в блокнот всё важное, когда изучаю что-то новое - так лучше запоминается

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

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

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

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

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

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

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

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

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

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