IAmTrySound

15 мая 2016, Санкт-Петербург, Россия

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

Привет, народ! Меня зовут Богдан. Я front-end разработчик из Питера. Работаю в SlonWorks/Siemens.

21:04

По образованию самоучка. Верстал себе дома, фрилансил, с год назад первый раз попал в офис.

21:05

Заниматься опен сорсом начал полтора года назад. Тогда же присоединился к команде postcss. Так же разработал postcss-inline-svg.

21:07

Мой профиль на github
github.com/trysound
Так же участвую в разработке rollup, buble и только что присоединился к сборщику gobble.

21:08

В сименс мы делаем интерфейсы с окошечками и кнопочками. Показываем всякие стрим данные с разных датчиком и того подобного. Внедрил redux.

21:10

На сегодня хватит. Всем спасибо, пойду менять вотчер в gobble и к морфею в карты.

21:16

Спасибо за внимание. Не застревайте на привычках. Всем peace pipe.

20:30

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

@cssunderhood Чем привлёк gobble? Конфиг у него симпатичный, конечно, но всё ещё впереди.

Простотой. Как в API конфига, так и в плагинах. Никаких понятий стримов и прочего + папочка для дебага. twitter.com/mrmlnc/status/…

4:47
@mrmlnc @cssunderhood нравится. Думаю валить с @gulpjs куда-нибудь, где всё очевидней. Нужны Browsersync, @PostHTML, @PostCSS

Согласен, gulp изжил себя и возрождать своими силами не хочется. Сервер в комплекте есть, не BS. Сделаем лучше. twitter.com/GrawlCore/stat…

4:50
@cssunderhood круто. но чем плох BS вообще?

Тяжел, грузит проц. На работе после удаления все вздохнули с облегчением. А трюки с сокетами легко делать. twitter.com/GrawlCore/stat…

5:07
@cssunderhood насколько быстро он компилирует стили/js относительно gulp?

gobble не компилирует, gulp тоже. Этим занимаются процессоры css/js. twitter.com/akrekotun/stat…

6:18
@cssunderhood @GrawlCore Товарищи позвольте вопрос, для вас gulpjs плох тем что там все неочевидно и сложно или я что то не так понял ?

Его проблема - остановка развития экосистемы. Все из-за низкоуровневости концепции стримов. Новички ее не понимают. twitter.com/petrozavodsky/…

6:22
@cssunderhood я знаю, но галп быстрее гранта за счет того, что не записывает промежуточные файлы на диск

А gobble пишет каждый шаг на диск, но может быть быстрее (пока не запускал) не рекомпиля все снова и снова. twitter.com/akrekotun/stat…

6:55
@cssunderhood странно что ангуляр новичков не пугает @petrozavodsky @GrawlCore

Я на нем уже три месяца плотно сижу, все равно пугает. Слишком много на себя берет. И эти дайджесты, ох... twitter.com/denysdovhan/st…

6:58
@cssunderhood что скажешь о flyjs?

Был я в команде, обсуждал API. Но зависимость от babel с генераторами оттолкнула. Гены не плохи, но нужно проще. twitter.com/denysdovhan/st…

6:59
@cssunderhood @petrozavodsky вот да, за каждой строчкой там какие-то непонятные механизмы, вкуривать которые надо академически. это минус.

Не столько академически, сколько идейно. Нужно проникнуться духом nodejs. twitter.com/GrawlCore/stat…

7:00
@cssunderhood надо протестировать, галп за счет такого подхода выигрывает.

По мне он пока сыроват, хоть и готов к проду. К концу лета выведем на большую арену. twitter.com/akrekotun/stat…

7:02
@cssunderhood что оооочень важно для такого маленького инструмента, ага

Верно. Сборщик должен быть прост. А стримы пусть на backend'e пишут. twitter.com/GrawlCore/stat…

7:04

Кому интересно, вот запись доклада Рича Харриса о gobble, предпосылках и целях.
youtube.com/watch?v=9NttxO…

7:07
@cssunderhood как сборщик, который постоянно дергает диск может быть быстрее?

Постоянно дергать процессор тоже долго. Лучше установить баланс. Немного записывать, реже читать, меньше компилить. twitter.com/v_twibli/statu…

7:32
@GrawlCore @cssunderhood ну можно чисто неформально конечно example посмотреть,никто не заставляет чисто академический ... ну вы поняли :)

И все равно новички умудряются все сломать. Для многих возвращение стрима не очевидно, хотя в example оно есть. twitter.com/petrozavodsky/…

7:38
@eightalex @cssunderhood @GrawlCore @gulpjs @PostHTML @PostCSS он ни в коем случае не устарел. В использовании довольно прост.

Не устарел, а изжил, отказавшись двигаться дальше в пользу простого UX. twitter.com/mrmlnc/status/…

8:32
@cssunderhood в современных системах как раз с процессором проблем нет, а диск — узкое место.

Можно писать не на каждый чих, а только в конце итерации сбрасывать все шаги. Записывается много, не чаще галпа. twitter.com/v_twibli/statu…

8:59
@cssunderhood а ssd не жалко такими вот дёрганьями?

Не жалко. Хром чаще дергает, чем даже грант. Не всегда нужно оптимизировать каждый бит. Optimize developer sanity. twitter.com/gladkih_m/stat…

9:01
@GrawlCore @mrmlnc @gulpjs @cssunderhood @eightalex Так может, людям которые пишут JS *впервые*, не стоит писать плагин *сейчас*?

А теперь заметьте. Спор появился. Значит проблема есть, хотя кому-то что-то и очевидно. Это проблема UX. twitter.com/c01nd01r/statu…

9:04
@cssunderhood То есть получается, что проблема UX в наличии require и команды установки зависимости? Ладно, всё равно все будут при своём :)

Для верстаков, которые js в глаза не видели, устройство ноды становится тьмой тараканьей. Абстракция им полезна. twitter.com/mrmlnc/status/…

9:31
@cssunderhood ну чтобы пользоваться инструментами, которые работают на ноде, нет никакой необходимости понимать как она устроена

Но приходится понимать, потому что устроены они не прозрачно. Говорю из опыта общения с бегиннерами. twitter.com/Sigiller/statu…

9:38
@cssunderhood в моём опыте даже с Grunt’ом бегиннерам не пришлось ничего понимать из ноды: «запускай вот эту команду и можешь верстать».

Тут речь о написании своего конфига, а не наследовании чужого. twitter.com/soulmusic/stat…

10:03
А в какой момент различий между @jsunderhood и @cssunderhood не стало ?

Тут не столько про JS, сколько про сборку, а она имеет прямое отношение к оптимизации верстки. twitter.com/talgautb/statu…

10:41

Поговорим об опен сорсе. С чем его едят, с кем нужно переспать и зачем вообще спать, когда есть интернет.

18:23

Опенсорс - это место, где, если вас что-то не устраивает, вы это исправляете. Не уходите на более стремный инструмент, а хотя б пишите ишью.

18:32

Тогда всем светит прогресс и процветание. А дальше ишью за ишью, пр за пр, вам дают доступ, ну или просите дать доступ. В итоге есть доступ.

18:34

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

18:36

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

18:38
@cssunderhood Вспомнились записки из жвачек «Love is» :)

Вот именно, опенсорс - это когда ты решаешь свои проблемы, а не бежишь от них. Опенсорс это когда тебя ценят и ув... twitter.com/mrmlnc/status/…

18:46

Крч, делайте для себя. Исправляйте баги, добавляйте фичи, чтобы улучшить свой workflow. Каждый внесет лепту и получится отличный инструмент.

18:54

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

Кто линтит стили и какие именно стили, ну и чем?

6:21
@cssunderhood stylelint как плагин postcss

Работаете со сменными парсерами вроде scss. Пробовали новый less или sugarss? twitter.com/d_markovskiy/s…

6:41
@cssunderhood sass уже не используем,поддержка синтаксиса sass через плагин postcss -precss.Больше не вижу смысла использовать препроцессоры

То есть от scss остались только однострочные комментарии? twitter.com/d_markovskiy/s…

6:46
Как в IDE синтаксис подсвечиваете?@d_markovskiy @cssunderhood

У меня sublime test. У нас и postcss и scss и less подсветки есть. twitter.com/moskwin/status…

7:01
@cssunderhood мне кажется, этот вопрос настолько же актуальный, как и спросить, чем префиксы расставляют.

Встречал я типов, который компас с этой целью используют. Думаю и любители prefixfree найдутся :) twitter.com/GrawlCore/stat…

7:15
@cssunderhood что за "новый less"?

postcss-less, экспериментальный синтаксис, чтобы линтить less. Пока сыроват, но в проде на больших проектах юзают. twitter.com/dersmoll/statu…

7:31
@cssunderhood пробовал sugarss, как замену stylus, но необходимость ставить двоеточия мешала. Сейчас перехожу на precss

precss это обработчик, sugarss это парсер. Одно другому не замена. И как по мне без двоеточий совсем не читабельно. twitter.com/Di_Ed_Seagull/…

7:42
@cssunderhood как понять, что ты уже достаточно "не-нуб" для того, чтобы выгрузить свою поделку в опенсорс?

А никак. Выкладывай и развивай (для себя). Потом этот вопрос не будет волновать. Даже провальные по своему хороши. twitter.com/Di_Ed_Seagull/…

7:45
@cssunderhood я и не говорю, что это одно и то же) Просто привычка писать в стайлусе мешает при переходе на sugarss. Вроде то, да не то

Плюс опенсорса и опыта в командах. Уже не волнует инструмент, код стайл и прочее. Сразу подстраиваешься под все. twitter.com/Di_Ed_Seagull/…

7:47
@cssunderhood ...и зачем

А затем, что у каждого свои привычки и код стайл, как и с js. Можно запретить и функциональные штуки, вроде id. twitter.com/twenty/status/…

7:50
@cssunderhood пару раз по щам дал, в целях стандартизации, и норм.

К сожалению, разовое давание по щам не работает. И процесс приходится автоматизировать. twitter.com/twenty/status/…

7:55
@cssunderhood А ещё мы используем конфиг для Стайллинта stylelint-config-standard: github.com/stylelint/styl…

Кстати, да. Если в команде нет четко сформировавшегося код стайла, удобнее использовать один из готовых пресетов. twitter.com/sapegin/status…

7:57
@cssunderhood засматриваюсь на #radium, не было ли опыта использования?

Я предпочитаю писать стили в css. json стили смотрятся как-то неаккуратно ИМХО. Хотя inline стили и быстрее. twitter.com/Blackrabbit99/…

8:16
@cssunderhood мне перекашивает в сторону css в JS, опять же язык программирования мощнее языка разметки

Конечно, мощнее, но нужна ли эта мощь для описания стилей? css - декларативный язык не просто так. twitter.com/Blackrabbit99/…

8:21
@cssunderhood решаю задачу построения ширококастомизируемого sdk, очень нужна гибкость ЯП

Это случай супер динамических стилей. Вот и применение. А когда у тебя лендос со статикой, то смысла особого нет. twitter.com/Blackrabbit99/…

8:25

Кто-нибудь юзает css-modules и в каком контексте?

8:27
@cssunderhood посоветуй красивые решения создания темизаций, я все ещё не нашёл то, что мне понравится

Про темы не ко мне. Я даже переменные не юзаю.
А так будет поддержка custom-properties. Вот там темизируй, не хочу. twitter.com/Blackrabbit99/…

8:29
@cssunderhood Мы, в приложении на Реакте. Очень нравится.

Я собираюсь попробовать с angular. Уже убедил всех фигачить разметку в js функции возвращающие template литералы. twitter.com/sapegin/status…

9:29
@cssunderhood а почему не юзаешь? postcss-custom-properties не пробовал тоже?

(Психо)логический барьер. Не давал мне юзать препроцы до postcss. А custom-properies круты будут в браузере. twitter.com/meuwka/status/…

9:52
@moskwin @cssunderhood @d_markovskiy хороший пример, почему закрытое ПО — это плохо

Sublime тоже закрыт. Тут скорее проблема в модульности. twitter.com/andrey_sitnik/…

9:59

# Среда 28 твитов

@cssunderhood @jsunderhood кто-нибудь прикручивал postcss-sorting к webpack? для исходных файлов. ретвит, плиз

Понятия не имею как работает вебпак, там разве нельзя сунуть dest в pipe?:) twitter.com/d_markovskiy/s…

9:21
@d_markovskiy @cssunderhood @jsunderhood wp сборщик, gulp таск раннер, можно для wp готовить файлы через таски в gulp, wp не перочинный нож

Формально gulp - сборщик+раннер, но его сборка ограничивается композицией стримов. А grunt - только таски запускает. twitter.com/JiLiZART/statu…

9:58

Какие мысли о разметке в js без jsx?

13:28
@cssunderhood А зачем без JSX?

Мне в ангуляре он не к месту. Фигачу все в template literals. А недавно стал классы в css хэш выносить. twitter.com/sapegin/status…

13:32
@cssunderhood ребята, что делать если я боюсь jsx и мне кажется идея смешать вёрстку и код не очень? как это побороть?

Как по мне разметка - это тоже логика, но структурная. Мапы и тернары там очень кстати. И синтаксис приятный, js. twitter.com/notarseniy/sta…

13:34
@cssunderhood Ну тогда никаких, мне Ангуляр не к месту, а JSX использую везде сейчас, и не только с Реактом.

Альтернативные либы для рендера или как-то совсем низкоуровнево? twitter.com/sapegin/status…

13:35
@notarseniy Начать использовать JSX, и скоро придёт понимание, что идея разделять HTML и JS для вёрстки — бред ;-) @cssunderhood

Под js обычно понимают логику приложения. Вот тогда шаблон надо в отдельный модуль как логику разметки. twitter.com/sapegin/status…

13:38
@cssunderhood Да, но каким-то образом логика вёрстки тоже туда попала и все стали думать, что и её мешать с HTML плохо.

Глухой телефон и преданность традициям. twitter.com/sapegin/status…

13:41

Рассыпчатый вопрос: кто и почему до сих пор сидит на es5, а не транспилит es6?

19:54
@cssunderhood встречный вопрос: почему стоит перейти к использованию es2016? Который не работает в браузерах без дополнительной обработки …

Я ничего и не говорю, про es2016, кажется еще и спека не закончена. А вот es2015 хорош и почти поддерживается. twitter.com/SilentImp/stat…

19:59
@cssunderhood … и чертовой дюжины полифилов?

Никто не заставляет юзать полифилы. Для меня спасение - новый синтаксис. Кода меньше, читаемость лучше. twitter.com/SilentImp/stat…

20:00
@cssunderhood закончена, закончена. Но на вопрос вы не ответили. Зачем?

Меньше кода, больше кайфа. Хороший язык делает человека счастливым.:) twitter.com/SilentImp/stat…

20:02
@cssunderhood строго говоря если переходить от jQ, например, к dom api и es2015 кода станет больше. А то что выдает транспиллер — вовсе ужас

Ну тут еще можно поспорить, что больше jq или vanilla. А правильный транспиллер выдает красоту. twitter.com/SilentImp/stat…

20:03
@cssunderhood бабель правильный?

Мне не очень, хотя мощный.
Тут на выходе чистенький код получается. buble.surge.sh twitter.com/SilentImp/stat…

20:04
@cssunderhood ути-пути, а к gulp и webpack оно прикручивается?

Канеш, для галпа я делал обертку. По ключевым словам найдется. twitter.com/SilentImp/stat…

20:09
@cssunderhood сравним работу с классами, атрибутами и выборкой.
jsfiddle.net/pgmms2na/

Пожалуй частный случай. И нативы быстрее. classList.add оптимизирован, а jq с className пересчитывает все. twitter.com/SilentImp/stat…

20:10
@cssunderhood да не особо частный, почти со всем так, если присмотреться. В плане оптимизированы — надо не забыть полифил для classList ;)

К полифилу я тоже руку приложил github.com/jwilsson/domto…
Но он не нужен. Ниже ie11 даже в siemens не просят. twitter.com/SilentImp/stat…

20:14
@cssunderhood приходят какие то ещё аргументы в голову, кроме лаконичности?

Я говорил только про стандарт языка, а не про браузерные спеки. twitter.com/SilentImp/stat…

20:15
@cssunderhood а о чем речь если не о применении его в скриптах в браузере? node.js что ли?

И там и там. Но jq и vanillajs тут вообще не причем, они просто API. twitter.com/SilentImp/stat…

20:18
@cssunderhood язык используется для решения конкретных задач. Можно конечно применять es2015 с jQ но это мягко говоря бессмысленно, так как…

Почему же? Не обязательно юзать весь стандарт. Те же arrow functions очень хороши в цепочке итераций. twitter.com/SilentImp/stat…

20:25
@cssunderhood стандартный jq-JavaScript vs es2015+dom api решение

Да не решал jq синтаксических задач, а es2015 не дает более лаконичный API. Огонь и вода все таки. twitter.com/SilentImp/stat…

20:27
@cssunderhood «цепочке итераций»?

each, map, filter и т. д. То же самое и с нативными методами. Объекты раскурочивать удобнее. jq никак не прячет их. twitter.com/SilentImp/stat…

20:28
@cssunderhood jQ решал и решает две основные задачи: кроссбраузерность и удобный синтаксис.

jQuery на синтаксис никак не влияет. Это БИБЛИОТЕКА, не язык. Просто код. twitter.com/SilentImp/stat…

20:29
@cssunderhood И, впоследствии, часть решений, использованных в jQ и других библиотеках стали частью стандарта.

Это никак не синтаксис. И до jq люди писали функции обертки. Библиотеку JS расширили, чтобы убрать повторяющийся код twitter.com/SilentImp/stat…

20:35
@cssunderhood если ты действительно отрицаешь заимоствование языком решений из фреймворков, то это очень странно.

Вот это синтаксис goo.gl/J66oW1. Встроенное API - это не то, что транспилят, а то, что полифилят. twitter.com/SilentImp/stat…

20:45
@cssunderhood к тому же мы очень далеко отклонились от изначального вопроса: зачем переходить на es2016. Скорость — нет. Лаконичность — тоже

Компактный код проще поддерживать. Меньше отвлекаясь на конструкции, больше думаешь о реализации. twitter.com/SilentImp/stat…

20:48
@cssunderhood each/foreach?

Изначально вопрос задан о транспиле. Никакие API не подразумевались. Что вы привязались со своим jQ. R.I.P. twitter.com/SilentImp/stat…

20:50
@cssunderhood … то же и короче. Вот почему я привязался к jQ. es2016 это не сферическая лошадь в вакууме. Это инструмент решения задач.

Ох, да причем тут jQ все-таки? Это инструменты для решения разных задач. Не замена они друг другу. twitter.com/SilentImp/stat…

20:55

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

@cssunderhood @SilentImp это не Бабель, а баблё

У вас баблё, а ведь это Майкл Бубле. twitter.com/iamstarkov/sta…

5:10
Интересное поведение блоков. Может кто подскажет?jsfiddle.net/denisz/67hn5gk… Почему child центрируется по высоте? @cssunderhood
21:26

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

@cssunderhood Как грамотно SVG спрайт сделать?

Я предпочитаю инлайнить svg в css с кастомизацией. Синтаксис работает в препроцессорах github.com/TrySound/postc… twitter.com/koloskof/statu…

14:00

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

@cssunderhood @koloskof и потом гигантский CSS пользователю выкачивать с каждым обновлением

gzip и никаких проблем. twitter.com/operatino/stat…

8:40
@cssunderhood @koloskof имхо вот самый лучший подход m.habrahabr.ru/post/272505/ инлайн в HTML с кешированием в LS

Я использовал его долгое время, но отказался из-за флеша при первой загрузке. Особенно не круто с логотипами. twitter.com/operatino/stat…

8:44
Babel? Buble? They're all open source projects maintained by awesome people. pic.twitter.com/Odp6nW8BG2
23:25

other