sergeytovarov

18 апреля 2016, Москва, Россия

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

Всем привет! На этой неделе с вами Сергей Попов из @htmlacademy_ru.

9:53

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

9:56

Помимо этого, я занимаюсь вёрсткой различных проектов на фрилансе.

9:56

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

9:57

Немного пройдёмся по проблеме роста новых специалистов, устроим холивар на тему необходимости использования препроцессоров.

9:58

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

10:05
@cssunderhood только не говори что это будет изоляция css

Нет – это более глобальные проблемы связанные с развитием отрасли в целом. twitter.com/safinalexey/st…

10:08

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

10:32

Утренняя проверка работ всех студентов занимает почти два часа, не надо думать, что это так просто.

11:51
@cssunderhood а никто вроде и не думает)

раз я так говорю, значит мне встречались люди, которые так думают) twitter.com/safinalexey/st…

11:54

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

11:58
@cssunderhood преподаёте?

Я являюсь наставником на интенсивах @htmlacademy_ru, лично не преподаю, но помогаю постигать студентам вёрстку. twitter.com/Hipichay/statu…

12:00

2006 год – отправная точка моего путешествия в мир веб-технологий. Именно в этот год компьютер перестал быть для меня игровой приставкой.

12:14

В том году я попал на компьютерные курсы НОУ СЕГРИС, которые на самом деле были подготовкой к поступлению в Университет ИТМО.

12:17

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

12:19

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

12:22

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

12:30

После этого официально с веб-технологиями я встретился уже на втором курсе техникума.

12:45

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

12:48

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

12:52
@cssunderhood Привет!) Вопрос с порога, где джуниору искать практику, или как ты искал расскажи.

Это достаточно обширная тема, мы поговорим об этом 20 числа, как раз планирую. twitter.com/nemcik7/status…

13:00

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

13:02

Разработчик, который перестал развиваться и узнавать новое – мёртвый разработчик.

13:03
@cssunderhood такое вообще возможно?

Я встречал таких разработчиков, так что, видимо, возможно. twitter.com/life_maniac/st…

13:06
@life_maniac @cssunderhood видел стрим на livecoding.tv чела, который имеет 8 лет опыта по описанию, но пишет откровенный говнокод
13:08
@cssunderhood просто технологии все время развиваются. И то, чем ты пользуешься сегодня, завтра уже почти наверняка устареет.

Ну есть же спецы которые не используют образные препроцессоры, потому что им так привычнее. Или другие технологии. twitter.com/life_maniac/st…

13:10

Продолжим. Самообразованием я занимался до конца 3 курса, а на 4 курсе я уже работал в этом же техникуме. Занимался, естественно, сайтами.

13:15

Это был отличный способ закрепить знания, на практике. Естественно, первая вёрстка была полным трешем. Но я не знал об этом.

13:47

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

13:49
@cssunderhood @htmlacademy_ru чем занимается наставник и где об этом можно прочитать поподробнее? Как им можно стать?

Всё достаточно подробено расписано здесь – htmlacademy.ru/intensive/html… twitter.com/deryabini/stat…

13:50
@cssunderhood Как вести себя в обилии информации, как не утонуть. Вокруг очень много ресурсов, пабликов с инфой, чатов. Везде хочется успеть

Чем больше разных источников, тем больше различных мнений. Больше вероятность запутаться. Лучше не раскидываться. twitter.com/DemoCoder/stat…

13:54

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

14:08

Это было очень весело работать несколько месяцев почти бесплатно, собирая сайты на WordPress и !Joomla. Каждые три дня новый проект.

14:12

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

14:14

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

14:16

Кстати, всё это дело происходит в Питере, и, если у вас перерыв, советую - youtube.com/watch?v=4EoUz3…

14:24

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

14:32

После этого я забрал документы по собственному желанию и решил развиваться самостоятельно, с высшим образованием как-то не срослось.

14:34

А как вы начинали своё обучение?

14:36
@cssunderhood что за предмет?

Тот самый, Влад, на котором была Maya 3d. Не помню как назывался предмет. twitter.com/vlkosinov/stat…

14:38

После этого я почти год отработал в Veeam Software верстальщиком. И это тоже крутой опыт работы в очень большой команде, в крутом офисе.

14:43

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

14:46

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

14:57

Во всяком случае платить столько, сколько хотелось бы.

14:57

Поэтому я попробовал вариант по проектной работы в разных компаниях. Пришёл в компанию – переверстал за месяц, что у них накопилось. Next.

15:00

Пять - шесть таких компаний и я понял, что могу прекрасно делать это из дома, с дачи, из кафе и так далее. Так я стал фрилансером.

15:28

Только на фрилансе я работал достаточно долго, пока не попал в наставники @htmlacademy_ru. В тот момент мне показалось крутым передать опыт.

16:15

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

16:17

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

16:19

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

16:22

Чем за предыдущий период своей карьеры.

16:22

И вот идеальное решение для меня – развитие проекта, который развивает тебя, за счёт работы бок о бок со спецами своего дела. Передаю привет

16:28

Поэтому чтобы остаться в такой прекрасной для меня команде, нужно работать) Я вернусь чуть позже и расскажу в чём заключается моя работа.

16:33
@cssunderhood а это не так!

Естественно, поэтому я и говорил об этом в прошедшем времени. twitter.com/ardshock/statu…

16:42
@cssunderhood любой специалист, который перестал узнавать новое — мёртвый специалист. Дизайнер, программист, даже менеджер
16:44
@cssunderhood блин, это был вопрос... А это не так? По моему в группе людей где всем пофиг ты только деградируешь...

Ну в группе где всем пофиг да, деградируешь, но оказалось что не во всех группах всем пофиг. twitter.com/ardshock/statu…

16:45
@curlymario @cssunderhood во фронтенде новое каждую неделю. А после 30 информацию усваивать всё сложнее. Всем на пенсию в 40 лет?

мне кажется, что начинать в 30 сложнее чем в 16, а вот продолжать развиваться не должно быть сложно. twitter.com/octowed/status…

17:00
@octowed @curlymario @cssunderhood есть мнение что тех кто старается всегда быть в тренде, не так много.

Это грустное мнение twitter.com/_sashashakun/s…

17:04
@cssunderhood можно провести опрос на знание какой-то новой фишки. Узнаем, сколько реально следят за трендами.

ни одному опросу нельзя доверять на 100 процентов, можно же прогуглить по быстрому. twitter.com/ABatickaya/sta…

17:08
@ABatickaya @cssunderhood следить и уметь применять --- не одно и то же.

но лучше уж следить и не применять, чем вообще не следить. twitter.com/octowed/status…

17:19
@cssunderhood тем более это не показательный опрос. смотря какая фишка. и не всем эти фишки вообще могут быть нужны в работе

Можно знать фишку и уметь её применять, но не использовать в работе. Вдруг она пригодится. twitter.com/Sigiller/statu…

17:21
@cssunderhood я в уме держу именно применение :) Не знаю webpack, ES6, grid layout и ещё мешок да пару корзинок новой информации.

В какой то момент придётся их использовать, рано или поздно. Сейчас можно быть в курсе всего этого. twitter.com/octowed/status…

17:23
@cssunderhood @octowed @curlymario я начал в 30. Вся сложность не в освоении инф. А в содержании семьи.два месца работал бесплатно зато опыт

у всех разный порог вхождения и уровень обучаемости. Для кого то в 30 может быть уже невозможно twitter.com/trolizmaslom/s…

17:26
@trolizmaslom @cssunderhood мужественный шаг. Обычно такое могут себе позволить лишь студенты, а затем денежный вопрос многих останавливает.

я как человек занимающийся обучением, могу сказать, что таких мужественных шагов всё больше, но не все успешны. twitter.com/octowed/status…

17:28
@cssunderhood да, у меня было двое ребят на базовом. Одна умница, но ленивица :) Другая старательная, но... ей за 30, и у неё семья и работа

У меня был студент за 50, закончил лучше всех. Этот пример я всем привожу, кто говорит что после 40 невозможно. twitter.com/octowed/status…

17:32
@cssunderhood в том плане, что на практике многие вещи оказываются гораздо привлекательнее, чем в теории.

Года я говорил пригодится, я имел ввиду на другой работе, или на другом проекте. Вдруг твоя компания начнет юзать. twitter.com/Sigiller/statu…

20:33

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

20:38

Основная часть моей работы – наставничество на базовом и продвинутом интенсиве по вёрстке. Я и подумать не мог что мне будет это нравиться.

20:41
Ты не ты, когда читаешь своего лучшего наставника из @htmlacademy_ru в @cssunderhood ! Неделя будет насыщенной!:) @sergeytovarov

😎 twitter.com/kaktyc0913/sta…

20:42

Самое крутое – это ощущение, когда ты забираешь в самом начале маленьких и неопытных специалистов и проводишь их через оба интенсива.

20:44

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

20:45

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

20:46

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

20:49

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

20:52

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

20:55

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

20:57

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

21:02
@cssunderhood Приду с армии. Буду пробиваться в наставники в @htmlacademy_ru 🖥 :D

Вот, мои студенты собираются в наставники. Кайф. twitter.com/kaktyc0913/sta…

21:03

Помимо официальных материалов для Академии, в свободное время я собираю дополнительные материалы для своих студентов. Записываю скринкасты.

21:05

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

21:07

В вёрстке всё просто. Пишу HTML без всяких препроцессоров. Для шаблонов использую Handlebars, который компилирую в HTML на этапе сборки.

21:20

Из препроцессоров предпочитаю @SassCSS, но последний проект пробовал вообще без них, только возможностями @PostCSS и мне нравится.

21:24
@cssunderhood що думаєте щодо jade(pug) ?

jade мне не нравится жесткостью своего синтаксиса. twitter.com/komarnitskyi/s…

21:26
@cssunderhood що думаєте щодо jade(pug) ?

Если бы в jade можно было бы писать чистый HTML и использовать его как шаблонизатор (import) я бы использовал его. twitter.com/komarnitskyi/s…

21:29

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

21:32

Ну и сейчас я пишу всё на нативном JS активно его изучая. До этого очень много писал на jQuery, спасибо @simonenko что снял меня с этого.

21:35
@cssunderhood почав використовувати jade саме через синтаксис, проект в якому купа темплейтів великих форм - читати jade простіше

Возможно, но это же вопрос выбора. twitter.com/komarnitskyi/s…

21:37

В общем, то всё, что я мог о себе рассказать я рассказал. Завтра начнём говорить о первой проблеме, которая волнует меня в нашей отрасли.

21:40
@cssunderhood так) цікаво, а чому обрали саме Handlebars?

Коллеги посоветовали, я попробовал, понравилось. twitter.com/komarnitskyi/s…

21:41
@cssunderhood как относишься к Bootstrape? =/

Я его ненавижу. Как раз одна из тем завтрашнего обсуждения. twitter.com/ABatickaya/sta…

21:44
@cssunderhood ахах, как там говорят: Программируем на буцтрапе 😤
21:48

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

21:49
@cssunderhood @simonenko, тоже постепенно снимаюсь с джикверной иглы. Можешь рассказать о плюсах и минусах перехода на натив? Разницу?

Это как управлять машиной с механической коробкой передач, или автоматической. На нативном JS ты делаешь всё сам. twitter.com/notarseniy/sta…

21:53
@cssunderhood @simonenko, тоже постепенно снимаюсь с джикверной иглы. Можешь рассказать о плюсах и минусах перехода на натив? Разницу?

Минусы, ну ты будешь писать немного больше кода чем раньше, но при этом это твой код, и ты знаешь как он работает. twitter.com/notarseniy/sta…

21:53

"Кхм-кхм... Пшш Пшш... Раз-два-раз-два... Ой, а это уже читают, да?"

11:16

Привет всем! Я Ростислав Назмеев, верстальщик из камчатской суперкоманды "Space Crabs".

11:16

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

11:17

Хоть это и больше технический аккаунт, но я по природе своей - самый что ни на есть гуманитарий. Будьте к этому готовы! *зловещий смех*

11:18
-Spice- Space Crabs, мне уже нравится. twitter.com/cssunderhood/s…

Дада, у нас еще и сайты делают!;) twitter.com/webholt/status…

11:21

Я, как водится, подготовился перед своей сменой, зацените план на 7 дней. pic.twitter.com/owYnJvIUGX

11:22
@cssunderhood От гуманитариев для гуманитариев, надеюсь? Всё как надо?

Это было бы дискриминацией!) twitter.com/webholt/status…

11:24

А еще вас ждет неделя легкой шизофрении, ибо вещать мне будет помогать знакомый каждому и неподражаемый Дед Лайн. pic.twitter.com/EFt5aFeoAd

11:26
@cssunderhood у нас есть Твиттер, который зарос паутиной :) @SpaceCrabsRu

Да, какой замечательный повод стряхнуть пыль сию:) twitter.com/the_mobius_cat…

11:29

Этот милый дедуля не будет давать мне постоянно с Вами общаться, но от того наши встречи, я уверен, будут только теплее и продуктивнее:)

11:29

Ну что я все не о себе да не о себе. Пора это исправить!

11:30

В вебе я порядка 5 лет. Есть опыт работы оффлайн (техподдержка, верстка, менеджер проекта), фриланса и удаленной работы в студии.

11:31

Всю жизнь живу в Чите. У нас это "столица края", но далеко не все этот город и на карте-то найдут.

11:31

Некоторые мои первые сайтики живы до сих пор. Характерный пример: chitinsky.ru - щелкаем любую ссылочку и делимся своими:)

11:32

В то время я считал верхом крутизны делать не просто html-ки, а собирать их с SSI (помните же такую штуку? ) CMS - нет, пока не слышал.

11:33

Потом была работа в местной веб-студии. Год сидел в техподдержке зоопарка CMS. Правил баги на сайтах и каждый день заносил контент.

11:34

В этот момент я проникся любовью к Sublime Text (тогда еще 2 версии), его мультиселекту, поиску, шорткатам, плагинам и сниппетам.

11:34

Постепенно подрос до верстальщика и начал верстать несложные проекты. Открыл для себя less, jade и gulp (бессовестно прослоупочив grunt)

11:35

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

11:36

Вернувшись в профессию, поучаствовал в нескольких крупных проектах, распробовал git flow и весьма плотно познакомился с Дедом Лайном.

11:36
@cssunderhood что за дело?! Расскажи! Расскажи!

С товарищем портреты на заказ рисовали на холсте:) Было интересно, но на прибыль толком не вышли. twitter.com/SilentImp/stat…

11:38

В итоге же - попал на удаленку в молодую камчатскую команду "Space Crabs". Спасибо @i_MiF за то что нашел меня и пригласил!

11:39

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

11:39

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

11:40

А по авторитетному мнению моей жены я лучший на свете и самый красивый. И да, я уверен, что для Вас это - важная информация:)

11:40

Упомянутый Дед Лайн мне не очень цензурно подсказывает, что пора бы и поработать. Не буду его дословно цитировать, но ненадолго отлучусь:)

11:41

А каковы Ваши интересы, например, в процентном отношении? Мой пример: web - 60%, music - 40%. Напишите пожалуйста, будет лаконично и емко)

11:43
@cssunderhood таки сколько тебе лет? Не увидел в предыдущих твитах.

Мне 24, самый, как говорится, сок:) twitter.com/bayevn/status/…

11:43

Жду Ваших интересных "процентных портретов" на предыдущий твит и ненадолго вас покину. Не скучайте;)

11:46
Мы не спали, мы просто прилегли на 15 минут. Ну и что, что прошло полтора года :)

Видали, что @cssunderhood животворящий делает! Оживил мимоходом твиттер студии:) twitter.com/SpaceCrabsRu/s…

11:50
@cssunderhood @SilentImp я когда пойду на "пенсию" тоже буду рисовать :) серьёзно.

Заранее предлагаю учредить клуб будущих экс-верстальщиков и художников-передвижников) twitter.com/dagoeos/status…

12:19
@cssunderhood пятюню брату-гуманитарию ✋

Уее! twitter.com/_ramoona/statu…

12:20
@dagoeos @cssunderhood а я не хочу доживать до старости! Я хочу … oh wait … pic.twitter.com/9p4oLnZUjm

А я бы дожил, судя по научным новостям нас ждет весьма интересное будущее) twitter.com/SilentImp/stat…

12:21

Давайте поговорим немного о работе в провинции. Я, как и многие, уже столкнулся я и минусами и плюсами, попробую поведать.

12:22

Плюсов, как ни странно, хватает. Во-первых - ты в целом на расхват у местных фирм. Это правда не только помогает, но и расслабляет.

12:25
@_ramoona @cssunderhood pic.twitter.com/5JftxRsTg4

Парад пятюнь гуманитариям открыт! twitter.com/GolubevVictor/…

12:26

Зарплаты в регионах как правило меньше, чем в Мск или СПб, но и цены обычно ниже, так что жить можно нормально.

12:27

Но, ребята, не ищите малых цен в Чите и на Камчатке, это заколдованные места:)

12:28

Так же, живя в регионе ты всегда видишь светлую перспективу удачного переезда в ближе к центру:) Пусть и иллюзорную, но все же, душу греет))

12:31

Еще мне нравится, что у меня маленький город, который я без проблем из конца в конец за 40 минут проеду. Это очень часто - преимущество.

12:33

Кстати, ребятушки, если есть среди Вас мои земляки-забайкальцы - отзовитесь!

12:37

И вообще, уважаемые подписчики - есть ли среди Вас жители отдаленных от центра городов? Попингуйте:)

12:39

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

12:48
@cssunderhood Калининград )

Для меня это - как другой край земли:) У вас там люди случаем на головах не ходят? twitter.com/s0nly/status/7…

12:49

Так вот, самое наболевшее для меня в моем городке - это отсутствие профильного сообщества. Не с кем все эти митапы и тп проводить. Ох и ах.

12:53

Возможно, просто нет специалистов на 300к населения, а может никто раньше не заморачивался собирать.

12:54
@cssunderhood начни развивать сам.

К этому и веду:) Возможно эта неделя на @cssunderhood станет для этого определенным стартом. twitter.com/c01nd01r/statu…

12:55

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

12:58
@cssunderhood эээ... Домодедово

Вот это я понимаю - провинция!) twitter.com/sorx00/status/…

13:06
@cssunderhood та же беда. Начал развивать свое. Уже набралось 14 человек, в группе вк 130+, беседуем в слаке и телеграме.

Ну это для старта уже весьма ничего так:) Можно и встречи организовывать! twitter.com/Di_Ed_Seagull/…

13:08
@cssunderhood махачкала ( .-.)

Если есть еще народ с этого прекрасного города - пишите товарищу, подключайтесь к местному движу! twitter.com/Di_Ed_Seagull/…

13:10
@cssunderhood есть :) pic.twitter.com/ii4OhgSVBO

Юхуу, мы нашли друг друга)) *тут слоган из передачи "Жди меня"* twitter.com/twmoirrey/stat…

13:12
@cssunderhood сперва группа вк для набора людей. Искал "своих" по крупным айтишным пабликам, приглашал. Потом перебрались в телеграм и слак

ставлю в план! twitter.com/Di_Ed_Seagull/…

13:14
@cssunderhood Слак-чатик, группа на Фейсбуке, митап…

ох, стряхну пыль с фейсбучного аккаунта, ох стряхну! twitter.com/sapegin/status…

13:15
@cssunderhood Иркутск :)

Привет, братскому городу) twitter.com/divide_by_fals…

13:20

Пришла мысль о том, что было бы круто, если бы в каждом регионе, или крупном центре выделилась своя школа фронтенда, как например в роке:)

13:28

Чтобы прямо со своими фишками, достоиствами, своей "идеалогией" что ли и узнаваемым стилем.

13:29
@cssunderhood школа, в смысле, направление?

Возможно, но может быть и нечто более общее. Школа подразумевает под собой обычно преемственность, процесс обучения. twitter.com/c01nd01r/statu…

13:35
@cssunderhood кажется я все пропустил :) жги! :D

Камчатка подтягивается)) twitter.com/i_MiF/status/7…

13:39
@cssunderhood мне кажется формат митапов/конференций + менторство вполне справляются с этой функцией. Другое дело - организовать это все

Я тоже так думаю. Например, было бы полезно обсуждать работы друг друга, оттачивать качество. twitter.com/Di_Ed_Seagull/…

13:41
Объявить баркамп/ митап пригласит интересные персоны @cssunderhood
13:42

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

13:46

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

13:50
@cssunderhood не могу согласится. online-рансляции нормальные, к слову, на одном митапе из сотни. Если повезет.

В этом моменте спорить не буду. Я особо этим на этом не акцентировался, ну или не смотрел большинство митапов:) twitter.com/SilentImp/stat…

13:54
@cssunderhood А потом еще разделилась на старую и новую школу )))) Ну и убийства главарей как у реперов запада и востока ))))

css-ганста! twitter.com/Dima_Partyzan/…

13:56
@cssunderhood мы какое-то время назад хотели что-то эдакое организовать, но так и не решились. Да и аудитории нет.

Про аудиторию, кстати, интересный момент. Ее можно и создать. Например, популяризируя вебдев среди населения twitter.com/i_MiF/status/7…

13:58
@cssunderhood Можно найти слушателей среди «клиентов», но разработчиков на пальцах посчитать, а толковых..и вовсе нет :)

А может эти толковые шибко прячутся?) twitter.com/i_MiF/status/7…

13:59
@cssunderhood во Владивостоке тоже цены не фонтан

Так, видимо проще найти город, где цены - фонтан))) twitter.com/GrawlCore/stat…

14:00
@cssunderhood я имею ввиду — рассматривать митапы исключительно как тусовку, а не как источник знаний это преувеличение.

В этом смысле абсолютно согласен) Да и той фразой о "ненужности" митапов для образования я не свое мнение выразил) twitter.com/SilentImp/stat…

14:02
@cssunderhood или возможно мне просто хочется верить, что я не зря долго и тщательно готовлю на них доклады и кому то они приносят пользу ;)

Уверен, что обязательно приносят и я бы с радостью лично их заслушал)) twitter.com/SilentImp/stat…

14:02
@cssunderhood берёшь и сам делаешь ;)

золотые слова!) twitter.com/GrawlCore/stat…

14:04
@cssunderhood пива попить

Ну не знаю, я больше по вермутам) twitter.com/GrawlCore/stat…

14:04
@cssunderhood обучение – это большая задача

безусловно, но тут речь не столько о структурном обучении, для этого есть отдельные проекты, речь об обмене опытом twitter.com/GrawlCore/stat…

14:06
@cssunderhood я по рому и чаю, но это уже дело вкуса. Всякая туса собирается в пивную.
14:07
@cssunderhood Мой почерк узнаваем, мой акцент порочен
Мой стиль не повторить, но ему вторят
Он всё дороже стоит, но в нем всё больше боли
14:13

Я вернусь к вам примерно через час, и мы поговорим о еще одной мечте провинции - работе в коворкингах)

14:15

Итак... Давайте с маленького опроса начнем. Работаете ли Вы в коворкинге?

15:06
@cssunderhood А если у компании свой офис?

Тогда подойдет второй вариант - есть, но не хожу twitter.com/iamakulov_/sta…

15:12
Так и вижу @andrey_sitnik в кресле наркобарона с наклейками @PostCSS на столе twitter.com/Dima_Partyzan/…

И масонскими символами на стене) twitter.com/GrawlCore/stat…

15:15

Пока набираем голоса в опросе, напишите пожалуйста, кто работает в коворкингах - ваша продуктивность там как-то увеличивается?

15:22

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

15:29
@cssunderhood да запросто. Открываешь silentimp.info и скролишь к разделу «доклады».

Список внушительный!) Ознакомимся! twitter.com/SilentImp/stat…

15:32

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

15:41

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

15:46
@cssunderhood Напомню февральский опрос: twitter.com/cssunderhood/s…

Спасибо, как раз тогда отсутствовал в это время. Ну что ж, значит мой опрос уточнит февральский и дополнит его:) twitter.com/ruGreLI/status…

15:49
@cssunderhood да, хотя бы людей видишь, а не просто дома сидишь и жрешь на пару с котом

А вот так уйдешь в коворкинг - и кот дома один... twitter.com/Oleshkevich/st…

15:51
@cssunderhood а у меня она и дома не уменьшалась

А вот у меня, например, через стену постоянно играет Рен ТВ - работаешь такой, а там ГМО, нибиру и славяноарии... twitter.com/fuckingsun/sta…

16:00
@cssunderhood Я хожу в кафе раз в неделю перед работой — писать посты в блог. В коворкинги не хожу, в городе они есть.

Кстати да, тоже заметил, что работа над текстом twitter.com/sapegin/status…

16:01
@cssunderhood мы для того чтоб дома не работать сняли офис :) это не всегда дорого. Можно получить рабочее место за поддержку проекта, напр.
16:02

Кстати, по поводу Рен ТВ и подобного в нашей жизни я думаю, мы еще поговорим на неделе, ибо у меня от этого уже давно накипело)

16:07
youtu.be/jmdys-NRsWg?t=… — такого охуенного стендапа никто не ожидал. Я долго еще буду его пересматривать pic.twitter.com/eoYKk67AeX

Очень весьма!) twitter.com/kovchiy/status…

16:14
@cssunderhood "РенТВ в нашей жизни" — звучит!:)

Для меня этот канал - это образ всего того псевдонаучно-фееричного бреда, который если присмотреться - уже везде.. twitter.com/i_MiF/status/7…

16:19

@cssunderhood Обнаружил, что уже видел несколько из этих докладов:) Харизматично и со знанием дела!

16:33
@jsunderhood хочешь быть одним из таких людей: стань в каждой жопе затычкой. И вскоре о тебе заговорят.

Инструкция для юных джедаев:) twitter.com/SilentImp/stat…

16:45
Вот вы тут шутите. А у меня реально проблема с доступом к джойказино. Все цифры добавлял
17:06
13-й выпуск «Веб-стандартов»: VPN, методологии CSS, Stylelint и CSSX, параллакс, доступность soundcloud.com/web-standards/… pic.twitter.com/ZEMz6WtPAw
17:12
Есть прибайкальцы, в масштабах России считай соседи twitter.com/cssunderhood/s…

Согласен:) В планах можно что-то совместное делать в дальнейшем! twitter.com/artkrivonozhko…

17:16
@Di_Ed_Seagull @cssunderhood это в каком городе?

Это история из Махачкалы:) А я в Чите обитаюсь. twitter.com/DemoCoder/stat…

17:39

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

17:44

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

17:45

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

17:46

Так же нашлись первые земляки-коллеги)) Очень этому рад.

17:47

Думаю, что тема развития региональных центров frontend'a - тема перспективная и еще будет поддержана другими ведущими.

17:48

Немного поговорили о коворкингах и том, кому и как удобно работать.

17:50

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

17:52

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

17:54

Спасибо сочувствующим за отзывы, беседы, лайки и участие в отзывах! До завтра;)

17:56

Мои поклонники часто спрашивают меня, кто я такой и почему я называю их своими поклонниками…
Эту неделю с вами я – Роман @Realetive Ганин.

10:22

Я питерский фрилансер, начинающий фронтенд разработчик с 5-летним стажем. По образу жизни сова. Не ЗОЖ, не веган, не фотограф и не музыкант.

10:22

Вопреки устоявшейся традиции плана на неделю не будет. Принципиально. Я считаю, что это скучно. Всё будет спонтанно… pic.twitter.com/27Ze6LEFrV

10:24

Спонтанно мы обсудим IDE и текстовые редакторы, будем неожиданно переключаться на форкфлоу и сборщики, впереремешку с #b_, @PostCSS и SVG.

10:25

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

10:26

Дерзко, смело и без прелюдий я побуду хейтером современных «веб-дизайнеров». Хороший дизайн тоже обсудим. Вдруг. Никого не предупреждая.

10:26

И вам так же советую поступать по отношению ко мне — не стесняйтесь застать меня врасплох своими вопросами или замечаниями, критикой.

10:26

Если не отвечу сразу, значит потом (или я не знаю ответа и судорожно гуглю). Я фрилансер, т. е. безработный; времени у меня на это — вагон.

10:27
@cssunderhood то есть ничего нового?

Каждый день мы делаем что-то в первый раз, Дэн. Я точно не смогу рассказать о технологиях из «завтрашнего дня». twitter.com/denishus/statu…

10:33

К слову, я плохой программист. Серьёзно. Как и прошлый автор, @denisfedosov (июнь @cssunderhood), я когда-то начал делать сайты на #MODX.

10:36

И делаю их до сих пор, являясь к тому же амбассадором MODX в России. Я с удовольствием расскажу о преимуществах этой CMS для фронтендеров.

10:36

Как руководитель клуба питерских разработчиков #MODX, я стараюсь регулярно проводить встречи, на которых мы обсуждаем и фронтенд тоже.

10:38

Ближайшая встреча, кстати, будет на этой неделе. Даже если вы не знакомы с MODX – приходите, это и про фронтенд тоже vk.com/modxspb_2016_05

10:38

Мы планируем обсудить: #БЭМ, LESS и @SassCSS, @bower, @nodejs, @Browsersync, @gulpjs, TARS, ENB, Webpack, плагины @PostCSS и много другое!

10:39
@cssunderhood @denisfedosov ну вот, первый шаг это признание :) что делать чтобы стать лучше?

Если вопрос ко мне, то «лучше» — понятие слишком относительное и субъективное. «Лучше», значит не так, как другие. twitter.com/Copypasting/st…

10:42
Кажись, мне о5 пора искать работу. Никому, случайно, не нужен за гроши чувак со вкладом в разработку спек CSS (github.com/w3c/csswg-draf…)? :)
10:44

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

10:56

Конечно, в Питере есть дринкапы @spb_frontend, есть кулуары и афтэпати @pitercss и @piter_united, за что их организаторам большое спасибо!

10:57

Первый раз очень боялся пойти на встречу разработчиков (посвещённую MODX, кстати), которая была 5 октября 2013 года (не поленился, нашёл).

11:03
@cssunderhood поругать дизайнеров в первый раз?

7-е правило клуба, Дэн…
Дизайнера, делающего своё дело правильно, никто не ругает. Наоборот — он на нашей стороне. twitter.com/denishus/statu…

11:11

Просто до этого я вёл весьма замкнутый образ самообразования в сфере веб-разработки. В открытую не задавал вопросы, шестрил форумы и RTFM.

11:16

А в итоге мне было, чем поделиться! Не такой уж я оказался новичёк — я знал решения чьих-то проблем! Ого, к моему мнению прислушивались!

11:16

Это очень мотивирует и воодушевляет, знаете ли. Вот и сейчас пишу я тут вам, а самого «АЖ ТРИСЁТ ОТ ВАЛНЕНИЯ» — вдруг я что не так ляпну…

11:17
@cssunderhood классно, но ты не отвечаешь на вопросы

Ты обиделся, что я не ответил прямо на твой вопрос: «Нет, не в первый раз»? Я сделаю это позже, не переживай. twitter.com/denishus/statu…

11:21

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

11:22

О её применении в вебе я рассказывал на последней встрече @spb_frontend, вот слайды и материалы, туда не вошедшие: bit.ly/TypoTales

11:23

Типографика — это из Мира уважения собеседника. Будь то светская переписка, официальное обращение — не важно. Ваш текст — отражение мысли.

11:24

Если верить @glvrdru и продвинутому курсу о редактуре текста от Максима @perepisal Ильяхова, лучше вообще не писать. Не верите? А зря!

11:26

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

11:26

Ввели неправильно пароль — тот же экран, красный цвет, поле ввода трясётся, крики, слёзы! Красота! А рядом ещё какая-то мерзкая подсказка…

11:27

Читаешь, что написано: пароль должен содержать минимум N символов, в обеих регистрах, с цифрами и символами Юникода за пределами клавиатуры!

11:28
@cssunderhood а нахамить, выразить уважение или управлять порядком восприятия элементов — зависит от задач.

Справедливо для любого из раздражителей органов чувств. Можно оскорбить картинкой или похвалить блюдом. Крикнуть. twitter.com/SilentImp/stat…

11:30
@cssunderhood насчет «лучше нарисовать» — боюсь, неоднозначно. Невольно вспоминается royallib.com/read/kipling_r… :)

Отнюдь. У людей тогда не было письменности. Как донести мысль в отсутствии автора? Рисунок понятен, текст — ещё нет. twitter.com/SelenIT2/statu…

11:32
@cssunderhood @spb_frontend @pitercss @piter_united Вот про такие движухи поподробнее. И желательно не только в Питере

Извольте: github.com/web-standards-… twitter.com/ArtVallen/stat…

11:35
@cssunderhood artlebedev.ru/kovodstvo/sect…

Возможно, это были на столько тёмные времена (2010 г.!), когда Тёма ещё не знал, как набрать этот символ @AntonMMF twitter.com/outring/status…

11:41
@SelenIT2 большинство пиктограмм, идеограмм и иконок ни о чем не скажут и их пихают по привычке или из соображений эстетики. @cssunderhood

Согласен с этим и сказанным далее. Иконки не заменят привычный текст. А иероглифики, упомянутой @SelenIT2, уже нет. twitter.com/SilentImp/stat…

11:45
@cssunderhood ИМХО 3 точки лучше по двум причинам: занимают визуально меньше места и во всех ли шрифтах есть символ трёх точек?

Отсутсвие символов в шрифте — косяк пуансониста (автора шрифта). Но это не повод пренебрегать ими, не так ли? twitter.com/AntonMMF/statu…

11:51

Какая досада… =(
UPD: даже так, наверное, лучше: pic.twitter.com/xP0jSiW70U

12:04
@cssunderhood на продакшен-сайтах заказчиков с рандомными шрифтами — повод, за остальные случаи может и не повод, спорить не буду.

Согласен, но это уже вопрос ответственности того, кто «типографит» текст. Я имел в виду, что, если есть возможность… twitter.com/AntonMMF/statu…

12:09

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

12:13
@cssunderhood а я наоборот подписался на Ваш твиттер. Свежо. Нескучно.

Спасибо! Постараюсь кутить и балагурить на тему фронтенда всю неделю! twitter.com/fr0ntender0/st…

12:23

Кстати, возвращаясь к Тёме Лебедеву: можно долго спорить о его методах и мнениях, но я уважаю его вклад в развитие русского сайтостроения.

12:30

Ну и закончим на этом о Тёме, а то вспомню вёрстку таблицами, теги <br> и <nobr>, desktop only или ещё чего похуже. pic.twitter.com/IEPKTKIP7O

12:34
@cssunderhood он шлюха проплаченная. Нельзя уважать человека за одно и презирать за остальное. Кроме него есть много нормальных людей

— Нельзя уважать человека за одно и презирать за остальное…
— Можно. Для этого достаточно иметь своё мнение и опыт. twitter.com/knaipa/status/…

12:40

Продолжая тему типографики, сайт typewolf.com или @typewolf – подборки «сайт дня», советы и руководства. pic.twitter.com/Ibv1Cc3mPZ

13:01
@cssunderhood @AntonMMF @outring Тёму лучше вообще не читать :)) Тот факт что он был одним из первых, не делает его лучшим.

Никто и не говорил про лучших. А вот про них (про лучших), кстати, я как раз говорил. Лучше — значит иначе. twitter.com/nmatuhin/statu…

13:06

Вообще на определённом этапе становления себя, как веб-разработчика, отказался от субъективного восприятия типа «нравится-не нравится».

13:07

Дизайн не может «нравиться». Он или «работает» (выполняет ваши задачи), или нет.
— Ваш Кэп.

А теперь идите, поиграйте со шрифтами…

13:09
@cssunderhood @typewolf я бы не стала доверять сайтам с этого сайта, продолжая тему типографики.
13:20
@cssunderhood @typewolf Через один сайт – выключка по центру, подписи заглавными, висячие строки, заголовки на 6 строк и тоже капсом.

Спасибо, верное замечание. Для остальных читателей: старайтесь избегать перечисленные косяки — всем им есть замена. twitter.com/WasilisaFish/s…

13:22

Выключку по центру можно заменить правильной расстановкой переносов. Помните Тёму: «Так верстают только мудаки»? pic.twitter.com/X4e1EPi537

13:25

Заглавные буквы используются только в начале предложения, именах собственных и аббревиатурах или акронимах. pic.twitter.com/McmHRfrPll

13:31
@cssunderhood херовый формализм. Вот есть табуретка, на ней можно сидеть. Функция выполняется, а их вон сколько видов)

Маркетологи тоже хотят кушать, формализм тут ни при чём. Моей, извините, заднице всё равно, какого цвета табуретка. twitter.com/virgin_mind/st…

13:34
@cssunderhood то есть h1 не может состоять из заглавных?

Да. Для увеличения акцента на заголовке есть прекрасный типографический приём — капитель: ru.wikipedia.org/wiki/%D0%9A%D0… twitter.com/Hipichay/statu…

13:36

Для тех, кто упустил слайд с моей презентации (bit.ly/TypoTales) по веб-типографике: pic.twitter.com/HArlmgOva6

13:38
@SilentImp @cssunderhood А это с вчерашнего сайта дня. Истеричные заголовки, висячая строка. Не разряжали, кстати. pic.twitter.com/zzJhWLAhf2

Вот читаю вашу критику — и прям бальзам на душу. Да, вот что я хотел! В хвост и в гриву! twitter.com/WasilisaFish/s…

13:43
@cssunderhood а на работе у тебя "кресло офисное" или Herman Miller, так есть разница жопе?

Они выполняют разную функцию, сэр. Возможно, мы спорим об одном и том же, просто вы не поняли моего посыла. twitter.com/virgin_mind/st…

13:45
@cssunderhood о, вот это уже интересно. прям тут в этом твиттере расскажешь?

При первой же возможности, если только подвернётся подходящий момент и меня не закидают камнями за «вброс о PHP» =) twitter.com/denswor/status…

13:49
@cssunderhood кстати, вчера был великий @may1reboot. Меня вот все интересовало, как верстальщики относятся к приему "распидорась верстку"
13:52
@cssunderhood я о том, что у дизайна кроме "работать" есть ещё функции и они не менее важны. Нужен контекст, как и во всем

Тогда мы точно защищаем одну идею. Уточню: меня фраза «мне больше нравится этот пурпур» не впечатляет без аргументов twitter.com/virgin_mind/st…

13:53

Уникальная книга «Типографика и вёрстка» от @artgorbunov. «Не читал, но рекомендую» =).

artgorbunov.ru/projects/book-… pic.twitter.com/co9Fxg4gNl

14:16
@cssunderhood У заглавных букв ширина штриха толще.

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

14:18

Только что осознал: меня сейчас читают, фавят и ретвитят большинство тех, кого я безмерно уважаю, читаю их блоги и руководства. Спасибо вам!

14:23

Кстати, мой любимый сервис картинок-плейсхолдеров: babeholder.pixoil.com
Вариант «с мальчиками» тоже есть. pic.twitter.com/3T9LcKeMHD

14:58
@cssunderhood как относятся клиенты? Не лучше сделать ручной поиск изображений соответствующих теме ресурса и тексту?

Лучше, но эти картинки из разряда #NSFW на этапе прототипирования, пока клиент не предоставил контент, радуют глаз. twitter.com/SilentImp/stat…

15:02
@cssunderhood тогда как ты можешь рекомендовать её?

Там есть демка. Считается? =) twitter.com/nemcik7/status…

15:50

Тогда не верьте мне. Нечего там читать. twitter.com/life_maniac/st…

15:55
@nemcik7 @cssunderhood А хочешь, читай Цапфа, Чихольда и Мильчина, а потом пиши свои советы.

Между тем тут в комментариях идёт ценнейших обмен опытом, о чём мне позволяют судить фамилии Чихольда, и Купера… twitter.com/WasilisaFish/s…

16:32

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

16:32
@cssunderhood А потом ты забудешь поменять этот плейсхолдер, а клиент попдётся особо чувстивтельный =)

Было неоднократно. Невозмутимо и спокойно объясняю: это временно и вызвано отсутствием контента со стороны клиента. twitter.com/midler/status/…

22:09

А что касается #MODX, то это очень удобная CMF на всеми ненавистном PHP. Самая килфича (имхо) — handlebars-подобный шаблонизатор. @midler

22:27

Если угодно, #MODX – это как React, а #WordPress тогда будет Angular, #Drupal – как Ember (я не пытаюсь обидеть ваши любимые js-фреймворки).

22:30

По сути, любой чистый статичный HTML-CSS-JS-шаблон является валидным шаблоном для #MODX. Пару строк оживят ФОС. Инвалидация кэша из коробки.

22:34

Плюс ORM на xPDO. В общем, порог вхождения достаточно корректно отсеивает «школоту» и домохозяек, оставляя именно нас с вами, разработчиков.

22:39
@cssunderhood @midler как на нем разрабатывать, если там все в базе хранится?

Не обязательно, настраивается. Но по умолчанию, да, #MODX всё старается сохранить в БД для правильного кэширования. twitter.com/c01nd01r/statu…

22:41

Привет, меня зовут Денис @DenisZavgorodny и верстаю

10:46

Ближайшую неделю я буду с вами. Мне сильно за тридцать, верстать я начал поздно, примерно в 2003, потом хобби вылилось в работу.

10:51
@cssunderhood а чем до этого занимался?

Закончил аспирантуру, защитил диссертацию (не IT тематика), преподавал, а потом вот пошел по наклонной @Koshelenok twitter.com/Koshelenok/sta…

10:59

На этой неделе мы поговорим с вами о скорости работы, сроках, самореализации, тестировании и мониторинге и как жить с php

11:01

Сегодня праздники и начнем мы без напрягов, по традиции. В меня все как обычно: sublime+reload+сервер статики. Но, у нас php. Об этом позже.

11:15

А еще я не использую препроцессоры, хотя, в команде используют. Использую @PostCSS и то в виде autoprefixer. Остальное все в sublime

11:25

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

11:33
@cssunderhood почему? @PostCSS

Почему не использую? Мне нравится писать чистый css и я не хочу программировать на нем, а еще у нас php и боль. twitter.com/akrekotun/stat…

11:40

Кстати, в субботу я планирую посетить IT Weekend #chernowiz Буду рассказывать в тви о происходящем. В этот раз у них тематика frontend

11:56
@cssunderhood о, очередной земляк ведет аккаунт)) Это не может не радовать

Да, о земляках и сообществах в маленьких городах еще зайдет речь twitter.com/nnbpy/status/7…

12:22

Продолжим. Как много времени вы проводите в командной строке? Я, например, не могу использовать Finder, это жутко неудобно для меня.

15:33
@cssunderhood вот пример где сниппет не спасет d.pr/i/1fVFs d.pr/i/1blyd . менять больно @andrey_sitnik @mr_roose

Да, пожалуй, но в моем понимании предназначение снипетов другое. Кстати, а во что превратится этот код? twitter.com/akrekotun/stat…

15:43

а почему нет? мак - это ж не фетиш ) @losewmac

15:51

Я чего заговорил о cli. Мы устраивали как-то #nodeschool и я удивился на сколько сложно людям работать в cli. А люди ИТ-ники студенты.

15:57
@mrmlnc @cssunderhood а код в Ворде пишите?

Не понял, почему в Ворде? @Realetive @mrmlnc twitter.com/Realetive/stat…

16:07

Если вас не пугает cli и запуск чего-то из консоли, ngrok.com. Это я о полезностях. Тунель для вашего локального dev сервера

17:32
@cssunderhood вот пример 2 кнопок d.pr/i/125GY

А что в "базовом" стиле? @akrekotun .buttons который twitter.com/akrekotun/stat…

17:52
@cssunderhood d.pr/i/1ac1k

А в чем выигрыш в скорости? Или это просто удобнее читать? @akrekotun twitter.com/akrekotun/stat…

18:16
@cssunderhood вложенные правила, миксины, циклы, переменные и тд. — берут на себя большую часть рутины верстальщика

Это все общие слова,да. А конкретно, Вот три кнопки,часть правил общие,часть рознятся.Зачем тут это все? @akrekotun twitter.com/akrekotun/stat…

18:25
@cssunderhood это как вместо использования шаблонов, руками вносить изменения в блок на всех страницах

Разве шаблоны не призваны отделить логику от представления? @akrekotun twitter.com/akrekotun/stat…

18:30
@cssunderhood я использую jade для верстки, чтобы облегчить себе жизнь

Да, вынести повторяющиеся куски вроде header и footer на всех страницах. Польза на лицо, если макетов много. twitter.com/akrekotun/stat…

19:07
@cssunderhood а еще миксины для вывода повторяющихся кусков данных d.pr/i/1cIva d.pr/i/1ic6f

лучше сразу с тем, во что оно разворачивается в итоге @akrekotun twitter.com/akrekotun/stat…

19:25

Т.е. в css (sass) еще и часть атрибутов в html заполняет? Или я не правильно понял? @akrekotun

19:37

а, все, сыплю пеплом. Это просто шаблон. @akrekotun

19:38
@cssunderhood @akrekotun почему нельзя использовать @gulpjs , если задача только в выделении файлов, вроде хедера?

gulpjs это же все лишь штука для запуска заданий. Что вы ей будете запускать - это вопрос второй. twitter.com/VladKirbaba/st…

19:54
@cssunderhood я к тому, что есть ли смысл использовать jade, если цель только в выделении файлов?

Мой ответ - нет. В grunt есть grunt-include-replace, например, мне его хватало. @VladKirbaba twitter.com/VladKirbaba/st…

20:00

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

22:14

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

22:16

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

0:04

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

0:05

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

0:07

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

0:08

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

0:10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10:04

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

13:41

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

21:23

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

21:32

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

21:34

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

21:36

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

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

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

21:46

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

21:54

Привет! Меня зовут Исмаил и эту неделю я веду @cssunderhood Надеюсь, со мной будет интересно)

9:15

План такой: понедельник - знакомимся, рассказываю о своей работе, как пришел в верстку итп. Во вторник поболтаем о дизайне и верстке

9:17

Среда - обсуждение ставшего уже распространненным "нестандартного" дизайна сайтов. Пятница у нас будет о рабочей рутине.

9:21

Суббота и воскресенье - свободная тема. Думаю, все остальные интересные вопросы мы так или иначе поднимем и обсудим

9:22

Итак, живу я в Махачкале, работаю дизайнером и верстальщиком в @ColorITru
Верстать начал в 11 классе, а первый заказ выполнил на 3 курсе

9:26

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

9:31

В работе я использую Gulp, Stylus + PostCSS и Jade. Просто потому что это удобно и работает.

9:35

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

9:36

Знаю всего пару верстальщиков, которые активно используют в работе системы сборки и препроцессоры. И одного дизайнера, умеющего верстать

9:39

Но тут очень популярен PHP. Очень. Ruby, Python и Node.js в работе используются точечно и очень редко. Это и удручает и вдохновляет

9:41
@cssunderhood дизайнеры, которые умеют верстать - приближаются к богам!
9:43

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

9:45

И пусть даже это привычные для всех Git, системы сборки и JS-Фреймворки, в локальных масшатабах это прогресс.

9:46

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

9:47
@cssunderhood а что бывает, что руководство говорит не использовать *что-нибудь* ? -_-

Бывает, к сожалению. В одной компании сказали, чтобы я не склеивал и не сжмал библиотеки - программисту так удобнее. twitter.com/talgautb/statu…

9:50

Сейчас наша студия работает с 1C-Битрикс. И впихивать в ЭТО препроцессоры или какие-то фреймворки нет никакого желания

9:53

Мои основные задачи на рабочем месте - это редизайн решений для битрикса, либо добавление в них функционала. Проекты с нуля приходят редко

9:55

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

10:31

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

10:31
@cssunderhood интересно. А можно хотя бы один пример более подробно или ссылку?

marwa.ru - тут дизайнил и верстал. Еще работал над ИС для оформления путевок в хадж - Palmer twitter.com/caustikk/statu…

10:33
@cssunderhood кстати тема такая, скользкая. Все делают вид, будто никогда не верстали\не дизайнили сайтов на тему религии или политики.

Делал и то и то :D Я тот еще засранец. А вообще, неоправданно скользкая, ничего зазорного тут нет. twitter.com/SheVasya/statu…

10:36

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

10:37
@cssunderhood как-то делал фирстиль для протестантской церкви. когда принимали на работу, особенно про него спрашивали. а какая разница-то?)

В общем-то никакой. Разве что радикальным атеистам трудно себя превозмочь и коснуться религии. Прошел через такое twitter.com/jimitori/statu…

10:42
@cssunderhood @SheVasya а на какие вообще делал темы сайты, ну что б прям зашквар?)

Была клиника репродуктивной медицины. Подбирать иконки под "вагинизм" и "колопроктологию" было весело :D twitter.com/nemcik7/status…

10:49
@cssunderhood с поддержкой старых (особенно чужих) проектов - беда,для новых я собрал (собираю) вот такой лисапед github.com/vkryukov76/bit…
10:49
@cssunderhood а сейчас сколько тебе?

23 годика. Универ закончил прошлым летом twitter.com/denishus/statu…

10:50

Не доводилось) У нас таких клиентов не будет еще лет 10 @nemcik7

10:54

Если подвернется такой проект, буду только рад :D @nemcik7

10:58

Я часто читал о практике менторства в IT, но до сих пор не могу найти профи в JS, чтобы учиться. На самообучение требуется много времени

11:01

Большинство "мамонтов" - в PHP и C#, JS тут плавает на уровне "jQuery для SPA"

11:02

За последние несколько лет IT в Дагестане развивается очень даже неплохо. Немаловажную роль в этом сыграло появление @perinnovations

11:07

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

11:11
@cssunderhood тебя не смущает религиозная тематика?

Одно время смущала, потому что я далек от всех этих религий. Сейчас абстрагируюсь и отношусь непредвзято. twitter.com/denishus/statu…

11:13

В местных веб-студиях до сих пор популярны CMS. Битрикс, джумла, InstantCMS и иже с ними. Редко встречается Yii.

11:16

Мне кажется именно поэтому фронтенд не развивается дальше обычной верстки. Потому что его негде применить. Главное - быстро сделать работу

11:18

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

11:19

А использовать, например, реакт или ангуляр приходится только для самообразования, в стол. То же и с node.js. Учить нельзя использовать.

11:21

Бесспорно, для бизнеса - да. Но иногда обидно сидеть в старенькой верстке и смотреть как вокруг все динамично развивается @twenty

11:22

Ну простите) Я тогда на работу свой ноутбук таскал, маки были мечтой @sapegin

11:27

Ахаха :D Ну я ведь их не поддерживаю, просто описываю ситуацию) @iamstarkov

11:34
@cssunderhood фронтенд развивается, только не в твоём пузыре

Да, я говорил только о Дагестане. Именно поэтому сейчас потихоньку развиваю местное фронтенд-сообщество. twitter.com/iamstarkov/sta…

11:35
@cssunderhood а мы как раз планируем запуск подобных курсов, идем к нам?

Екатеринбург и Махачкала как-то далековато друг от друга twitter.com/IT_People_ru/s…

11:41

А как вы взаимодействуете с дизайнерами / программистами / менеджерами во время работы над проектом?

11:43

Пока работал дизайнером, помогало текстовое описание дизайна, как он должен работать и рекомендации верстальщику.

11:43

Без этого практически всегда верстка была далека от дизайна. Зачастую от того, что верстальщики не умели в ФШ

11:44

Когда работал верстальщиком, составлял будущему дизайнеру список требований. Главное из них - группировать слои.

11:46

Попадались макеты вообще без групп и с названиями "прямоугольник 4 copy 10", которые шли даже не по порядку.

11:47

И после этого было блаженством нарисовать для себя макет и самому же его верстать. И тут появлялись программисты...

11:48

Я очень люблю @CodePen и периодически захожу туда за вдохновением и помощью. Иногда делаю что-то свое.

12:21

codepen.io/dead_seagull/ вот мой профиль. Делитесь ссылками на свои или те, которые считаете крутыми

12:22
@cssunderhood а нет подборки профилей с визуальными эффектами?

Ну, визуальные эффекты могут быть разными. Есть подборка паттернов codepen.io/patterns/ twitter.com/f3dorov/status…

12:35

Компания. Переход на скрам от каскада, например, все встретили с одобрением. @iamfrntdv

12:43

А поделитесь работами, за которые вам стыдно. Думаю, у всех есть такие скелеты в шкафу, которым нет места в портфолио.

13:25

Начну с себя. dagpress.com - дизайн меняли три раза. В итоге "креативный" заказчик пришел в офис и руководил, сидя рядом со мной

13:28

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

13:31

К слову, от отказались от такого варианта. youtube.com/watch?v=Aa6taI… Вкусы кавказских бизнесменов - это нечто.

13:32

Теперь понятно, почему все так плохо? :D twitter.com/dbarabashdev/s…

13:37
@cssunderhood во всех студиях где я работал присутствие заказчика во время работы над его сайтом было платным для него)

Проблема нашего менталитета в панибратском отношении всех со всеми. twitter.com/Sigiller/statu…

13:39

Сказать "Да че ты, сделай да по-братски, там же мелочи" - обычное дело. И это срабатывает. До омерзения часто.

13:40

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

13:46

Я не обительный человек, интроверт и мне проще переписываться с коллегами. Когда на мое сообщение мне в ответ звонят, начинается нервный тик

13:47

И даже если позвонили, начинается беседа на 10 минут, будто информативно уложиться в 15 секунд - дурной тон.

13:48

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

13:51
Верстаны, а вы часто используете sass миксины с контентом внутри? Это редкий кейс или только мой? github.com/hudochenkov/po…

Использую stylus, там блоки. На них стоят миксины для вьюпортов бутстрапа twitter.com/fliptheweb/sta…

13:54
@cssunderhood а как при этом сортируешь, когда используешь?

О какой сортировке речь? twitter.com/fliptheweb/sta…

14:00
@cssunderhood странно, что не @WordPress.

Вот да, WP нашими студиями почти не используется twitter.com/GrawlCore/stat…

14:03
@cssunderhood сортировка свойств и миксинов в css-правиле :)

В начале свойства, потом миксины с измененными свойствами. После - postcss-sorting twitter.com/fliptheweb/sta…

14:09
@cssunderhood ну ... не, лучше не буду

Колись давай) Крутым быть легко. twitter.com/ermo4enkov/sta…

15:17

Предлагайте темы или вопросы, о чем хотелось бы поговорить?

15:31
@cssunderhood проф.деформации

Интересная тема. Кто сталкивался с этим? Я иногда непроизвольно начинаю "считывать" css стили предметов вокруг twitter.com/ermo4enkov/sta…

15:39
@cssunderhood а я из-за постоянного сидения в компе перестал играть в игры. Это ведь 0 и 1...Много 0 и 1

Очень знакомо. Тоже давно не играл в игры. Думаю не над игрой, а над ее механизмами. twitter.com/ermo4enkov/sta…

15:44

Вру, на днях подсел на MAME, прошел битемап Сейлормун, подсел на рпг "Illusion of gaia" для SNES. Но все - эмуляторы. Тут больше ностальгия.

15:46
@cssunderhood я на всех сайтах непроизвольно замечаю ошибки верстки. даже в гугле, ютубе, твитере.
15:48
@cssunderhood вот шутер, это что? Тупо бегаешь по заранее прописанному лабиринту и типа стреляешь по заранее описанным юнитам. Печаааль(

Так-то сейчас рандом почти везде. Но да, соник теперь не соник, а набор спрайтов с баундинг-боксом. twitter.com/ermo4enkov/sta…

15:57
@cssunderhood даже собираясь сделать покупку в обычном магазине думаешь "нет, что-то я не хочу к ним идти - сайт у них говно"
16:02

А у кого из верстальщиков есть бэкграунд в геймдеве? Не обязательно коммерческом. Как начали, почему бросили?

16:08

Я на первом курсе игрался с конструкторами Game Maker и Scirra Construct, зависал на GCUP. Сделал несколько небольших игрушек и успокоился

16:09

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

16:10

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

16:11
@cssunderhood геймдев, конечно, очень интересен, но он и сложнее порядком, чем вебдев. в плане разработки продукта в целом, в первую очередь
16:15
@cssunderhood вообще надо быть очень упёртым и упоротым по этой теме, чтобы в соло делать сколько-нибудь приличные игры

Как, например, @konjak с его #iconoclasts twitter.com/Sigiller/statu…

16:16

Фронтендеров, желающих в геймдев, может привлечь Unity3D с javascript

16:19
@cssunderhood наверное, хотя я не знаю ни про одного ни про другое)

Ну, парень соло пилит игру уже почти 4 года и все ресурсы создает сам twitter.com/Sigiller/statu…

16:20

Пример упорности и упоротости

16:20
@cssunderhood не в том плане, что он плохой, а просто настолько отличается, что сильно плюсов знание js не даёт

Есть еще новый @SuperpowersDev c TypeScript twitter.com/Sigiller/statu…

16:23
17-й выпуск «Веб-стандартов»: семантика, CSS новичкам, Git-клиенты, JS-модули, Google I/O — soundcloud.com/web-standards/… pic.twitter.com/9AtwxTtYMH
16:42
Иногда хочется отписаться от всех андерхудов — зашел вечером, лента вся забита. Интересно, когда они работают?

2 минуты твитов, 15 минут работы) cherry-pomodoro twitter.com/gladkih_m/stat…

16:43

Вспомнил про одну штуку, которую делал 4fun
Попробуйте расшифровать pic.twitter.com/n2Sf0nJ3oZ

16:52

А поиграться с этим можно тут
codepen.io/dead_seagull/p…

17:02
@cssunderhood Flash игра считается? ) честно говоря, 3D и геймдев дико интересен, может когда-нибудь уйду туда

Конечно считается) Я с флешем подружился только на уровне анимированных баннеров twitter.com/meuwka/status/…

18:54
@cssunderhood разок участвовал в game jam. Затащили с индюшатиной grawl.ru/geom/
18:54
@cssunderhood нечто подобное и со мной сейчас происходит, хирургия) “На этой иконки не видно диафрагмы…”
18:58

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

21:27

Всем привет из Казани! Меня зовут Илья @Gorenburg и я проведу эту неделю за главного в @cssunderhood.

14:26

1) Работаю верстальщиком в компаниях @DroidLabs и @Planiro. Большое интервью со мной публиковало Казанское издание БизнесОнлайн...

14:27

2) ...В нем вы найдете информацию обо мне и то, чем занимаются наши компании: business-gazeta.ru/article/136872 Буду рад ответить на все ваши вопросы!

14:27

1) План недели таков: совсем чуть-чуть времени уделим всяким фреймворкам, библиотекам и коду...

14:28

2) Хотелось бы поговорить больше с вами о повседневных вещах и услышать ваше мнение на темы непосредственно связанные с ИТ и с нашей работой

14:29

Сегодня вечером я бы хотел поговорить с вами на тему прокрастинации. Онлайн после 8 вечера по МСК. Что это такое: ru.wikipedia.org/wiki/%D0%9F%D1…

14:29
@cssunderhood @Gorenburg Дядя, привет!

Привет-привет! twitter.com/Romanshirokov/…

14:32

Пожалуй, можно начинать! Есть у вас проблемы с прокрастинацией? Как вы пытаетесь с ней справляться?

19:48

Я думаю, что я все же ей страдаю и мотивирую себя, ставлю больше и больше целей перед собой чтобы не было времени на отвлечения

19:50
@cssunderhood Возьму на заметку
19:54
@cssunderhood вот это время, пока ты обдумываешь кучу новых целей и анализирование - это и есть прокрастинация.

Ну, я бы сказал что не совсем. Если не ставить цели, то отвлекаешься еще больше - ведь столько всего интересного! twitter.com/SheVasya/statu…

19:56
@cssunderhood Проблемы есть, нашел решение в pomodoro.. 25 минут на задачу, и не важно закончу я ее или нет

Сколько в день удается закрыть? twitter.com/forwardomg/sta…

19:57
@forwardomg @cssunderhood что за жесть? Вам так комфортно? Я пробовал помодоро, отвлекает очень перерывами. Уже если сосредоточился -работай

Очень долго себя приучал к Pomodoro. Так и не смог. Вот честно. Оно еще очень надоедает напоминаниями :) twitter.com/iam_yev/status…

20:02
@cssunderhood Помидоров? 5-8 получается, но все индивидуально.. пользуюсь лишь в том случае когда задачей ну уж совсем заниматься не хочется

Маловато за день :) Больше не получилось? twitter.com/forwardomg/sta…

20:14
Pomodoro не помогает?) @cssunderhood twitter.com/cssunderhood/s…

Не всегда. По мне так он больше напоминаниями и уведомлениями раздражает :) twitter.com/rubyunderhood/…

20:15
@cssunderhood За счет того что долго работал на upwork/odesk - перепробовал кучу time tracker софта. Мой выбор - rescuetime.com

А зачем вам отдельно трекеры времени, если можно отдельно помидорину поставить и использовать их софт для трека? twitter.com/iam_yev/status…

20:16
@cssunderhood Как правило такие задачи не горят, но делать их следует, пары часов в день мне вполне хватает на них.

Тогда очень даже хорошо! Раз рутинные работы идут с помидоро, а остальное без него - все отлично! twitter.com/forwardomg/sta…

20:19
Наконец то в @cssunderhood заглянул Илья @Gorenburg!

Ну, обещал же :) twitter.com/Bizi/status/73…

20:23

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

20:27

-ничего не делай, оставайся в жопе.
-не самый лучший выход
-лучший, не лучший — действенный.
/via @gladkih_m

20:37
@cssunderhood, как называется проблема, обратная прокрастинации?

Состояние потока? ru.wikipedia.org/wiki/Поток_(пс… twitter.com/Bizi/status/73…

20:45
@cssunderhood проблемы с ней возникают, когда задачи неинтересные или когда сроки никак не выставлены (типа сделаешь, когда сделаешь)

В точку! twitter.com/Sigiller/statu…

20:46
@cssunderhood борюсь с ней путём изобретения интересного способа решения задачи. Типа использования чего-то нового. В обоих случаях помогает

Хороший вариант, но не всегда получается, к сожалению. Возьму на заметку! twitter.com/Sigiller/statu…

20:47
@cssunderhood а по сколько ставил работа/перерыв? У меня прижилось 45/15. Не надоедает и рутинные дела можно поделать в перерыве.

25 минут работы, 5 минут отдыха. Через 3 помидоры 15 минут отдыха twitter.com/kirillmadorin/…

20:47
@cssunderhood когда не получается притащить что-то новое, можно наоборот рыть вглубь и делать вещи на которые обычно было жалко времени
20:53
@cssunderhood ну а когда я в борьбе с прокрастинацией впадаю в отчаяние и совсем ничего не хочется делать, тогда я уже использую помидоры
20:53
@cssunderhood наличие жызни кроме работы очень помогает.Тогда всегда нужно успевать все сделать за рабочее время,потому что больше некогда

Вот живешь этой жизнью, все гуд! А приходишь в офис и все, упадок сил и желания что-либо делать twitter.com/chorna_kiwka/s…

20:57
@cssunderhood, тебе 25 минут помидорки хватает? Я 50 использую, иначе не выходит вникнуть в задачу

Честно - всегда хватало, но вот напоминания и уведомления... Попробую увеличить таймер twitter.com/Bizi/status/73…

21:02
@cssunderhood как верстать одинаковые сайты изо дня в день и не сойти с ума?! А вы говорите прокрастинация...

Нужно добавить разнообразия в их дизайн и структуру :) twitter.com/ardshock/statu…

21:16
@cssunderhood тогда любые подвиды ментальных уловок по деструктуризации задач, если любишь свою работу, и увольняться, если не любишь

Любишь вот свою, работу. Работаешь. Но не все задачи интересные :) twitter.com/chorna_kiwka/s…

21:20
@cssunderhood почасовая оплата, как оказалось, очень неплохо в этом помогает)

Это верно twitter.com/s0nly/status/7…

22:04

Всем привет! На это неделе с вами @midler, верстальщик в @Molinos_Ru

12:18

На это неделе я подготовил некоторое количество вопросов и дам некоторое количество ответов =)

12:20

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

12:23

Сам я использую хром Хром, Саблайм и Zenburn. Дальше я затрону эту тему, но в другом ракурсе.

13:18
@cssunderhood Вопрос для теоретиков: что делать когда стоишь перед багом в верстке и не знаешь почему так? Какие методы?

Упрощаем код, удаляем не нужные элементы, тестим в других браузерах, читаем спеки. Постепенно отсекаем лишнее. twitter.com/Copypasting/st…

13:24
@cssunderhood Вопрос для теоретиков: что делать когда стоишь перед багом в верстке и не знаешь почему так? Какие методы?

А вообще поищи как поймать льва(баг) в пустыне(код) =) twitter.com/Copypasting/st…

13:26
После двух недель такого проёба спрашиваем совета у коллег и за 10 минут решаем проблему. twitter.com/cssunderhood/s…
13:28

Расскажу немного кто я.
Учился верстать по "Большой книге css" Девида Макфарленда. Читал её около года, в неспешном режиме.

13:48

Уволившись с работы(инженер) подумал "а почему бы не пойти в вёрстку?"

13:48

В резюме написал что опыта нет, но есть желание. Устроился в компанию где мы делали сайты на потоке(визиточки за 3999 и пр.).
@cssunderhood

13:51

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

13:54

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

13:55

В итоге почти год работаю в Питерской студии Molinos @cssunderhood

13:55

Так же я почти два года являюсь наставником в @htmlacademy_ru. Если интересно то могу о наставничестве в академии @cssunderhood

13:56

Был инженером электросвязи, делал связь между электросчётчиками @c01nd01r @cssunderhood

13:59

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

14:00
@cssunderhood @Copypasting где-то вылез контейнер за viewport. Когда уже отчаился и не понимаешь, что и где - display:none. Поочереди)))
14:00

А когда вы поняли что "верстать это моё", и что чувствовали при этом?

14:03

Я свои первые сайты сделал в 2005 году (2 штуки), но потом начался универ и было не до этого.

15:13

А когда читал Макфарленда, появилось волшебство, когда от одной строчки меняется всё.Я называю это "магия на кончиках пальцев" @cssunderhood

15:15

Под закат рабочего дня давайте поговорим о хранении информации.

19:43

Я складывал всё в разные сервисы. В итоге накопилась пара тысяч с задержками в год. И стало понятно что я делаю что-то не то @cssunderhood

19:43

Но не прочитанная статья остаётся не прочитанной. Каждое не посмотренное видео не станет лучше от того что лежит в закладках @cssunderhood

19:44

В итоге я отписался от всех пабликов и всех рассылок. Читаю только @webstandards_ru и подборку на хабре от @frontender_ua @cssunderhood

19:45

А вы продолжаете закатывать видео в банки и засушивать гроздья ссылок? @cssunderhood

19:45
@cssunderhood ноуп. скачиваю и смотрю.
20:00
@cssunderhood видео смотрю на скорости 2х, если что то интересное, ссылки стараюсь каждый день разгребать накопившиеся, в основном статьи
20:00
@cssunderhood О да, все через это проходили. В итоге, заставляешь себя и читаешь самое интересное. Read It Later = Read It Never.
20:00
@cssunderhood открываю вкладки в мобильной мозилле. Когда накапливается больше 30 начинает тупить, вылетать и садить аккум.
21:08

Всем привет, технически уже понедельник по Мск, так что я, пожалуй, начну. Меня зовут Иван Метелёв, я один из верстальщиков веб-версии ok.ru

0:58

До «Одноклассников» работал в одном из лучших питерских диджитал-агенств, а до этого делал с нуля отдел верстки в малоизвестной студии

1:02

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

1:04
@cssunderhood и как вам живётся верстая такой уёбищный дизайн?

Тут сразу ожидаемый вопрос из зала. Короткий ответ — хорошо. Подробный ответ — ближе к концу недели twitter.com/mikeBazhenov/s…

11:51

На самом деле тут уже был @mishcherin с каким-то рассказом о внутренней кухне и процессах ok.ru, так что постараюсь не повторять эту тему

11:57

Давайте к делу, что ли. Расскажите, какие самые неожиданные проблемы по производительности вы ловили на проектах? Мы тут только про css, да

12:01
@cssunderhood float: left в firefox вызывает relayout до ближайшего родителя с position: relative. А у тебя keypress в contenteditable
12:03

Что, никто никогда не клал оверлей с filter: blur поверх играющего видео? Никто не страдал от тормозов :hover в старых ie?

12:29
@cssunderhood на одном из проектов полный отказ от анимаций хорошо сказался на производительности и не ухудшил ui. Особенно на моб. адаптиве
12:33

Вообще вот вам свежий хороший доклад от @xanf_ua. youtu.be/JIkWFrHL0xo . Там и про причины просадок, и про нюансы отладки

12:36
@cssunderhood однажды ловил крэш мобильного Сафари (на iPad mini 1) из-за флексбокса для основного каркаса страницы (без него не крэшилось).
12:54

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

13:03

Первый раз я увидел реальную проблему/целенаправленную оптимизацию, когда пришел в ok и увидел там асинхронную систему бандлов. Это был 2013

13:12
@cssunderhood В Опере (кажется, 9) тормозило динамическое переключение анкеты на форму. Потом они ускорили DOM, мы открыли БЭМ, стало лучше.
13:13

Здесь есть люди, которые _в силу необходимости_ применяли critical path, отложенную подгрузку? Есть те, кто от этого всего потом отказались?

13:15
@cssunderhood с ховером где-то был хороший совет: указывать имя тега, например a.link:hover, вроде помогало в IE7.
13:16
@cssunderhood Что есть отложенная подгрузка? Любой lazy loading?

Подразумевается подгрузка css. Например, при ajax-навигации на раздел [как в vk] twitter.com/webholt/status…

13:19
@cssunderhood Непонятно, что за проблема и в чём оптимизация.

Проблему формулировали так: есть 1 мегабайт стилей, блокирующих рендер, ну и наверное лучше как-то их параллелить
twitter.com/ruGreLI/status…

13:20

Я на всякий случай отмечу, что оценку объема css я даю после минификации и до gzip, потому что скорее не про сеть, а про парсинг

13:37

Зачем столько стилей — отдельный разговор. Отчасти это вызвано спецификой дизайна ok. Отчасти — спецификой a/b, которого у нас всегда много

13:40
@cssunderhood да, применял оба, не отказался.
13:40

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

13:47

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

13:50

@cssunderhood да, мы выигрывали, параллеля загрузку/отрисовку, но проигрывали на отложенном reflow/repaint и суммарно выходили в ноль

13:52

В ok загоняются на тему оптимизаций перерисовок страницы. Год-два назад мы делали анимированные полноэкранные заставки на логин-странице,

14:09

@cssunderhood мы делали их _нормально_ — без reflow и без repaint. То есть не так, как было у твиттера, например. Кстати, как такое сделать?

14:12

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

14:45

У нас есть специальные «медленные» машины, чтобы моделировать пессимистичные сценарии отрисовки у юзера, но даже им нельзя верить полностью

14:48

Для того, чтобы ваш пользователь не страдал, делайте фоллбэк на статичную версию без анимаций в случае, если средний fps на клиенте ниже N

14:50

Средний fps меряется за заданный промежуток времени, N задается экспериментально, так что стоит озаботиться рубильниками и графиками заранее

14:51

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

14:54

Одна из мерзотнейших вещей, которая может испортить вам производительность — скролл. Я не имею ввиду разговоры про throttle, речь о html+css

15:08

Кто-то вспомнит статью «60fps scrolling using pointer-events: none» thecssninja.com/css/pointer-ev… — применяем, но проблема не только в ховерах

15:12

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

15:14
@cssunderhood ещё resize события негативно влияют на производительность.
15:14

Постулирую: при сочетании анимации и скролла неплохо подумать о фризе оной. Подобное на мобилках — из коробки, но полезно не только там

15:18

Отчего подумать, а не сразу делать: бывают скачки нагрузки на CPU, если анимация выполняется на композитном слое. Проверял в Chrome + FF

15:20

Прервусь на пару часов, чтобы вернуться к вам с примерами последней нашей анимационной боли, а вы пока посмотрите котиков на @catunderhood

15:23
@cssunderhood Я как-то пробовал делать прогрессивную асинхронную загрузку всего. Оно работало, но выглядело иногда фрустрирующе.
17:19

Сейчас будет продолжение про css-анимации и производительность на примере реальной проблемы, решение которой, сразу говорю, мне не известно

17:24

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

17:26

Тестовый стенд, который даст вам представление о происходящем. Осторожно, трафик, cpu load, анимашки, desktop-only welovehtml.ru:9000/sandbox/anim-e…

17:29

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

17:31

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

17:34

Это работает, если изображений немного. Нагрузка на cpu падает, температура, энергопотребление — тоже. Однако «немного» зависит от клиента

17:36

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

17:38

При этом вне зависимости от кол-ва изображений нагрузка на cpu при скролле растет. Вроде бы простой вывод — останавливать анимацию на скролл

17:41

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

17:43
@cssunderhood попробуй расположить кадры в спрайте вертикально, это должно снизить нагрузку на кеш процессора и ввод/вывод из памяти.
17:45

Какую-то роль при анимациях такого вида, видимо, играет размер спрайта — его декодирование. Однако выигрыш при сокращении в два раза невелик

17:47

Также я проверял гипотезу о том, что при выносе на композитный слой «не хватает видеопамяти». Видимо, она некорректна — iStat не подтвердил

17:49

Не удалось подобрать хороших инструментов для диагностики. FF валился при попытке профайлинга. IE не очень понятно объяснял происходящее

17:53

Обычно не очень просто найти тестовую базу. Желающим поэкспериментировать с анимашками я подготовил архив на 200mb welovehtml.ru:9000/sandbox/anim-e…

17:55

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

17:58
@cssunderhood А пробовал сделать, чтоб изображений было немного? Взять окно в две высоты браузера и вне его пределов картинки убирать.

Пробовал, вьюпорт вроде бы значимой роли не играет. С другой стороны, такой сценарий недостаточно пессимистичен twitter.com/webholt/status…

18:00

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

18:02
@cssunderhood Прям вообще картинки убирались? Из DOM долой? Откуда ж тогда нагрузка, если она при большом количестве всплывает?

Проблема в том, что неясно, что такое «большое количество». У меня на mpb оно одно, а у кого-то в деревне — другое twitter.com/webholt/status…

18:06

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

18:18

У меня была проблема с устранением перерисовки при анимации opacity кейфреймами. Помогла изоляция родителя translateZ + will-change

18:22

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

18:24

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

18:29

В одном из последних FF под виндой на тестовых «слабых» машинах недавно словили странные баги с отрисовкой контейнера с svg-маской. Откатили

18:32

Не припомню больше свежих интересных кейсов по производительности css. Отмечу, что средний собеседуемый вообще не очень владеет этой темой

18:50

Сегодня готов поотвечать на какие-нибудь ваши вопросы по ok, завтра будем говорить о рефакторинге

18:51
@cssunderhood critical path нет, а вот отложенные загрузки картинок, видео и прочих больших штук -да.
21:05
@cssunderhood Есть классы кирпичи общего назначения? Возможно есть сниппет для общих обьектных названий? Или в каждом проекте всё поновому

Есть реиспользуемые между приложениями ok компоненты, состоящие из шаблона, java-файла, биндящего данные и стилей twitter.com/dagoeos/status…

21:12

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

21:14

Отлично! Маленький персональный отпуск аккаунта окончен и мы снова live.

20:49

Привет. На этой неделе с вами разработчик интерфейсов из Екатеринбурга @evilj0e.

20:50

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

20:52

Такой роадмап недели я наметил:
Работа → Релокейшн → Обучение → Тексты и блоги → Вдохновение → и в конце недели накидаю на вентилятор.

20:55

Разница с Мск у меня +2 часа, так что буду писать утром, пока все спят, а отвечать на реплаи буду примерно в то время, когда все едут домой.

20:58

Тема на сегодня: «Работа»

21:00

Сразу начну с опроса.
Где вы работаете?

21:06

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

21:11

Сейчас я работаю в Яндексе, и понятно, что всё технологично и круто, хотя бывает ощущение того, что винтик в громадном болиде прогресса :D

21:17
@cssunderhood а что для тех кто в некрупных и несовсем корпорациях? )))

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

21:22

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

21:23
@cssunderhood пилю чужой стартап

Отличный вариант, хотя у меня так друг умер. twitter.com/soulmusic/stat…

21:26

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

21:31

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

21:34

Когда я был студентом, конечно же, я фрилансил. Пфф, я даже сейчас иногда занимаюсь фрилансом, хотя работаю в Big Corp.

21:40

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

21:43

Фриланс хорош иллюзией того, что ты свободен, можешь говорить, что ты «один» запилил большой проект (оч важно).

21:46

Но оставлять фриланс единственным источником денег, если у вас недостаточный уровень английского, не стоит.

21:48

Есть ли у вас проекты по фрилансу, которыми вы гордитесь?

21:50
@cssunderhood ну лично мне дома комфортнее работать. В офисе, намного больше на что отвлекаешься

Когда учился в унив, работал из дома, но никогда не получалось чётко разделить работа/дом. Ты с этим не сталкивался? twitter.com/Fabian_Lagrang…

21:52

Плюсы есть, но о минусах забывать тоже не стоит.

21:56

@cssunderhood поиск заказчиков, общение с людьми, утверждение ТЗ, договора, разделение зон для заказчика, приёмка продукта, поддержка...

21:56
@cssunderhood кому как… Для меня это послужило хорошей мотивацией — и к улучшению английского, и к соотношению стоимость/время.

Прав, тут два пути:
1) Прокачиваешь себя и выходишь на новый уровень заказчиков;
2) Просто берёшь больше заказов. twitter.com/Realetive/stat…

21:59

В своё время, я пошёл по второму пути. Ошибка, но мне за неё не стыдно. Я понял, что чем меньше времени, тем больше времени. Парадокс.

22:02

Кстати, ребята-фрилансеры, кто ваши заказчики?

22:04
@cssunderhood Мелочи вроде genn.org, да и я решил больше этим не заниматься — не остаётся времени для своих проектов.
22:08
@sapegin @cssunderhood работая «на дядю» тоже вечно жить не будешь.

Заказчик же тоже «дядя». Где здесь граница? twitter.com/Realetive/stat…

22:17
@Realetive Да и фриланс — тоже работа «на дядю», просто на нескольких ;-) @cssunderhood

Опередил меня, да twitter.com/sapegin/status…

22:18
Кстати, ребята-фрилансеры, кто ваши заказчики?

Можете дать советы ребятам где искать заказчиков из-за границы? twitter.com/cssunderhood/s…

22:20
@cssunderhood раньше elance и odesk, ныне upwork

Вот, кстати, доклад Анатолия Иванова из Openlac про работу с заказчиками из-за границы: youtu.be/MGhp3h5YiPM twitter.com/id2473/status/…

22:25

Применяете ли вы современные технологии, новые фреймворки в своих проектах?

22:28

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

22:32

Какой фрилансер не хочет запилить свой стартап? Я подумал так же и начал пилить ГИС-сервис — сдать диплом и сервис. Комбо.

22:36
@id2473 @cssunderhood где-то в интернетах натыкался на инфу, что Upwork загибается, т. к. не смог предоставить должное качество сервиса.

Stackoverflow уже предоставляет площадку по размещению заказов, кстати. Быть сервисом-посредником — модно. twitter.com/Realetive/stat…

22:39
@cssunderhood это справедливо для любого рынка, не только IT: копирайтеры, дизайнеры, архитекторы. Это проблема не Ф., а закон экономики.

В айти рынок и перечень задач шире. Больше заказов — меньше доверие. twitter.com/Realetive/stat…

22:42
Какой фрилансер не хочет запилить свой стартап? Я подумал так же и начал пилить ГИС-сервис — сдать диплом и сервис. Комбо.

Ребята-стартаперы, какие проекты вы пилили/пилите? Давайте, расскажем о них миру и проверим их на жизнеспособность. twitter.com/cssunderhood/s…

22:45

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

22:47

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

22:49

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

22:54
@cssunderhood фэйл — делал андроид-приложение агрегатор квест-румов (давненько), а потом нашел сайт, где идея была реализована и работала :)

Очень часто так бывает. Нужно проводить крупный анализ до того как что-то начал делать. twitter.com/PMarinchenko/s…

22:57

Недавно прочитал «Доставляя счастье» Тони Шея и это настоящий триллер о том, что даже мелочи стоит учитывать. mann-ivanov-ferber.ru/books/paperboo…

23:00
@cssunderhood со временем открыл для себя Стратегический маркетинг. Там есть баланс планирования и действия. Но не успел толком использовать

Отличный выбор. На этой неделе я ещё обязательно подниму тему бизнес книг. twitter.com/PMarinchenko/s…

23:02
Какой фрилансер не хочет запилить свой стартап? Я подумал так же и начал пилить ГИС-сервис — сдать диплом и сервис. Комбо.

Летом поработал в студии @Sijeko, понял как круто покупать диваны в офис, решил, что бизнес-план должен работать. twitter.com/cssunderhood/s…

23:08
Летом поработал в студии @Sijeko, понял как круто покупать диваны в офис, решил, что бизнес-план должен работать. twitter.com/cssunderhood/s…

Практически без проблем мы прошли тендер в бизнес-инкубаторе в Белгороде и выиграли офис в 50+квадратов. twitter.com/cssunderhood/s…

23:10

Был ли у вас опыт сотрудничества с бизнес-акселераторами/бизнес-инкубаторами? Что вам запомнилось?

23:11

Вариант: "Агентство/Студия". Здесь я побывал и на стороне и исполнителя и нанимателя и есть очень большое отличие от фриланса и стартапа.

23:17

Со стороны работника всё просто: «Хочу волшебные, полезные, технологичные проекты, которыми буду гордиться и, чтобы деньги платили, конечно»

23:20

Со стороны нанимателя: «Поиск проектов, стратегические решения, платить работникам, администрирование и управление, басфактор»

23:23

После успеха в инкубаторе мы создали дизайн-студию devdigital.ru
На небе появились облака.

23:26
После успеха в инкубаторе мы создали дизайн-студию devdigital.ru
На небе появились облака.

Как построить процессы так, чтобы было и технологично и была у всех ЗП и проекты были волшебными? twitter.com/cssunderhood/s…

23:27
@cssunderhood топ-10 специалистов по специальностям. Не компаний,а именно специалистов

Немного не понимаю как это работает. Мониторит гитхаб? twitter.com/Fabian_Lagrang…

23:29
@cssunderhood Выберите два пункта из трёх. И откажитесь от них.
23:29

Дело было 3 года назад и было решено остановиться на минимализме в интерфейсах, сделать большой уау-эффект от сайта. Такого вообще не было.

23:32

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

23:34

Работать на себя очень интересно и захватывающе: пишешь классные проекты, статьи в блог, утилиты − выкладываешь.

23:37

Есть здесь те, кто вкладывается в опенсорс и верит, что это необходимо? Какие ваши последние репозитории?

23:38
@cssunderhood Только денег нет.

Смотря с кем сотрудничаешь, какие и как пишешь проекты. На начальном этапе, конечно, ты на дне − это нормально. twitter.com/webholt/status…

23:39
@cssunderhood топ-10 специалистов по специальностям. Не компаний,а именно специалистов
23:41

Остаётся и увеличивается проблема оптимизации процессов, поиска клиентов и прочее, но и цели больше.

23:45

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

23:47
Большая часть тех, кто ответил в опросе, как я говорил, работают в студиях. Какие моменты в работе вы бы изменили?

Моё лично мнение, наибольшая проблема – это технологическое отставание. В студии ты выступаешь в качестве ниндзи. twitter.com/cssunderhood/s…

23:50

Мне не хватало технологичности и я оставил студию очень хорошим ребятам и ушёл в Яндекс.

23:55

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

23:56
@cssunderhood студия это просто конвеер. Где все делается на одних и тех же технологиях

Очень зависит от продукта: простой сайт-визитка или же это spa-конфигуратор серверов. twitter.com/Fabian_Lagrang…

23:58

Всё, ребята, закругляюсь.
С вами был Антон Конев @evilj0e, разработчик интерфейсов из Я. Пишу обо всём, подписывайтесь.

7:06

Пишите красивый код и делайте веб удобнее.
Удачи!

7:07

Раз раз, приём, тут вообще кто-нибудь жив?

9:35

Кто-то есть. Всем Привет! На этой неделе с вами Сергей Попов. Фронтенд разработчик из компании Setka.io

9:48

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

9:49

Я выступал на этих выходных на конференции @webstandards_ru где говорил о молодых специалистах, потом все выходные топил на эту тему на FB

9:51

Теперь вот твиттер. Действуем по принципу одного человека много не бывает

9:53
@cssunderhood мы то живы, а аккаунт не очень :(

То что аккаунт не очень жив это наша вина :) но мы постараемся в ближайшее время что-то исправить, разумеется. twitter.com/mpodanev/statu…

10:02
@cssunderhood @webstandards_ru Как ты думаешь? Нужно ли ночевкам уделять свое внимание на конференции, или пользы для новичков мало в этом.

В смысле нужно ли давать выступать новичкам на конференциях, или нужно ли новичкам ходить на конференции? twitter.com/koderhan/statu…

10:03

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

10:05

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

10:05

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

10:06

Ну и естественно поговорим о технологиях, похоливарим и так далее.

10:07
@cssunderhood о менторстве тоже хорошо отдельно поговорить. Что за зверь, зачем, кому надо, какой профит и т.д.

Поговорим вообще обо всём для новичков. twitter.com/ABatickaya/sta…

10:07

Ну и в процессе поговорим о канале, что дальше с ним будет, нужен ли он, есть ли спрос и предложение и попробуем вместе его оживить.

10:10

Давайте для затравочки, для тех кто ещё не видел мой доклад и кто не знает какой в нём посыл

youtube.com/watch?v=bEWLTQ…

10:11

А для тех кто сидит на работе и не может посмотреть – текстовый вариант выступления goo.gl/6jq3b9

10:12
@cssunderhood нужно ли новичкам ходить на конференции?

Нужно, обязательно twitter.com/koderhan/statu…

10:13
@cssunderhood @koderhan а я подумал о внимании к новичкам в выступлениях

Да, как раз о внимании к ним twitter.com/GrawlCore/stat…

10:13

Я пока пойду поработаю pic.twitter.com/L6VAgxOr4E

10:14
@cssunderhood @SelenIT2 Ещё рано, все спят.

Сейчас проснуться. Просыпаемся! twitter.com/ruGreLI/status…

10:43
@cssunderhood @koderhan более того, именно новичкам на них и нужно ходить. Опытные и сами могут разобраться.

Опытные тоже нудны, чтобы не терять сообщество и помогать новичкам twitter.com/alexey_m_ukolo…

10:43
@cssunderhood ура, знакомые лица!

а я вот что-то со спины не узнаю 🙄 twitter.com/redhead_jules/…

10:44
@cssunderhood у меня был вопрос о доверии к ментору.) В перерыве.

ага, идентифицировано :) twitter.com/redhead_jules/…

10:55

ну что, кто был на #wstdays в Москве в эти выходные?

10:57
Выпуск №53: Safari, Chrome и Firefox, HTTPS, клиарфикс, CSS-импорты, история JS и @shura_sparrow про фронт Сбертеха… twitter.com/i/web/status/8…

Вот ещё утренние новости подкатили twitter.com/webstandards_r…

11:05

Больше 40 процентов было на #wstdays. И каково ваше впечатление?

11:22
Список статей, которые мотивируют вас стать докладчиком и делиться опытом с другими. @cssunderhoodtwitter.com/i/web/status/8…
11:35
@cssunderhood впервые была на конференции по фронтенду; откуда-то было странное ощущение, что все люди вокруг - свои, и чуть ли не семья.)
11:45
@cssunderhood лично мне бы хотелось большего количества докладов. Либо разбитых на два дня, либо читающихся параллельно в нескольких залах.

Я думаю конференция будет развиваться twitter.com/redhead_jules/…

11:47
@redhead_jules @cssunderhood О, это прекрасное чувство! Я выбираюсь из дома только ради этого ощущения единения и комфорта в толпе =)
12:01
@ABatickaya @cssunderhood значит, надо чаще встречаться и выбираться =)

В Москве возможно скоро будет возможность собираться чаще twitter.com/redhead_jules/…

12:04

Давайте поговорим всё таки о новичках. Тут наверняка есть новички, которые уже где-то работают. Расскажите, в вашей компании берут новичков?

12:05

А если вы сам компания или не новичок, нов компании, тот же вопрос, у вас берут на работу джунов, на вырост?

12:06
Я хочу поговорить о наших младших товарищах, расшифровка открывающего доклада Сергея Попова с WSD в Москве —… twitter.com/i/web/status/8…

О! twitter.com/webstandards_r…

12:08
@cssunderhood да. Но у нас вообще очень мало не-джунов, а работу делать надо.

А что у вас за компания, и чем джуны у вас занимаются? twitter.com/Di_Ed_Seagull/…

12:10
@cssunderhood да, потому что фронтов люто не хватает

А что за компания, и чем джуны в ней занимаются? twitter.com/Sigiller/statu…

12:10
@cssunderhood Берут, а но они не растут :-£

А в чём причина, как думаешь? twitter.com/sapegin/status…

12:12
@cssunderhood мы – молодая студия – берём, конечно, куда деваться. обучаем по совместительству. у нас уютно вообще)

А по подробнее?) что за компания и чем занимаются джуны? twitter.com/GrawlCore/stat…

12:12
@cssunderhood иногда несколько делали одну и ту же задачу одновременно. Как университетская практика. Талантливые оставались.

битва за работу twitter.com/Di_Ed_Seagull/…

12:13
@cssunderhood Им не интересно программирование. Как минимум двум из трёх. Но место нагретое и прибыльное.

А что за место? Можно в личку twitter.com/sapegin/status…

12:13
@cssunderhood feip.co
сайты, веб-приложения, маркетинг, реклама, события. джуны у меня начинают с WP.

А напиши в личку мне @sergeytovarov twitter.com/GrawlCore/stat…

12:15

Что неужели только 4 компании берут себе новичиков? Остальные стестняются? :) или всё так плохо?
Можно мне в личку писать если что)

12:29
А если вы сам компания или не новичок, нов компании, тот же вопрос, у вас берут на работу джунов, на вырост?

А напишите мне в личку twitter.com/cssunderhood/s…

12:35
@cssunderhood берём, много лет уже такая практика. В целом результат не очень - растут далеко не все, а деньги тратятся. Но есть и хорошие.

А есть позитивные практики у кого-нибудь? twitter.com/alexey_m_ukolo…

12:36
@cssunderhood нашел пасхалку на вашем сайте 0/ pic.twitter.com/xpdyVEJDiA

там должна быть другая последовательность цифр, на сколько мне известно twitter.com/satan_tx/statu…

12:37
@cssunderhood сейчас компании хотят только сиюминутной прибыли, поэтому ищут сеньоров, а что будет потом, лет через 5-10, никого не волнует

Большинство, но не все, я верю twitter.com/zhyvebelarus/s…

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

Вот об этом я как раз говорил twitter.com/alexey_m_ukolo…

12:41
@cssunderhood согласен, не все, но тенденция, на мой взгляд, очевидна

Наш веб, нам менять тенденции! twitter.com/zhyvebelarus/s…

12:42
@cssunderhood главное - джунам прорваться в компании, чтобы поменять тенденции)

революция! twitter.com/zhyvebelarus/s…

12:52
@cssunderhood В Яндекс берут стажеров. Не знаю, можно ли считать их новичками.

Про ребят из @yandex мы в курсе, мы ищем вообще всех :) twitter.com/basilred/statu…

12:59
@cssunderhood редактор то свой когда покажите?

Дак он уже работает давно ru.setka.io/editor/ twitter.com/reaverart/stat…

13:28

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

13:30

Наверное стоит сказать, что после этого доклада лёд тронулся и сообщество зашевелилось.

13:30

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

13:31

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

13:32

у нас нет обходов лицензии, мы за все шрифты платим абонентку

13:48

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

Доброго дня коллеги.

13:36
@cssunderhood @ABatickaya а в чем беда bootstrap'а?

Конкретно беда самого бутстрапа в том, что его используют везде и в 90 процентах случаев не по назначению. twitter.com/make_me_loco/s…

13:38
@cssunderhood а что за скринкасты?

Обычные скринкасты с вёрсткой вживую, разбором сложных техник и моментов которые могут встретиться в рамках курса. twitter.com/Lik04ka/status…

13:40
@sapegin @cssunderhood мне интересно было спросить у коллеги. Я запрещаю студентам пользовать буцтрап на курсе =)

на курсе в принципе никто этим не должен пользоваться. twitter.com/ABatickaya/sta…

13:41
@cssunderhood человек-рефакторинг!
13:41
@cssunderhood я в @PostHTML продвигал эту идею, уже можно extend

Вот, кстати, очень интересный инструмент @PostHTML, который стоит у меня в очереди на практическое применение. twitter.com/GrawlCore/stat…

13:43
@cssunderhood что такое Handlebars?

ну вот handlebarsjs.com twitter.com/nemcik7/status…

13:44
@cssunderhood @ABatickaya не по назначению, например? Сложно представить, я не троллю, честно.

Интернет магазины, промосайты, лендинги twitter.com/make_me_loco/s…

13:48
@cssunderhood Новый человек всегда внедрит что-то полезное, исправит забытое и допилит то, на что у других нет времени.
13:49

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

13:52

Ради интереса опрос. Где вы работаете?

13:53
@cssunderhood зависит всё как студию позиционировать, какие люди в ней работают и к каким целям стремится.

Меня волнуют в основном студии, которые нацелены только на получение денег. twitter.com/PollyGlot/stat…

14:12
@cssunderhood А что ты имеешь в виду под качеством? Недавно ушла из студии т.к там внешняя составляющая сайта была важнее, чем уровень кода

Вот когда снаружи сайт выглядит нормально, но при этом в код страшно смотреть, это не качество. twitter.com/ierhyna/status…

14:13
@cssunderhood а как быть с большинством вакансий, где требуется знание бутстрапа? Научиться им пользоваться, но не использовать?

Если в этой студии на потоке стоят сайты, которые собираются на бутстрапе, то я бы даже не рассматривал такую студию twitter.com/katealf/status…

14:15
@cssunderhood есть бизнес не ориентированный на получение денег?

Можно делать качественные и хорошие сайты и получать деньги. А можно ориентироваться только на получение денег. twitter.com/dcromster/stat…

14:16
@cssunderhood есть бизнес не ориентированный на получение денег?

При этом наплевав на качество производимого продукта, развитие сотрудников и отрасли в целом. twitter.com/dcromster/stat…

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

Вот из-за таких суждений мы тут и разговариваем на эту тему. twitter.com/dcromster/stat…

14:17
@cssunderhood а еще есть студии, где на потоке bitrix, покупают готовые решения, впаривают как собственная разработка. профит

Это точно не похоже на путь развития отрасли. twitter.com/kalyawe4ka/sta…

14:19
@cssunderhood думаю, что это просто этапы развития типичной студии: сначала производство лишь бы сделать и заработать, потом уже оптимизация

большинство студий остаётся на первом этапе. twitter.com/imerofeev/stat…

14:36
@cssunderhood я считаю, что качество должно быть на первом месте. Даже если работать за безплатно, UX/UI всегда должны быть в приоритете

За бесплатно никто не работает, смысл в том, что качество так же важно как и получение прибыли twitter.com/PollyGlot/stat…

14:37
@cssunderhood ну да, срубить денег по быстрому, никогда не было похоже на путь развития чего-либо
14:39
@dcromster @cssunderhood я думаю мысль в том, что качество также важно как и деньги

Бинго! twitter.com/iamstarkov/sta…

14:39
@cssunderhood а в чем суть разговора? Кого-то переубедить или просто констатировать факты?

Не думаю что возможно кого то переубедить, возможно найти сочувствующих и кого-то переубедить. twitter.com/zhlznv/status/…

14:39
@cssunderhood @make_me_loco @ABatickaya зачем он существует вообще?

Бутстрап - инструмент для быстрого прототипирования интерфейсов. ВОт для чего он нужен. twitter.com/ardshock/statu…

14:40
@cssunderhood если выключать то, что не используешь + использовать его в админках, то ничего страшного.

Да ещё можно для создания админок, где нет чёткого дизайна, но нужно набросать интерфейс. twitter.com/smithua/status…

14:44

Собственно вся эта проблема со студиями волнует меня как раз из-за того, что в такие студии чаще всего попадают молодые специалисты.

14:47

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

14:48
@cssunderhood если человек перестает развиватся значит ему и так норм. он достиг цели)))

Вернёмся ко вчерашнему – разработчик который перестал развиваться – мёртвый разработчик. twitter.com/trolizmaslom/s…

14:52
@cssunderhood ну-ну. Я знаю много разработчиков даже во фронтенде, которые заняли нишу требующую определенный набор навыков и работают себе.

я тоже знаю много таких разработчиков, но от того они не становятся нормальными. twitter.com/SilentImp/stat…

14:56
@cssunderhood не надо перекладывать на студии ответственность за развитие молодых специалистов, в первую очередь это нужно самим людям

Согласен – ответственность лежит на двух сторонах. Но если бы человек попал в хорошее окружение, он стал бы лучше. twitter.com/MhMadHamster/s…

14:58
@cssunderhood @trolizmaslom библиотека, не обновляющаяся более недели — мёртвая библиотека.

Ну, может, не неделя, но такое суждение тоже может быть верно. Всё должно находиться в состоянии развития. twitter.com/twenty/status/…

15:00
@MhMadHamster @cssunderhood человек не попадёт в хорошее окружение, почти наверняка, потому что туда хотят людей сразу со скиллами

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

15:02
@dshster Наверное, имеется ввиду продуктовая компания. Но я тоже не знаю, что выбрать :-/ @cssunderhood

Ну да не очень удачно поставлен вопрос. Компания, которая не занимается созданием сайтов но у которой есть отдел ИТ. twitter.com/sapegin/status…

15:20
@dshster Наверное, имеется ввиду продуктовая компания. Но я тоже не знаю, что выбрать :-/ @cssunderhood

Который занимается разработкой и поддержкой сайтов и сервисов компании в данном случае. twitter.com/sapegin/status…

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

потоковая студия может погасить и глаза и амбиции. Знаю примеры. twitter.com/trolizmaslom/s…

15:22
@cssunderhood а вообще мне кажется полезно иметь такой опыт.Учишься работать быстро..

Главное во-время понять когда надо соскочить. twitter.com/koderhan/statu…

15:25
@cssunderhood нельзя упрекать кого-то в том что тебе расхотелось стать крутым спецом, нельзя

Если ты приходишь без опыта в студию, где тебе постоянно говорят, что собирать сайты на бутстрапе и CMS это ок. twitter.com/MhMadHamster/s…

15:28
@cssunderhood нельзя упрекать кого-то в том что тебе расхотелось стать крутым спецом, нельзя

То ты будучи не таким мудрым можешь решить, что тебе этого будет достаточно. Всё зависит от окружения. twitter.com/MhMadHamster/s…

15:29

Надо поработать, вернусь позже.

15:29
. @cssunderhood завтра собеседую девушку, которая прошла аж 9 курсов повышения квалификации. интересно, что расскажет)

Интересно будет услышать, что же она расскажет. twitter.com/safinalexey/st…

15:34
@cssunderhood Хуже потокового клепания сайтов студиями только клепание этими студиями своих CMS. Вот это ваще веселуха.
15:35
@_sashashakun @cssunderhood потому что студия и мы там ничего такого не используем, вот мне и не надо, своих знаний хватает

Сложно представить, но есть живые примеры. twitter.com/MhMadHamster/s…

17:38
@MhMadHamster @cssunderhood я думаю это происходит не так. Человек просто не интересуется своей отраслью.
17:39

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

17:40

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

17:41

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

17:42
@cssunderhood это выбор каждого. Тех кто хочет развиваться и развивается, достаточно чтобы было с кем пообщаться, имхо

Это понятно, но ты пришел в отрасль и разве нет этого желания – развиваться в ней, двигаться и двигать отрасль. twitter.com/_sashashakun/s…

17:44

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

17:45

Ты спрашиваешь его на чём строиться сетка у третьего бутсрапа или из чего состоит clearfix и человек зависает.

17:46

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

17:51
@cssunderhood вполне может быть что у кого то нет. Это их дело и с чего бы вдруг мне или тебе учить их жить. Если ты в эту сторону клонишь.

Рынок делится на потребителей и производителей. И чем меньше производителей, тем медленнее развивается отрасль. twitter.com/_sashashakun/s…

17:52
@cssunderhood уточни отрасль, о которой ты говоришь?

мы вроде говорим о вёрстке, но я думаю что это к вебу в целом относится. twitter.com/_sashashakun/s…

18:01
@cssunderhood не верю

Я не заставляю никого верить, я просто рассказываю свой опыт. twitter.com/_sashashakun/s…

18:01
@cssunderhood строится

О да, извините. twitter.com/fuckingsun/sta…

18:02
@cssunderhood верстка не развивается? Я просто почти не верстаю последнее время, так что могу быть не в теме

не вёрстка, а верстальщики. twitter.com/_sashashakun/s…

18:17
@cssunderhood Сергей, если будет время, напишите еще какие-нибудь ходовые вопросы, которые задают во время собеседования, было бы полезно!

Я приводил примеры вопросов из своего собеседования. Не хочу раскрывать все свои вопросы, а то будет неинтересно. twitter.com/katealf/status…

18:21
@cssunderhood а разве он не для этого создан был?

Он был создан для использования без понимания принципов его работы? Интересное мнение. twitter.com/ostelaymetaule…

18:24
@katealf @cssunderhood На самом деле, достаточно спросить поисковик toster.ru/q/143443
18:28
@cssunderhood я бэкэнд, я не хочу знать чем флексбокс от display:table отличается, я хочу фыр-фыр-фыр и чтобы от админки глаза не текли.

Вы говорите про бэкенд, вам в принципе должно быть всё равно на вёртску. Я говорю про верстальщиков. twitter.com/ostelaymetaule…

18:30
@cssunderhood их же было много разных, в совсем старые формально входил и zoom:1, потом был вариант с :before для изоляции margin-top...

так как речь идёт про бутстрап я обычно прошу рассказать из чего состоит их распорка. twitter.com/SelenIT2/statu…

19:13
@cssunderhood их же было много разных, в совсем старые формально входил и zoom:1, потом был вариант с :before для изоляции margin-top...

То есть я хочу услышать про два псевдоэлемента в одном из которых (after) есть clear: both, а второй как раз для mt twitter.com/SelenIT2/statu…

19:18
В Петербурге мощнейшая радуга. pic.twitter.com/GTPt4wLhIV
19:23
@cssunderhood кстати, прошу помочь «рассудить» меня с Тьерри Кобленцем: margin collapsing для clearfix — фича? mobile.twitter.com/SelenIT2/statu…

Моё мнение – это вообще по сути разные вещи, которые просто добавляются одним классом. То есть не фича. twitter.com/SelenIT2/statu…

19:37

А вот ещё одна проблема начинающих специалистов. Умение гуглить и решать проблемы самостоятельно.

19:40

У меня как у наставника чаще всего студенты поступают вот так. Обнаружить проблему – спросить наставника.

19:41

А хочется. Обнаружил проблему – попробовал решить сам – погуглил, поискал решение – спросить наставника. Не хватает самостоятельности.

19:42
@cssunderhood А, то есть спросить у наставника, подойдёт ли найденное решение? Ну тогда ещё ок.

Ну хотя бы прийти и сказать я пытался, но не получилось. Или вот я нашел решение, подойдёт ли оно. twitter.com/webholt/status…

19:44
@cssunderhood Хочется, чтобы спрашивали совет, а не готовый код.

Вот twitter.com/sapegin/status…

19:47
@cssunderhood Погоди, а если не получилось, то какие ещё варианты остаются?

Не получилось – к наставнику, носам факт попробовать, потому что в большинстве случаев ответ есть в лекции. twitter.com/webholt/status…

19:49
@cssunderhood Блин, я вот щас перечитал переписку с интенсива и думаю, как я такие вопросы мог задавать? Чувствуется, вырос
20:32
@cssunderhood если знаешь как избавится то ответ на вопрос откуда берутся очевиден

Как показывает практика не для всех. twitter.com/ipamoon/status…

20:53

Всем доброго дня/утра! Надеюсь большинство из Вас уже проснулись? Если что - простите, что разбудил) Сегодня будем городить об инструментах.

9:01

Начну я с себя, точнее с того как у меня проходит процесс верстки.

9:03

Я в работе использую связку @sublimehq + @avocode + @gulpjs. Верстаю на @less, обычно без фреймворков.

9:06

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

9:07

Еще в последнем проекте попробовал использовать TARS (goo.gl/0Xe8Q4) как готовое решение, но смолкнулся с проблемой при обновлении

9:13
@cssunderhood что считается центром?

Я имел в виду технологические центры, в основном - столицы. twitter.com/kost/status/72…

9:14
@cssunderhood, мы в github.com/web-standards-… собираем местные события, без видео

Спасибо за уточнение - всем рекомендую заглянуть, вдруг не знаете, а у вас в городе уже все есть:) twitter.com/pepelsbey/stat…

9:15

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

9:20

Опишите путь, который вы проделали к вашему текущему редактору:) Вот мой пример: Блокнот -> NotePad++ -> ST -> Atom -> PhpStorm -> ST

9:20
@cssunderhood почему перешёл от ide к редактору обратно?

Его скорость работы, куча написанных ранее плагинов и банальная привычка мне это упрощают труд лучше чем фишки IDE:) twitter.com/juwain/status/…

9:44
@cssunderhood А чем Atom не понравился ? )

Скоростью на моем старом MacBook. Я c Atom почти полгода проработал и потом ST вернулся и теперь наслаждаюсь) twitter.com/Mell2Alex/stat…

9:49
@ardshock @cssunderhood потому же, почему и саблайм.

Хм, это по вашему не профессионально? twitter.com/twenty/status/…

9:52
@cssunderhood ну вот, а мне не верили, что пользователи less ещё существуют.

Надеюсь, вы на это спорили и я помог вам этот спор выиграть. twitter.com/twenty/status/…

9:53
@ardshock @cssunderhood да какой тут юмор?! Тут кровотечение из глаз останавливать нужно и руку от лица удалять хирургическим путём.

Для меня даже неожиданно, что Вы такие реакции выдаете. twitter.com/twenty/status/…

9:56
@cssunderhood а почему имена перестали расширять так? Я так и делаю сейчас, только на стилусе...

Возможно это настраивается, но у меня при таком подходе в dev tools потом не отображаются ссылки на строки в less. twitter.com/ardshock/statu…

9:58

@cssunderhood Да и читается в коде лучше.

9:59
@cssunderhood а что за MacBook? Думаю купить Pro 13" минималку, но боюсь, что не потянет 2 моника, phpstorm/sublime и докер

Pro 2009 года, 15", мне для верстки хватает, т.к. виртуалки на нем не поднимаю а IE тестирую с другого ноута. twitter.com/AndreyBerezhno…

10:04

Вообще, я думал сделать днем холиваров не сегодняшний день, но, видимо народ к этому душой тянется:)

10:05

Возможно, надо уточнить. Я 90% времени трачу на верстку, не на JS. Это мой случай, и потому IDE-плюшки мне нужны меньше, чем многим из вас.

10:09
@cssunderhood просто Павел любит пошутить

Мм, ну тогда это весьма-весьма тонко:) twitter.com/safinalexey/st…

10:11
@cssunderhood Куда важнее скорость моей работы, чем редактора ;-) С Вебштормом она выше, чем с Саблаймом. @juwain

Ну тут и мне скорость моей работы важнее:) Но, думаю, я куда ближе на своем пути к VIM, чем к IDE:) twitter.com/sapegin/status…

10:14
@cssunderhood запланированные холивары почти никогда не получаются, так что не упускай возможность!

Эх, говорила мне мама, никогда всё заранее не планируй:) twitter.com/Sigiller/statu…

10:15
@cssunderhood вас не пугает, что 90% уходит на верстку а не на js, я постоянно боюсь, что останусь на обочине технологий :-(

Нет, не особо. Мне это, во-первых, интересно, во-вторых - CSS тоже на месте не стоит. Да и куда я от JS денусь?;) twitter.com/ardshock/statu…

10:19

Ох, чую, если сейчас напишу что BEM почти не использую - вообще у уважаемых людей всё повзрывается... :)

10:25
@cssunderhood js нативный? Или jq, angular и иже с ними?

По ситуации, недавно был проект на angular, иногда пишу native, но часто и jQuery хватает. Пляшем всегда от задач. twitter.com/ardshock/statu…

10:26
@cssunderhood "часто и jQuery хватает" - поаккуратней с этой фразой)

ох да, надо голову прикрывать, сейчас помидоры полетят.:) Но повторюсь - я пляшу от задачи и времени на нее. twitter.com/safinalexey/st…

10:29
@cssunderhood нет, если пояснишь свой выбор.

Сейчас у нас такая политика в студии, разрабатываем свой набор правил. Потому пока экспериментируем. twitter.com/SheVasya/statu…

10:31
@cssunderhood В тему про Джейквери: blog.sapegin.me/all/dont-touch… @safinalexey

Интересные мысли, соглашусь. twitter.com/sapegin/status…

10:34
@twenty @cssunderhood у нас весь отдел на less, а это почти 2 десятка человек

Ну вот. На то и существует конкуренция у инструментов, чтобы каждый мог выбирать себе наиболее удобный. twitter.com/dersmoll/statu…

10:44

Благодарю всех за высказанные мнения! Я покину Вас на какое-то время, после возвращения немного сбавим пыл сражений:)

10:51
@cssunderhood бросаете нас ради какой-то работы?

Да, ради нее родимой! Ибо смотрит она на меня укоризненно полупустым окном редактора... twitter.com/ardshock/statu…

11:07
@ardshock @cssunderhood плохой практикой это считают сторонники неадекватно крайней простоты. ни Pug/Jade, ни Sass, только хардкор.
12:15
@dmitryshimkin @twenty @cssunderhood а с саблаймом, что "не так"?

Видимо, все не так, раз такое отторжение у людей. twitter.com/ardshock/statu…

12:20
@cssunderhood это называется Source Maps, и у Less с ними проблемки были

Я о них и говорил. Я больше эту практику недолюбливаю из-за нечитаемости. Но это уже совсем ИМХО, не настаиваю) twitter.com/GrawlCore/stat…

12:22
@cssunderhood нечитаемость { из { &-за { скобочек { получается } } };

вложенностью
по
&-приятнее
как
&-то

Не уверен, что правильно понял про приятнее с вложенностью, но возможно:) twitter.com/GrawlCore/stat…

12:28
@Sigiller @ardshock @cssunderhood я здесь подожду, когда вы поймёте, что это не вопрос религии.

А еще можно не ждать, а кинуть, например, пару линков на статьи, однозначно доказывающие вашу точку зрения. twitter.com/twenty/status/…

12:30
@meuwka @cssunderhood если для тебя не очевидно, почему на Less не нужно начинать новые проекты, то, боюсь, я не в силах тебе помочь.

Уважаемый, такого рода заявления требуют пруфов (и не отсылок в Google), иначе они просто бестактны. twitter.com/twenty/status/…

12:45
@iamstarkov @meuwka @cssunderhood ой, а я ничего не перепутал, я всё ещё в твиттере?

Вы же в твиттере с людьми общаетесь? Здесь не действуют правила хорошего тона? twitter.com/twenty/status/…

12:48
@cssunderhood @meuwka вескость причины не вам определять.

Если вы меня троллите, то очень уж тонко. Если говорите серьезно, то.. То спасибо за беседу. twitter.com/twenty/status/…

12:55
@twenty @cssunderhood пробовала перейти на PostCSS, да, это работает. но сейчас не любом проекте это приемлемое решение, не всем удобно

Столкнулся с этим же, но думаю, что в ближайшее время буду с компанией полностью будем переходить на PostCSS. twitter.com/meuwka/status/…

12:57
@meuwka @twenty @cssunderhood а почему не удобно? Наоборот, проще конфиг, быстрее сборка

Для меня неудобно в данном случае - это вопрос смены привычек и не более.:) Просто у каждого своя скорость) twitter.com/andrey_sitnik/…

12:59
@cssunderhood @meuwka вот, теперь вы понимаете, что при определённых условиях, что-то обсуждать дальше уже просто невозможно.

Проблема в том, что обсуждения то и не было. Хотя могло получиться, и я бы с радостью послушал вашу точку зрения. twitter.com/twenty/status/…

13:02

Уважаемые коллеги, мы заспорились:) Предлагаю принять тот факт, что все меняют технологии с разной скоростью, и это нормально.

13:04

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

13:06

Предлагаю немного сменить тему на менее эмоциональную:)
Хочу поговорить с вами о том, как Вы упрощаете себе сам процесс написания стилей.

13:14

@cssunderhood Для начала поделюсь своим опытом в Sublime Text.

13:15

Для начала хочу рассказать Вам о своем плагине, которым я для себя упростил работу со стилями с Emmet: goo.gl/0NgQhp.

13:19

@cssunderhood Если кратко - то писать стили в одну строку и раскрывать в конце весьма удобно.

13:21
@cssunderhood никак не упрощаю, вообще для меня не очевидно что там нужно упрощать, расскажите пожалуйста зачем оно

Любым сниппетом, плагином и т.п. можно сократить время на рутину, которой в верстке все таки хватает. twitter.com/Bashnya_est/st…

13:24

Так же, например, когда мне нужно получить список классов из HTML, я использую плагин Tag в ST, точнее его команду Get CSS Classes

13:26
@cssunderhood имхо, автодополнение удобнее, чем Emmet (раз уж сегодня день споров)

Интересно, а я вот как-то быстро от него отказался, и emmet уже "в пальцах". twitter.com/_ramoona/statu…

13:28

Для той же цели для Atom я, когда с ним работал, написал подобный плагин: css-from-html, получив некий профит в скорости.

13:30

Был в свое время довольно интересный доклад @akella, в котором он рассказывал о том, какими инструментами он упрощает себе жизнь.

13:33

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

13:35

Теперь у меня есть, например, сниппеты, которые помогают мне писать такие штуки (этим я расширяю для себя emmet): pic.twitter.com/Dec9tvAEOt

13:40

@cssunderhood конкретно эта конструкция у меня раскрывается по аббревиатуре "ss" :)

13:41

Кстати, помните в свое время было много шума по поводу проекта livestyle.io Они не так давно обновились, кто-нибудь пользуется?

13:44
@cssunderhood @GrawlCore @ardshock перечитал ветку, не вижу объяснения плохой практики.

В моем случае - в худшей читаемости, до этого еще были проблемы с Source maps, но это, как я понял, исправили. twitter.com/c01nd01r/statu…

13:51
@c01nd01r @cssunderhood @ardshock я так понимаю, слишком много DRY – плохая практика.

Да, примерно это я имел в виду. И, по-видимому, у всех свои границы этого "много DRY") twitter.com/GrawlCore/stat…

13:59
@GrawlCore @cssunderhood @ardshock В контексте файловой структуры по БЭМ, я б не сказал. Нормально читается.
А в простынях стилей да, ад.

Соглашусь, я далекооо не каждый css-проект бью на файлы-компоненты и чаще мне такое именование мешает. twitter.com/c01nd01r/statu…

14:00
Я предлагаю поднять обсуждение о судьбе @csscomb: github.com/csscomb/csscom… Высказывайте своё мнение в комментариях, если вам не безразлично.

Поддержу инициативу. Напишите, люди добрые, многие ли из вас этот инструмент постоянно применяют в работе? twitter.com/miripiruni/sta…

14:02
@cssunderhood а что используешь?

Сначала его и использовал, но сейчас в студии делаем свою версию, с включением элементов из других методологий. twitter.com/antonovi/statu…

14:07
@cssunderhood очень просто - не пишу их )

Лучший бой - это его отсутствие. :) twitter.com/safinalexey/st…

14:19

У меня назрел вопрос. Многие ли из Вас используют в качестве браузера для работы (конекретно для верстки и написания js) Firefox? И почему?

14:26
@cssunderhood там же просто можно так: .foo¦c

На самом деле у этого подхода есть преимущества, но в твит не уложу, попробую немного позже сделать пост на тему:) twitter.com/mr_roose/statu…

14:37
@cssunderhood я написал плагин для ST для извлечения классов, может сразу извлекать вложенные селекторы по БЭМ github.com/hudochenkov/ec…

Вот на этот плагин я не нарывался:) Спасибо, буду пользоваться! twitter.com/xwoody/status/…

14:39
@cssunderhood перестал использовать, т. к. CSSComb перестал парсить мой код, поэтому написал postcss-sorting github.com/hudochenkov/po…
14:40
@cssunderhood PSPad -> ST

Кстати да, PSPad тоже когда-то использовал. Эх, были времена.. :) twitter.com/mr_roose/statu…

14:43
@AndreyBerezhnoy @cssunderhood виртуалками не пользуюсь, но вообще – лишь бы под SWAP на SSD оставалось

А как без виртуалок под IE тестируешь? twitter.com/GrawlCore/stat…

14:47

Вот скажете - мелочь, а меня в FF всегда напрягало, что нельзя поскролить значение вот тут (только стрелками): pic.twitter.com/Vtj1U41CQa

14:54
@cssunderhood я! Раньше там был идеальный Firebug, потом его заменил встроенная в FF панелька. Хром никогда не нравился дизайном.

В плане дизайна - думаю, многие согласятся) twitter.com/i_MiF/status/7…

14:54
@cssunderhood голый HTML без подсветки уровней вложенности? Ну и жесть!

ну как, голый html) иногда jade, иногда нужен например handlebars для некоторых проектов. На все варианты свои кейсы twitter.com/GrawlCore/stat…

15:02
@cssunderhood а у тебя редактор не подсвечивает открывающий тэг при каретке на закрывающем?

Аа, ты вот о чем. Да меня это раздражает, а путаюсь редко. Когда нужно к конечному перейти - прыгаю шорткатом,. twitter.com/GrawlCore/stat…

15:09
@cssunderhood но зачем отбивать и писать всякие `/* ===== header ===== */`, когда можно `@import header.css`

Сорри, я думал твой последний твит был к скрину html в редакторе в другом моем твите. А тут же - сейчас объясню. twitter.com/GrawlCore/stat…

15:18
@cssunderhood но зачем отбивать и писать всякие `/* ===== header ===== */`, когда можно `@import header.css`

Я имел в виду, что не в каждом проекте я прямо все все пилю отдельными файлами, но к лайаутам это не относится) twitter.com/GrawlCore/stat…

15:20
@cssunderhood ну так и HTML самый даже простой можно так же бить

Ну так и его разбиваю, когда вижу потребность. Практически всегда использую тот или иной шаблонизатор. twitter.com/GrawlCore/stat…

15:25
@GrawlCore @cssunderhood зачем писать @import ручками, когда можно делать конкатенацию при сборке?)

Думаю, это было приведено мне для наглядного примера) twitter.com/_ramoona/statu…

15:27
@cssunderhood зачем его скроллить? обычно хватает ±3-5 значений.

Можно и не скроллить, раньше, когда мышью пользовался - скроллил часто, сейчас же с MacBook практически нет. twitter.com/i_MiF/status/7…

15:30
@cssunderhood shift + стрелочки) А вообще у меня на работе мак с ужасной сенсорной мышью. Хоткеи помогают пользоваться мышью по-минимуму

Знаааем мы про shift:) Да и уже отписал, что это в основном старая претензия:) twitter.com/Di_Ed_Seagull/…

15:32
@cssunderhood ретвитни пжлст. Ребят, кто-нибудь решал задачу «тихой» печати из браузера? Поделитесь опытом? Нужно совсем без окон.
15:32
Давно поглядываю на @cssunderhood, но ни разу не заметил темы про шрифт для редактора, или цветовую схему для подсветки синтаксиса.. хм

Поддержим предложение?) Кто какие цветовые схемы и шрифты использует? И используете ли уже новомодные лигатуры? twitter.com/indieloki/stat…

15:41
@indieloki @cssunderhood Потому что это для каждого своё. Самый бесполезный холивар, который только можно устроить.

Думаю, тут речь не о холиваре - а человек просто хочет посмотреть какие у коллег варианты и подобрать для себя. twitter.com/webholt/status…

15:43
@cssunderhood @i_MiF я сейчас поняла, что вообще не замечаю дизайна Хрома, и это круто! А в других браузерах интерфейс раздражает
15:53

@cssunderhood кину и свой вариант. Тема: Afterglow (я в нее просто влюбился) + Droid Sans Mono/16

16:00
@cssunderhood А это ты по какому принципу подобрал: cамый модный – почти самый модный – подзабытый? Сомнительное соответствие.

Дело не в модности, а, так сказать, в опыте и ощущении от использования. Для MODX достаточно HTML+CSS+JS. Your way. twitter.com/SetAGE/status/…

0:18
@cssunderhood как по мне, ёлочки нужны только для имён собственных, а для цитат – английские “лапки”

В русском языке „лапки“ располагаются сверху и снизу и обычно используются внутри «ёлочек»: pin.it/T9BXklc twitter.com/GrawlCore/stat…

3:22

Раскладка Ильи @ilyabirman Бирмана —«швейцарский нож» в вашем арсенале веб-типографа. pic.twitter.com/mio1SVIEaY

3:26
@cssunderhood @ilyabirman жаль, для убунты нет

Для Убунты я использую клавишу для переключения на 3-й уровень (правый <Альт>): s.arboreus.com/2010/09/typogr… twitter.com/fuckingsun/sta…

3:32
@Wingerie @cssunderhood вот поэтому и нужны правила. Язык – это не про выживание смысла, а про его развитие.
3:56
@Wingerie @cssunderhood самому тебе вообще нравятся „такие” кавычки?

Мне не «нравятся», мне привычнее — меня так в школе учили. twitter.com/GrawlCore/stat…

4:08

Сегодня рано вставать, так что вскоре я вас покину на часиков 7-8. Ненавижу спать из-за необходимости просыпаться…

4:12

Вчера сквозь звуки будильника мне снилось: чтобы его выключить, нужно «победить» специфичность селекторов будильника — тогда он заткнётся.

4:13
@cssunderhood то есть учили „так”, а пишешь «так»?

В письме „лапки“ ставятся быстрее «ёлочек», поэтому, наверное, это имело более практический смысл, нежели сакральный twitter.com/GrawlCore/stat…

4:15

Для тех, кто мается бессонницей: доклад Михаила Макишвили (наверняка, видимый большинством из вас уже миллион раз): youtu.be/xPPCzryZK44

4:21

И ещё: харизматичный Алексей Аболмасов о «Прикладной эмпатии» с питерского IT NonStop @DataArt_Dev
youtu.be/0rOXcQT0wBA

4:26
@cssunderhood а в @modx как и в @netcat_ru – код через админку меняется?

По умолчанию — да, но это для «хомячков» и контентщиков. Т. е. есть единая точка входа. Но стат. ресурсы тоже есть. twitter.com/GrawlCore/stat…

4:29

Всем доброе утро! -__-

12:16
@cssunderhood всегда знала, что среди верстальщиков есть те, кто любит пялиться на мальчиков.

У меня руководитель была девочкой. Ей я ставил мальчиков, когда согласовывал прототипы – она млела. @pro_ershov twitter.com/SheVasya/statu…

12:19
@cssunderhood Вадима же

Верно. Спасибо! Видимо, ¾ мозга уже отключилось и печатал на рефлексах… twitter.com/flanker_alex/s…

12:23

Последние несколько лет я пользуюсь Sublime Text. Были попытки подружиться со Штормом @jetbrains, но он показался мне излишне монструозным.

12:33

А сейчас очень хочу попробовать полностью перейти на Vim. Но как-то ссыкотно… Этакое двойственное чувство одиозности гложет.

12:34

Что, не знаете, что такое «одиозность»? И я не знаю. Но гложет…
— А. Покровский, «Расстрелять!».

12:35

.happy,
.birthday,
.to,
.you,
#happy,
#birthday,
#to,
#you{}
.happy.birthday,
.dear, /* @lapanoid */
#happy_birthday,
#to_you{display:cake}

12:50
@cssunderhood @lapanoid Это до мерджа селекторов минификатором или после? :)

Я вклинился в сам поток и ретранслировал его в Твиттер =) twitter.com/mrmlnc/status/…

12:57

Сейчас позавтракаю под серийку Scrubs и буду потихоньку собираться на митап-дринкап #modx. Будем обсуждать фронтенд — присоединяйтесь!

13:01

Кстати, ваш покорный слуга — несостоявшийся врач. А ещё я гвардии старшина медицинской службы запаса 0_о

13:06

Минутка юмора на @cssunderhood:
— У меня девушка: 90-60-90.
— Фиолетовая что ли?

13:29
@cssunderhood зачем вы ведёте Твитер, если не секрет?

Понять бы «куда?», а не «зачем?» =) Вы про мой личный @Realetive или про этот? twitter.com/GerardWaid/sta…

13:33
@cssunderhood @Realetive я про этот( я и не знала про личный), просто тема не принадлежит к разделу общих знаний

Я и не ставил перед собой цель обучать вас. Я как чукотский охотник — что вижу, то пою. Предложите тему для беседы? twitter.com/GerardWaid/sta…

13:40
@cssunderhood да я работа верстальщиком, меня-то тема устраивает. Я так думала может вы от какой-то студии или это личная инициатива?

Я фрилансер. А сам @cssunderhood иначе устроен — cssunderhood.ru/about/. На следующей неделе будет другой автор. twitter.com/GerardWaid/sta…

13:57
Lisp: Code is data
Haskell: Data is code
Ruby: Strings are code
JavaScript: Undefined is not a function
14:00
Я на месте в Commode на ул. Рубинштейна, 1. Открыт для общения по #MODX и фронтенду на ближайшие часа 3-4.
14:59
Мне, например, интересно кто на каком железе работает... twitter.com/cssunderhood/s…

Ну что, уважаемые читатели, поделимся сокровенным? У меня 17" MacBook Pro c 8 Гб оперативы. twitter.com/hiway_real/sta…

15:06
@cssunderhood Joomla осталась за бортом не заслуженно или все таки заслуженно? ;)

Сицилийские мафиози привязывают Joomla к ногам нерадивых и выбрасывают за борт.
exploit-db.com/search/?action… twitter.com/IgorDTP/status…

15:09

Мой Буцефал, начало 2011 г. @twenty @mrmlnc pic.twitter.com/aV4RaChT0r

15:54
@cssunderhood вопрос учасникам, со стажем. какой редактор был популярен во времена Mac G4? Нужно настроить среду на 10.5, что посоветуете?
15:55
@cssunderhood @mrmlnc какой он у тебя большой...

Часто слышу это от девочек ;) twitter.com/twenty/status/…

16:18
@cssunderhood невозможно читать на этой недел
17:32
Буду занудой, но текущий @cssunderhood просто пиздец. В плохом смысле слова.

Ок, зануда: меня интересует возможность org-mode в Vim, потому что только из-за него использовать emacs не хочу. twitter.com/gladkih_m/stat…

18:47

В принципе, ST3 полностью устраивает, но как ещё унифицировать server-side? Не подымать же Иксы ради этого. vimtutor проваливаю на середине.

18:53

Шарить свои плагины не вижу смысла – у вас есть проблема, вы находите её решение в виде плагина. Проблемы у всех разные, схожие уже описаны.

18:58
@cssunderhood @gladkih_m spacemacs for rescue

Спасибо за наводку. Совместимость с Vim-плагинами? Какая «ложка дёгтя»? twitter.com/niquola/status…

19:02

Много слышал о преимуществах #b_. Сам люблю и практикую. А кто может привести доводы «против» (CSS Modules не в счёт, это читерство 😇 )?

19:18
@cssunderhood да против методологии наименования классов вроде никто особо ничего и не имел. Притензии больше к бэм-стаку.

Меня в стеке больше всего смущает jQuery в депсах bem-core. Но радуют новости об использовании webpack для сборки. twitter.com/Dezeter/status…

19:36

Enb сам по себе прекрасен и удобен, простыни конфига в скором времени перестают пугать. А разруливание зависимостей в DEPS.js вообще огонь.

19:40

Но если использовать, например, @PostCSS, #b_ как лишь методология именования для изоляции и специфичности теряет смысл за счёт CSS Modules.

19:42

И получается: «Я тут только @autoprefixer поставлю…» А через 5 минут: инжект SVG, CSS4, литеры и 13-колоночная сетка с автоинклудом шрифта…

20:12
К слову, отличный доклад по теме youtu.be/urdxXdt1JxY twitter.com/cssunderhood/s…

О, спасибо. Я, к сожалению пропустил и так и не посмотрел. Буду «навёрстывать» упущенное. twitter.com/hiway_real/sta…

20:18
Принятие #БЭМ начинается с паломничества в чертоги bem.info, распения методологии и обряда #b_ мозга… pic.twitter.com/R5SyWOAdmz
20:29
@gladkih_m @ymatuhin я как-то вообще проскраливаю твиты и даже уже не читаю

Вы можете опубликовать что-то более важное и полезное для читателей с ником @cssunderhood – я сделаю ретвит. twitter.com/denysdovhan/st…

22:35
что-то более важное и полезное для читателей @cssunderhood

Да, наполненное смыслом, как, например, новый API скроллинга в Chrome: blog.chromium.org/2016/05/new-ap…
Да, Дэн? twitter.com/denishus/statu…

22:56

Ммм, на wercker.com появились pipelines. До праздников их не было, по крайней мере в бесплатном аккаунте.

0:02

Новый день, новые истории. Меня постоянно волнует вопрос эффективно ли я работаю, а как назвать класс .top-menu__cart-page--static

9:54

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

9:58

А вот оценить макет вам не поможет cli утилита или плагин grunt

9:58

Как вы оцениваете сроки? Есть ли какие-то нормы в команде? Например, главная страница - 6 часов?

9:59
@cssunderhood покомпонентно

Т.е. не страницу целиком? А компонентами (блоками) на странице? Левое меню - 39 мин? Так? @akrekotun twitter.com/akrekotun/stat…

10:07
@cssunderhood главная страница может быть разной :)

Да, но бывают варианты долгосрочной оценки проекта, например, макетов нет еще, а время на верстку заложить нужно twitter.com/AndreyBerezhno…

10:09

@cssunderhood т.е. какие-то среднепотолочные сроки

10:09
@cssunderhood да, так получается точнее. + респонсив, очень примерно, занимает 50 - 75% времени (бывает сложнее/легче, конечно).

ИНтересный подход, не думал об этом. Нужно попробовать. А на responsive я тоже обычно добавляю от 50 до 100% сверху twitter.com/akrekotun/stat…

10:14
@cssunderhood а еще нужно закладывать время на тестирование + исправление багов

Ооо, об этом чуть позже, дааа twitter.com/akrekotun/stat…

10:15
@cssunderhood ну у нас обычно 6-8. Но я обычно трачу больше, а потом остальные страницы быстрее проходят.

Да, примерно также и у нас. На внутренних уже есть сетка, есть много блоков повторяющихся @AndreyBerezhnoy twitter.com/AndreyBerezhno…

10:30

Вопрос не к фрилансерам. Кто регламентирует нормы времени на верстку? Другими словами кто вам ставит задачу и сроки выполнения?

10:43

Так проще будет и нагляднее, наверное. @cssunderhood

10:45
@cssunderhood пм

А он на столько технически грамотен или чуйка? @denishus twitter.com/denishus/statu…

10:46
@cssunderhood нужно уточнить что значит ставит. Если в жире создает задачу, то пм, а если спрашивают сколько делать, то по сути сам.

Не просто создает, а еще и со сроками, в которые нужно вложиться, я об этом @denishus twitter.com/denishus/statu…

10:51
@cssunderhood ну если так, то это неправильный процесс. Менеджер не знает сколько верстать, он знает когда нужно сделать проект.

Я потому опрос и создал, что б понять как вообще делаются такие вещи. @denishus twitter.com/denishus/statu…

10:56
@cssunderhood Это должен делать верстальщик-тимлид, вероятно @denishus

Да, наверное, самый хороший вариант для всех сторон @akrekotun @denishus twitter.com/akrekotun/stat…

11:02
@denishus менеджер должен разбираться в предмете, чтобы адекватно оценивать? @cssunderhood

На столько разбираться, что б оценивать - нет @akrekotun @denishus twitter.com/akrekotun/stat…

11:03
@cssunderhood Делим на компоненты и уже оцениваем мелкие кусочки. Если оценка задачи > 1 дня, то нужно дробить, иначе высок риск ошибиться

Я наоборот ушел от оценки компонентами (если просто верстка), для компонент с большим количеством js нет @mista_k twitter.com/mista_k/status…

11:27
@cssunderhood, такое оценивается в днях: 0.5, 1, 3, 7, 20 (aka «нихрена не понятно») @AndreyBerezhnoy

Именно потому так и делаю. Часы, кратные 4 +- @mista_k twitter.com/mista_k/status…

11:28

Думаю, все подписаны на @webstandards_ru но я продублирую soundcloud.com/web-standards/… вышел 15 выпуск.

14:21

Сам, правда, еще не слушал

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

Отличный вопрос. У меня мало. Т.е.я оцениваю макеты целиком исходя из 8-4. Если макетов много-это работает. @subzey twitter.com/subzey/status/…

15:16

А вот еще такой вопрос, меня волнующий. Качество работы верстальщика. Как ее обеспечить. Т.е. не тот чеклист @ihorzenich, а речь о человеке.

16:05

Т.е. построение процесса самого, контроль качества кода @cssunderhood

16:06

У меня, например, нет времени на ревью. Если приходит верстка сторонняя, максимум - не разваливается ли она в зоопарке браузеров.

16:06

Начну с себя. У нас bitbucket->wercker->ftp Примерно такой цикл. На ftp из master в случае успешной сборки.

16:29

Успешность сборки - прохождение линтеров.

16:29

Речь сейчас только о html верстке. Т.е. до интеграции еще не добралась она.

16:30

А что не так? Это домен со всей статикой. Т.е. верстка после репозитория и прочих штук попадает по ftp сервер. @denysbutenko

16:33
@cssunderhood перефразирую, FTP в 2016 году?

Я так понимаю, намекаешь на хуки git-а? У нас сборка в wercker, он сам потом раскладывает. Можно назвать это деплой. twitter.com/denysbutenko/s…

16:34
@denishus @cssunderhood ок, пм ставит задачу "сверстать 20 страниц за 10 минут". Вы молча приступаете?

Мы же сейчас о здравом смысле говорим?) twitter.com/ardshock/statu…

16:38
@cssunderhood автоматизация, тесты, по чеклисту и на регрессию? Или речь о том, как сделать, чтоб не срывал сроки и был проактивным?

Тесты и регрессии, это отдельно будет. Пока да, с личностной стороны. Т.е. как повлиять на команду. twitter.com/ihorzenich/sta…

16:50
@cssunderhood у нас верстку вообще дизайнеры ревьювят... Очень не продуктивно я считаю. Должны быть отдельные люди.

Отдельные люди, в плане "глаз мылится"? @ardshock twitter.com/ardshock/statu…

17:00
@cssunderhood и это тоже, но я имел ввиду, что на это время уходит, а пм в основном этого не понимают...

А отдельные люди это тоже время и деньги. Хотя, может быть, меньшие деньги. конечно. @ardshock twitter.com/ardshock/statu…

17:13

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

17:16

И вот нужно что-то переделать. Но, оно ж работает. Как объяснить клиенту, да и менеджеру?@cssunderhood

17:18

Так все же, код вылизываете? Следите за семантикой? Или div-ом можно сделать все?

18:10

Я вчера буквально видел верстку, в которой вместо ссылки использовался div и onclick с location.href Удивился.

18:13
@cssunderhood когда важно SEO, тогда конечно семантика, когда это SPA за авторизацией, то дивы

Ой, SEO! А вы сами расставляете всякие h1-h2-h3? @lagun4ik twitter.com/lagun4ik/statu…

18:15

<i> забыли ) @webholt

18:19
@cssunderhood @lagun4ik в смысле, а что, можно этого не делать?

Если речь о h1-h3, то я редко проставляю их в верстке,обычно уже после интеграции или консультации с SEO @eightalex twitter.com/eightalex/stat…

20:18

А помните, такая штука была raphaeljs, еще пользуется кто-нибудь им? Я чего спрашиваю, у меня raphaeljs.com домен не резолвится

22:53

Дмитрий, вы в курсе? @DmitryBaranovsk @cssunderhood

22:55

Да, клевая штука, но raphaeljs он же... он же мог! Он магию делал с ie @f0rmat1k

23:17

Агаааа, raphaeljs.com -> dmitrybaranovskiy.github.io/raphael/ Все на месте, кстати, даже коммиты какие-то в репозиторий есть.

23:50

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

11:25

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

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

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

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

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

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

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

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

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

12:59
@cssunderhood Начинал, как все с GM, в школе на конкурсах занимал места. Потом перешел на unity 3D и через врем забросил
0:13
@cssunderhood так зачем тебе профи, найди просто себе вдохновителя и мотиватора, или у тебя не так работает ?

Вдохновители есть, некому дать по рукам, сунуть под нос правильный тутор и пальцем показать на ошибку. twitter.com/gaserd123/stat…

0:14

Вот видишь, за год сразу в миддл) Сила пиздюлей недооценивается. twitter.com/dbarabashdev/s…

0:28

Дробное утро, друзья. Я патологическая сова, так что утро у меня начинается в 11 утра.

10:47

Сегодня будем говорить о пересечении верстки и дизайна

10:47
@cssunderhood иди на стажировку куда-нибудь в большую компанию

Пока я в самой большой в городе. Если идти дальше, нужно переезжать, а это малость проблематично. twitter.com/olmokhov/statu…

10:48
@cssunderhood я, будучи гуманитарием до мозга костей, пытался изучать программирование, читая книги по python и собирая образцы кода
10:49
@cssunderhood и как работается в большой компании ? Не чувствуешь себя маленьким винтиком?

Разочарую тебя. Большая она в локальных масштабах. Около 20 человек. twitter.com/koderhan/statu…

11:02

Есть компании больше, но он занимаются продажами, а не разработкой, я там буду ни к месту как разработчик.

11:03
@cssunderhood вопрос ко всем: как задаёте отступы блокам? стараетесь ли делать это централизованно, например через сетку?
11:04

Просматривая зарубежные вакансии, я заметил, что у них нет отдельной должности верстальщика. Только web-designer и frontend developer

11:17

Люди, которые только рисуют — графические дизайнеры. А если назвался веб-дизайнером, изволь знать html/css/js

11:18

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

11:21
@cssunderhood в смысле между верстальщиком и js-программистом. Даже если специализируешься на чем-то одном, другое знать должен

Как по мне, js-программист больше работает с данными и логикой, а верстальщик занимается интерфейсами. twitter.com/Sigiller/statu…

11:23

И вот эту "лицевую" часть сайта разбивать на верстальщика и дизайнера немного странно. У каждого человека в любом случае свое видение.

11:25
@cssunderhood да, но эти логика и данные выводятся на интерфейс и неразрывно связаны с ним.

Разумеется, верстальщик - подмножество фронтендера. Но это не значит, что ему нужно думать о "лице" сайта. twitter.com/Sigiller/statu…

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

Я бы не согласился. Интересно, что думают читатели twitter.com/alexzdesign/st…

11:29

О том, чтобы кнопки работали, таблицы сортировались, данные сохранялись. А следить, чтобы кнопки не съехали - работа верстальщика @Sigiller

11:31
@alexzdesign @cssunderhood 1) чем лучше дизайнер понимает вёрстку, тем лучше потом будет свёрстан его макет
2) дизайнер - не художник
11:31

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

11:32

Дизайнер должен быть немного верстальщиком и наоборот, верстальщик дожен быть немного фронтендером, фронтендер бэкендером

11:33
@cssunderhood а лучше все сразу должны быть фулл-стеками и не морочить друг другу головы =)

Ну, не сразу, но да) twitter.com/ABatickaya/sta…

11:35
@cssunderhood было у меня такое, нарисовали макет в формате (cdr) corelDraw)

Бывало и такое. Или в иллюстраторе. twitter.com/forwardomg/sta…

11:39

Для верстальщика жизненно важно уметь работать с редактором, в котором нарисован макет.

11:43

Кривая верстка из-за неумения посмотреть размер шрифта, или правильно вырезать иконку - частая история.

11:43
@Sigiller @cssunderhood а при чём тут веб-дизайнер и вёрстка!
Веб-дизайнер по сути рисует схему, а верстальщик по этой схеме собирает.

При том, что у веба есть свои стандарты и ограничения, обходить которые в угоду макету стоит большого труда. twitter.com/alexzdesign/st…

11:45
@cssunderhood но есть же авокод

Я не доверяю магии черных ящиков) twitter.com/Sigiller/statu…

11:46
@cssunderhood Некоторые верят, что графику должен нарезать дизайнер :-/

Зная наших верстальщиков, я нарезал. Иначе себе дороже выйдет. Один кадр скриншотил экран, чтобы получить иконку. twitter.com/sapegin/status…

11:47
@cssunderhood ну и зря, это же узкоспециальный инструмент как раз для тех целей для которых он нужен верстальщику

Я не только про avocode, но и про prepros.io, графические gui для гита и все остальное twitter.com/Sigiller/statu…

11:52
@sapegin @cssunderhood хороший дизайнер подготовит материалы так, что вам даже в голову не придёт открыть графический редактор.
11:52

Реализация макета должна подчиняться стандартам веба, их нельзя игнорировать. @alexzdesign @Sigiller

11:59
@cssunderhood @alexzdesign @Sigiller Самое страшное, когда в веб приходят дизайнеры-полиграфисты - тогда в макетах начинается ад

Дизайнеры-фотографы тоже способы отличиться. twitter.com/brainsapiens/s…

12:03
@cssunderhood а я всегда думал, что из-за ленивых верстальщиков :)

По-настоящему ленивые верстальщики верстают все сразу правильно twitter.com/c01nd01r/statu…

12:09

А кто из вас работал над сайтами с большим количеством анимации в интерфейсах и на странице? Как приходили к общему видению?

12:14
@cssunderhood @forwardomg про иллюстратор уже говорили: он больше годится для веба, чем фш

Что есть, то есть. Но люстра не так распространена как фш. Если появится sketch на винду, будет вообще прекрасно. twitter.com/curlymario/sta…

12:24

Подниму еще одну холиварную тему. Сайты с обилием анимаций и эффектов, коими заполнены awwwards.com и cssdesignawards.com

13:07

Обычно обсуждение делится на два фронта: 1) "Анимации не нужны в продакшене"; 2) "Анимации есть добро и несут счастье"

13:08

Например, сайт navigatingresponsibly.dk
Невероятно красивые анимации и переходы, параллакс, интерактивные элементы.

13:11

Стоит ли "wow"-эффект огрехов в UX и как определить золотую середину?

13:12
@cssunderhood а что с ними?

Среди разработчиков бытует мнение, что все эти красивости не нужны. А я люблю глазами и обожаю такие сайты. twitter.com/Sigiller/statu…

13:22
@cssunderhood ну тут как, наличие каждого элемента должно быть обосновано. Анимация должна быть тоже не просто так
13:28
@cssunderhood да кого волнует, что думают разработчики? Самое главное - что думает клиент и его аудитория! :D
13:28

Еще один очень красивый сайт
lookbook.quechua.com/spring-summer-…

13:31

От анимаций кнопочек и плавности параллакса хочется визжать аки маленькая девочка

13:31

Я фанат красивого UI.
Особенно нравятся анимации A->B, B->C, а не A->B->A, когда при сдвиге мыши анимация продолжается, а не реверсится

13:36
@cssunderhood перед тем как пихать паралакс везде где можно и нельзя,разве не стоит подумать-а зачем он в интернет магазине?
13:42

Есть такое, да. НО КРАСИВЕНЬКО ЖЕ! @revakoreva

13:44

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

13:45
@revakoreva @cssunderhood А зачем он вообще?

Если очень часто говорить в дизайне "зачем?", от сайта в итоге останется одна типографика) twitter.com/TheArtdizain/s…

13:47
@cssunderhood например?

Делал такой набросок
ddsgll.github.io/site/lab/anima…
Сайт, на котором это подсмотрел, до сих пор не могу найти twitter.com/losewmac/statu…

13:49

Побуквенная анимация текста грузит браузер, но в умелых руках смотрится очень изящно и "so smoothly"

13:52
@cssunderhood это неправда. В дизайне всё должно делаться с пониманием для чего это делается. Потому что он инструмент для достижения целей

Да, это правильный дизайн. Это тот дизайн, которого не видно и который работает с мозгами, а не с глазами посетителй twitter.com/Sigiller/statu…

13:55

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

14:01
О дизайне. Ходит мнение, что можно нарисовать один хороший вариант (результат) и два заведомо хреновых (для набивания себе цены).

Часто так делали с деревянными и сложными клиентами twitter.com/webholt/status…

14:02
У такого подхода есть одна проблема. Заказчик может выбрать хреновый. Заказчик часто норовит всё испортить в силу своей некомпетентности.

Нужно использовать реверсивную психологию. "Мы подготовили вам два хороших макета и вот это вот говнецо" twitter.com/webholt/status…

14:07

я запустался .-. @webholt

14:10
@cssunderhood И это очень хорошо. @TheArtdizain

верстать меньше :D twitter.com/sapegin/status…

14:11
@cssunderhood был товарищ, который всегда, всегда выбирал самый страшный. Как с ним не боролись, как ни подбирали варианты
14:23

Немного фронтендером. Но главное - человеком @nemcik7

14:51

Коллеги верстальщики и дизайнеры, а сколько макетов было в вашей самой большой работе?

15:06

В работе над resort-elbrus.ru я нарисовал 25 макетов. Сверстал половину, но потом ушел из той студии. Сайт попиливают до сих пор :\

15:09
@cssunderhood 5 гигабайтов.
15:10
@cssunderhood за 50 переваливало, но суммарно с доработками даже представить страшно)

50 макетов! Соцсеть или e-commerce какой-нибудь? twitter.com/forwardomg/sta…

15:27
@cssunderhood @alexzdesign по-моему, получается не рыба, не мясо. Дизайнер не должен знать и ограничивать себя правилами верстки.

Даже если в самой верстке эти правила и ограничения есть? twitter.com/doberbober/sta…

15:27
@cssunderhood 40 макетов

Да уж, до таких масштабов мне еще далеко) twitter.com/ardshock/statu…

15:46
@cssunderhood если это сайт пивного фестиваля — можно всё, если портал по трудоустройству — стоять с палкой над дизайнером... С битой скорее
15:50
@cssunderhood но ведь параллакс нельзя нарисовать? а? в нарисованном виде — это просто плоская картинка. или было подписано «это поролакс»?

Сайты-примеры, текстовое описание поролакса и где он будет.
Идеально вообще такие штуки пилить в AЕ twitter.com/denswor/status…

15:53

Он самый @c01nd01r

15:55
@cssunderhood верстал около 50 макетов. Огромный е-магазин, который закрылся довольно быстро.
15:55
@cssunderhood ну чтобы пилить в АЕ, нужен моушндизайнер или человек с такими навыками. А это весьма скиллинтенсивное дело. Дорого, в общем

Простой дизайнер может за недельку научиться простой шейповой анимации. Большой скилл для веба не нужен twitter.com/Sigiller/statu…

16:03
@cssunderhood оу, мои мечты сбываются :-) Дизайнера заставили верстать его творение. Справедливость существует посоны!
16:03
@cssunderhood и много ты встречал работ на аутсорсе, где что-то дополнительно пилят в AE? :)

На аутсорсе - нет) Делал для проектов внутри студии twitter.com/c01nd01r/statu…

16:04
@cssunderhood дело было так: анимация — зло ==> статика — всепоглощающающее благо ==> решено!
16:19
@cssunderhood 600+

И у нас есть победитель! twitter.com/LyubimColt/sta…

16:19

Тут или чувак меня неправильно понял или у него реально было в 600+ макетов в одном проекте @GolubevVictor

16:24

Если буква = состояние, то да, так вернее @trolizmaslom

17:30

Айтишники, не умеющие в английский язык, всегда будут в хвосте.
Наболело.

18:06

На сегодня мой рабочий день закончен. Обсудили околодизайн, было очень интересно услышать столько мнений. Всем до завтра!

18:08
@cssunderhood в чём именно проблематичность переезда?

В поиске жилья и работы в незнакомом городе. Тем более уроженцу кавказа. twitter.com/olmokhov/statu…

22:36
@cssunderhood не вспомню чтобы я когда-то пользовался сайтом из каталога awwards. Есть годные?

Ну, большинство из них промо-сайты. Регулярно не пользовался. twitter.com/Copypasting/st…

22:36
@cssunderhood @GolubevVictor все верно. Я занимался редизайном админки ucoz. Ловите майндмэп навигации :) pic.twitter.com/R3zpMNhXI3

Реально победитель) Крутой масштаб!Ё twitter.com/LyubimColt/sta…

22:39
@cssunderhood помидорка не решает проблему прокрастинации — её решает дисциплина, либо планирование
9:50
@cssunderhood можно кредит взять, по слухам помогает. 🦁
9:53

Итоги вчерашнего онлайна борьбы с прокрастинацией: помодоро, дисциплина, планирование, почасовая работа, кредит (все вместе или отдельно)

16:01

Сегодня вечером хотел бы поговорить на тему CSS, БЭМ и @getbootstrap. Пообщаемся сегодня в 8 вечера по МСК

16:03

Всем доброго вечера! Хотелось бы начать с обсуждения CSS. Как вы придумываете названия классов в больших проектах? Есть ли у вас свой гайд?

19:59

Про БЭМ. Я ненавижу БЭМ. Вот честно. Я не могу как его можно использовать имея по 5-6 классов на одном диве (это про modifier)?

20:01

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

20:02
@cssunderhood smacss :) а то сейчас с бемом набегут :)

а как придумывать названия классам? twitter.com/iam_yev/status…

20:03
@cssunderhood ну все, сейчас хейтить набегут :)

Мы сильные! :) twitter.com/iam_yev/status…

20:03
@cssunderhood чаще по контексту к которому привык. Допустим есть line/row -> box -> element -> element content

Вот что я люблю! :) twitter.com/iam_yev/status…

20:30
@cssunderhood один фиг ненужен в части проектов :)

Он подходит не для всех проектов, я согласен. Но в целом - для старта - хорош. Можно быстро накидать дизайн/прототип twitter.com/antonfrolovsky…

20:31
@cssunderhood в именовании и структуре классов должна быть логика, которую должен понимать не только ты сам, но и коллеги, БЭМ это или нет

Согласен. Но как придумывать новые названия классов когда уже все что приходило в голову - использовано? twitter.com/JiLiZART/statu…

20:31
@cssunderhood ты сталкивался с ощутимым влиянием БЕМ на построение cssom в плане performance?

Честно - ни разу twitter.com/Blackrabbit99/…

20:32

И еще немного про БЭМ. БЭМ в CSS - это как предложить человеку без ноги заменить руку на руку робота. Не, ну а чО, работает же! :)

20:33

Кстати, вчера на хабре вышла статья о 5 методах в Flexbox о которых уже все знают %)
habrahabr.ru/post/302130/

20:35
@cssunderhood Странная аналогия. Методологии придумали по той же причине, что и препроцессоры, из-за ограниченных возможностей CSS.

Вместо решения реальной проблемы с которой сталкиваются все - придумывают костыли twitter.com/JiLiZART/statu…

20:45
@cssunderhood Благодаря этим костылям в CSS появятся неймспейсы и github.com/w3c/css-houdin… не за горами. Именно они подстегнули развитие.

Почитаем, спасибо! twitter.com/JiLiZART/statu…

20:56
И вообще @cssunderhood #cssmodules или #jss

Про cssmodules слышал (читал мельком), почитаю более подробно. Спасибо! twitter.com/Blackrabbit99/…

20:58

А кто-нибудь пишет гайды какая структура файлов, как именовать классы? (для себя)

21:10
@cssunderhood нормально. Зато всё понятно.
21:29
@cssunderhood Зацени github.com/ermo4enkov/Cla…

Огонь! Типичные названия классов twitter.com/ermo4enkov/sta…

21:36
Первый раз в @cssunderhood вижу такое. Bootstrap - хорошо, БЭМ - плохо. Как это автора еще не съели? =)

Тишина вообще! :) twitter.com/s0nly/status/7…

21:47

Сегодня давайте поговорим про организацию CSS. Расскажите какими правилами руководствуетесь при создании структуры CSS и написании кода?

12:04

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

12:59
@cssunderhood BEM, SMACSS, CSSModules. Всё!
13:08
@cssunderhood структура обычно такая. Комментарии очень редко ставятся, в основном TODO. (media legacy) pic.twitter.com/KVUCzIEfOq
13:08
@cssunderhood вот написал, что я хочу от нашего проекта, буду рефакторить потихонечку github.com/PackageFactory…
13:08
@cssunderhood как-то так: goo.gl/jM75Yz. Комментарии пишу в случае магии, когда сложно понять без примера.
13:09

Я никогда не использовал CSSModules. Расскажите в чём плюсы, в чём минусы?

13:35
@cssunderhood минусы в не очень удобной интеграции со сторонними библиотеками (через :global {...}). Плюсы: никакой больше бэм-страхоты.
14:31

Мне очень нравится вот эта статья на тему организации css-кода prgssr.ru/development/pe…

16:16

А какие советы дадите человеку, который только сейчас начинает использовать препроцессоры, со всеми плюшками?

18:35
@cssunderhood
Мне когда-то это помогло
thesassway.com/beginner/how-t…
18:42
@cssunderhood каждому свое, но я бы советовал sass и его правило 7 к 1
18:42
@cssunderhood совет не использовать препроцессоры, а использовать модули @PostCSS

Я включаю @PostCSS в понятие препроцессоров. twitter.com/d_markovskiy/s…

18:45
@cssunderhood если коротко то все стили раскладываются по полочкам и потом компилятся в один main.css sass-guidelin.es

Не знал что этот паттерн так называется. Вот более точная ссылка sass-guidelin.es/#the-7-1-patte… twitter.com/s_martynyuk/st…

18:46
@cssunderhood @dagoeos
> java-файла
Ты серьёзно называешь джиэс джавой? Не стыдно?

Так-так, разберу ваши ответы. Тут меня упрекают в смешении js и java. Так вот,когда я говорю java, я имею ввиду java twitter.com/GrawlCore/stat…

11:09

Серверсайд ok реализован на java; код, который рендерит html, написан на java, соответственно частью компонента является java-код

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

Тут отличный тред @wouldntfix о вчерашнем стенде. Коротко:по ховеру теряем деньги,аллокация памяти хрома вообще треш twitter.com/wouldntfix/sta…

11:14

Сегодня поговорим о рефакторинге. Расскажите о вашем самом страшном рефакторинге стилей в жизни. Зачем вы его делали? Стоило ли оно того?

11:18

Я прямо начинаю теряться — никто в цссандерхуде не рефакторил css? Никому не близка тема «разрушить до основанья, а затем»?

12:01
@cssunderhood было, конечно, но это как-то не воспринимается как некое важное карьерное достижение. Как-то уменьшил 300kb CSS до 160kb.
12:26
@cssunderhood это не минификация и гзип были, в полный рефакторинг. Выкинул стотыщ ненужных position:absolute итп, зарулил все на поток.
12:26
@cssunderhood пачка хз кем свёрстанных лендингов фикс ширины. Нужно было сделать адаптив. Кроме стилей пришлось еще и с разметкой повозиться
12:27

На самом деле последнее время рефакторинг css у меня связывается с процессом компонентизации. Объединение, атомизация — и тут начинается

12:29

Хотя самым незабываемым опытом для меня остается рефакторинг раздела музыки в ok — было ~ 6k строк, уменьшилось минимум на треть

12:33
@cssunderhood вот вспоминаю, как раньше все было просто:) а сейчас понастроили, всяких сборщиков!
12:33

Переезд ok с css на styl тоже оставил воспоминания, хотя и не такие яркие. Говорят об обратной совместимости, но мы наскочили на пару багов

12:35

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

12:36
@cssunderhood мне обычно задачу «разрушить до основанья, а затем» ставили как «переверстать», т.к. п-ц в CSS следовал за п-цом в разметке
12:38

У нас практикуют несколько уровней тестирования, ручное, автоматизированное, но всё равно случаются конфузы — слишком много разных сценариев

12:39

Я слышал,модно говорить о тестировании интерфейса, основанном на сравнении скриншотов. У нас такого нет, и я не очень уверен в эффективности

12:48

То есть если ваш интерфейс полностью построен на независимых компонентах, наверное вы можете тестировать компоненты. Их сочетание — сложнее

12:49

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

12:50
@cssunderhood переделывал кипу CSS в стиле “фрилансер сверстает нам приложение”. под Angular. первым делом удалял классы из HTML.
12:50
@cssunderhood ну, знаешь, можно хотя бы превью всех страниц в качестве лога делать. Уж лучше, чем прокликивать всё самому.

Клево, когда автотестам доступны все состояния на всех тестовых средах. Сложно и для нас в общем случае не работает twitter.com/GrawlCore/stat…

12:54

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

13:01

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

13:03
@cssunderhood А кто-нибудь использует для тестов что-то типа Galen? galenframework.com т.е. вместо скриншотов - декларативное описание?
13:04
@cssunderhood что за баги были?

У нас была сырая версия тогда, проблемы с интерполяцией и интерпретацией табуляции были. Сейчас уже всё перенесли
twitter.com/roma_milkovic/…

13:15
@cssunderhood А кто-нибудь использует для тестов что-то типа Galen? galenframework.com т.е. вместо скриншотов - декларативное описание?

Вообще прошу уделить внимание этому реплаю, мне любой опыт в этом вопросе тоже крайне интересен twitter.com/vfurso/status/…

13:16

Другая сторона рефакторинга — ревью. Без ревью вообще неочевидно, что сделанные вами изменения действительно сделали код лучше

13:18

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

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

У нас стандартный инструмент — stash, который, видимо, эквивалентен битбакету. Ревью предполагает подтверждение минимум от двух ревьюеров

13:36
@cssunderhood бесило потому что не было методологий на проекте

Самое важное при ревью — выбор критериев оценки. Это может быть методология, но не только лишь она twitter.com/antonfrolovsky…

13:46

У нас есть «памятка ревьюера», в которой явно запрещается обсуждать вещи «религиозного характера», что для меня неясно (неформализовано)

13:49
@cssunderhood Делаем. К сожалению внутренним аналогом Гихаба (каким он мог бы быть в 1990-е).
13:50
@cssunderhood А можешь расшарить? У нас как раз пробел (или таб? :–) в этом.

Расшарить — попробую, не обещаю. Но на табы/пробелы мы точно время не тратим, мне кажется это несуществунным нюансом twitter.com/sapegin/status…

13:54
@cssunderhood phacility.com/phabricator/ все здесь: и код, и ревью и таски. Замечательный инструмент
13:55

Вообще по кодстайлу лично моя мысль — он должен содержать минимальное количество правил, ограничивать грабли, но не мешать работать

13:57

В этом плане набор пожеланий к оформлению "css"/styl на ok далек от совершенства — оговаривается слишком многое. Например, порядок правил

13:58

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

14:01
@cssunderhood Про табы я шучу ;-) Всё, что можно запретить линтером, нужно запретить. И не тратить время на код-ревью.

У нас, кстати, нет линтера, но есть долгая история обсуждений смысла его внедрения. Пока что всем лениво twitter.com/sapegin/status…

14:03

Short-list свойств, требующих внимания: overflow, z-index, float, display:flex, position: fixed, font-size: 0, line-height не коэффициентом

14:05

@cssunderhood transform,backface-visibility,позиционирование,не кратное 4, цвета,не ложащиеся в стандартную палитру,base64 и что-нибудь еще

14:10
@cssunderhood Если есть джуниоры или любители поспорить, линтер незаменим.

Право ревьюить css у нас выдается человеку с опытом работы не менее года, да и джуниоров мы не берем twitter.com/sapegin/status…

14:12
@cssunderhood А правда что у flexbox с производительностью плохо? Очень давно видел тест flexbox vs float и старый метод был гораздо быстрее

Руками не проверял,другим не верю,хорошего ответа на вопрос не знаю. При ревью флексы не баню, сам стараюсь без них twitter.com/roma_milkovic/…

14:14

@cssunderhood но если фантазировать, то потенциально любой нефиксированный руками способ раскладки может дернуть reflow у потомков

14:16

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

14:19

Допустимая вложенность правил не более двух,чтобы не терять контекст в коде. Бан на составные селекторы вида &-item. С & вообще аккуратно

14:21

Мы используем только «сокращенные» модификаторы вида .block.__mod, с ними & можно. При контекстном .context & — можно. Остальное — опасно

14:24

Недавно перекрашивал на ok все кнопки из зеленого в оранжевый,чуть недооценил & и влетел на +800 селекторов. А вы удивляетесь,откуда 1mb css

14:26
@rimmer333 @cssunderhood я делал рефакторинг. Выкинул стотыщ ненужных флоатов, инлайн-блоков, флексов и переписал все нормально на абсолюты.
14:27

Я вот кстати со времен верстки посредственных промосайтов очень люблю абсолюты, но теперь не очень получается ими пользоваться =)

14:28
@cssunderhood а stylus у вас с каким синтаксисом? Скобочки ставите?

Да, мы в этом плане чтим традиции — скобки, двоеточия, точки с запятой, всё как полагается twitter.com/c01nd01r/statu…

14:29

Мне нравится подход,когда из проекта выделяют _малое_ количество общих переменных и примесей в отдельный файл. Это дешевый путь улучшить код

14:32

@cssunderhood на ревью можно просто напомнить об использовании таких значений. Главное — следить за изменениями этого файла и вовремя банить

14:34

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

14:39
@sapegin @cssunderhood Литер нужен. Всегда. Чистый код. Меньше работы. Автоматизация.

Это всё клёво, когда у вас проект с нуля, или маленькая кодовая база, или очень много времени на изменения twitter.com/Copypasting/st…

14:40

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

14:44

Вы мне сейчас будете говорить про независимые блоки, shadow dom, эмуляцию scoped styles в angular 2, генерируемые префиксы, но жизнь сложна

14:45

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

14:47

Кроме стандартного ревью до слияния с мастером у нас в ok есть еще спорная практика пост-ревью. Этот процесс живет только в команде верстки

14:52

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

14:53

Формально пост-ревью — так себе решение. Заставить кого-то что-то переделать несколько дней спустя может быть непросто. Но есть и плюсы

14:56

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

14:57

Пост-ревьюить можно весь код, не только css. Не сомневаюсь, что у вас были случаи, когда разработчик самостоятельно менял верстку. Это оно

14:58

Наконец, для пост-ревью не нужно вообще никаких специальных инструментов. Если пролезло что-то критичное, достаточно revert-коммита

15:01

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

15:05
@cssunderhood а почему выбрали Stylus? Мне кажется многие выбирали Stylus из-за синтаксиса.

На вопрос о причинах выбора Stylus отвечает @operatino_ru
twitter.com/xwoody/status/…

15:12

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

15:14
@cssunderhood рефакторил пару раз. Подробностей особо не помню, всё делалось постепенно, с внедрением БЭМа и базовых стилей.
15:30

Постепенный, модульный рефакторинг — это правильно и здорово. Если, конечно, код позволяет

15:31

Но вообще лично мой опыт: код размножается копипастой. Где-то что-то недорефакторили — обязательно вылезет потом. Лучше режьте сразу всё

15:32

У нас на проекте есть как минимум три разные реализации модалок. Раз мы тут про css, то, в частности, три разных стилевых конструкции.

15:38

@cssunderhood Недорефакторили в своё время.Это не единичный пример. Нужны значительные усилия, чтобы закончить рефакторинг,а не «прекратить»

15:39
@cssunderhood ага, на рефакторинге :-P.
15:44

Мои сожаления о проделанной работе связаны, например, с рефакторингом для упрощения поддержки ретины в музразделе ok — всё равно не оценили

15:46

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

15:48

Вторую часть дня предлагаю поговорить об особенностях выкатки изменений на ваших проектах. У нас вот есть условная «css-специфика», а у вас?

17:57

У нас рассуждают примерно так: есть фича и разные гипотезы о её внедрении. Делаем единую разметку, отображение меняем одним модификатором

18:01

В таком раскладе выигрываем практически везде, кроме css: легко переключать «темы», данные шаблонизируют один раз, меньше разметки

18:03

Правда, есть опасение, что в «строгом» компонентном режиме так уже не прокатит, и рубильники придется усложнять. Но пока что живем!

18:05

И вообще. Тут есть еще люди, работающие с a/b на продакшне, или я тут сейчас буду изливать профдеформацию?

18:09

Окей, раз никто ничего не отвечает, начну с начала: a/b-тестирование — это хорошо. В нашем случае оно помогает зарабатывать _значимо_ больше

18:29

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

18:30

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

18:31

Знание об a/b может повысить вашу ценность, как специалиста, потому что a/b очень любят ux-дизайнеры, а ux — это модно.

18:33

В ok a/b может реализовываться по-разному, но с точки зрения html+css это запросто может быть контекстный класс, который меняет вообще всё

18:34

У нас есть простое правило: все ui-изменения должны выкатываться на продакшн обязательно с рубильником в отключке — аудитория теста будет 0

18:36
@cssunderhood а есть интересные источники, для изучения UX и a/b?

Интересные источники для изучения UX, наверное, есть. Сам не читал, могу поспрашивать наших. Для a/b — не слышал twitter.com/PMarinchenko/s…

18:38

Простой пример a/b — обновленная версия вк. У них там есть ссылка для переключения между версиями, это интересный пример контроля a/b юзером

18:40

Мы своим юзерам контроля не даем. Мне кажется, свобода выбора при a/b — неудобно для разработчика. Возможно, я не прав и стоит попробовать

18:42

В любом случае, без a/b рискуете получить кинопоиск и не получить денег. Выкатываете фичу — вешайте классы, переключайте шаблоны и будет ok

18:43
Ребятки, а есть кто у меня в контактах, что про #фронтенд, #линукс, #опенстэк, #питон и ++?

У меня 4 вакансии в Амстердаме 🧀

Рекламная пауза twitter.com/mursya_ru/stat…

18:44

Так, по a/b мне пообещали помочь источниками, но не сегодня

18:54

На самом деле есть еще одна причина кроме a/b, специфичная для ok, по которой мы очень любим css — это хотфиксы

18:56

Релиз ok происходит от одного до двух раз в неделю, а проблемы с ui возникают чаще =). Это требует срочной реакции, тут верстальщик полезен

18:57

Релизиться чаще _непросто_ по разным причинам, начиная от процессов тестирования до, например, работ в дата-центрах и нагрузки на сервис

18:59

Поэтому в админке ok есть поле для применения произвольного css в реалтайме.Точка врезки этого css помечена в коде «на случай ядерной войны»

19:01

Если вы откроете приезжающий html ok, вы легко найдете такие «хаки». Использование подобного порицается, но ничего лучше пока не придумали

19:03
@cssunderhood а букинг вот могёт

vk тоже могёт, там на pitercss разработчик с болью рассказывал, как они так раскатались, а потом фиксили срочно twitter.com/operatino/stat…

19:06

@cssunderhood вот вам ссылка на этот доклад, если кто пропустил youtube.com/watch?v=qseu-Z…

19:08

Почему такие «хаки» неудобны: 1) нужно описывать их в правильном формате, чтобы было понятно, кто автор. У нас указывают фамилию/id таска

19:10

2) «хаки» — тоже код. Неплохо уметь его версионировать. Наша админка умеет, хотя дифф в ней смотреть не очень удобно

19:12

3) «хаки» нужно не забывать переносить в репозиторий или просто удалять. У нас это решается руками и занимает какое-то время + опрос авторов

19:14

Вообще у нас подобные поля есть и для js, и, по грязным слухам, для java, но это уже не формат этого твиттера, и за такое у нас больно бьют

19:16

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

19:19

Тут просили принудительно рисовать ценник на подарке,если тот бесплатен.Привязался к значению поля в json в data-атрибуте. Не делайте так =)

19:22

Еще один «черный» паттерн применения этой возможности — борьба с adblock. В попытке порезать рекламу скрывают лишнее во вред другим юзерам

19:25

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

19:26

В рамках саморазвлечения рекомендую посмотреть, как работает adblock в ff. Они используют -moz-binding, мне это показалось занятным

19:27
@cssunderhood для тупых не верстальщиков можно объяснить, почему?

Для стилизации лучше пользоваться обычными предсказуемыми способами. Нужно показать элемент — повесьте класс,
twitter.com/imbfa/status/7…

19:29

@cssunderhood json в data-атрибуте скорее всего нужен другим модулям. Их потом могут изменить, формат может поменяться, у вас все сломается

19:29

@cssunderhood , причем вы даже об этом даже не узнаете. И еще где-то тут должны быть рассуждения о производительности селектора с [*=""]

19:32
@cssunderhood и откатывать могут мгновенно

Математически выходит вроде бы всё хорошо. Но интуитивно где-то хочется прогона тестов, выкладки на тестовую группу twitter.com/operatino/stat…

19:39

Вообще мне очень близка тема модификации отображения стилями без изменения разметки. Еще со времен работы в веб-студии. Когда код написан ->

19:44

@cssunderhood -> непонятно кем и непонятно как, и вообще доступа к его изменению нет, дешевле наваять css-патч и выслать его автору по почте

19:45

Если я правильно помню, «отцы» развлекались с csszengarden.com . Мне было лениво, я ограничился рестайлом стандартной темы вордпресса

19:49

Я не могу доказать свою гипотезу, но полагаю способность рестайла неизменного html тренировкой интеллекта не худшей, чем какие-нибудь судоку

19:51

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

19:55

Чот как-то фидбэка совсем маловато. Есть две гипотезы: андерхудеры живут по ночам и мой текущий формат неудачен. Попробую завтра вести иначе

20:22
@cssunderhood у нас такое в легаси-проекте было. разметку менять нельзя, потому что все шаблоны в строках, в которых чёрт ногу сломит.
20:55

В первый раз слышу о миксинах, как о способе «разминки мозгов». Обычно как-то в контексте «proof of concept» twitter.com/victoria_veles…

21:26
@cssunderhood вот это еще круче css1k.net
22:32
@iamale_ru @cssunderhood Подробности про вакансии brightcomputing.com/jobs?__hssc=17…
22:42
@cssunderhood сейчас предстоит это, я с ужасом думаю. Пытаюсь покрыть тестами регрессии :(
22:43

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

Доброй ночи :)

0:04
@cssunderhood шта? Ничего не путаете, уважаемый?

Аргументы? twitter.com/twenty/status/…

0:05
@borovikov @cssunderhood ага, каждый год все сервисы, наверное, переписывают, чтобы не ощущать дикого гнёта легаси.

Создаём новые продукты и параллельно убиваем легаси. Если только переписывать на нт ー проиграешь. Про хайп ещё будет twitter.com/twenty/status/…

9:18
@cssunderhood стараюсь держать всё свежим и современным

Большой продукт? Работает в продакшене? twitter.com/GrawlCore/stat…

9:21

Через пару часов сделаю перерыв в работе и начну.
Сегодня поговорим о релокейшн.

9:22
@cssunderhood github.com/admdh/adm-dev-… - сейчас работаю над этим. А ещё есть пара плагинов для @PostCSS. Опенсорс помогает развиваться)
13:00
@DenisZavgorodny @cssunderhood мне почему-то кажется,что стартапы более гибкие к технологиям, чем агенства. Может и ощибаюсь конечно же)

Всё очень зависит. Ощущение, что стартапы легче не подъём и отношение проще к «взлетит» или нет. twitter.com/Fabian_Lagrang…

13:02

Релокейшн.
Люблю писать транслитом иностранные слова. Это переезд в другой город/страну при устройстве на работу, но всё ли так просто?

13:05
Если бы я жил в Воронеже, то я бы...

Недавно наткнулся на опрос @provotorov и решил, что эту тему обязательно подниму во время андерхуда. twitter.com/provotorov/sta…

13:10
В @cssunderhood заводят трактор twitter.com/cssunderhood/s…

Танк :) Бомбическая же тема! twitter.com/jsunderhood/st…

13:11
Недавно наткнулся на опрос @provotorov и решил, что эту тему обязательно подниму во время андерхуда. twitter.com/provotorov/sta…

Опрос был про Воронеж. Можно заменить на любой город – тема актуальна в каждом, только имеет свой собственный срез. twitter.com/cssunderhood/s…

13:14

Когда я говорю «релокейшн», что приходит вам на ум? Заграница?

13:17

У большей части людей, с которыми я обсуждал это всё было 2 мысли:
1) Москва;
2) Страх.

13:20
@cssunderhood да ) но на подкорке где-то крупные города еще. Хотя вот написал это и понял, что кому-то и в тихий город захочется переехать)
13:20
@cssunderhood скорей переезд. Вот мы переезжаем всей фирмой в Симферополь — релокейшн, хотя лучше «переезд» всё же =)
13:20
@cssunderhood cкорее просто любое перемещение

Но всё же есть разница между переездом в другой район города или за 3000км twitter.com/dagoeos/status…

13:21

Сейчас громадное количество предложений и про СПб, Европу, USA. Пункт про Москву меня всегда радовал.

13:24

Как думаете почему, когда столько много вариантов, таким лакомым в головах людей остаётся переезд в Мск?

13:25
@cssunderhood Потому что они безумцы. Я до сих пор не придумал, что мне надо предложить, чтобы я задумался о переезде туда.
13:31
@cssunderhood в СПБ переехал друг. Долго акклиматизировался + ни друзей, ни знакомых + некомпанейские коллеги

Это скорее попадает в «страхи», но да, это не простой шаг. twitter.com/logunoff/statu…

13:32

Задумывались ли вы о переезде и работе в компании в другой город?

13:34
@logunoff @cssunderhood в Петербурге есть @spb_frontend. Периодически они устраивают дринкапы, там можно и единомышленников найти
13:35

Начнём с самого «большого» переезда – за границу.

13:36

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

13:38

Если вы задумываетесь о светлом будущем, например, в USA, то советую @abroadunderhood. Опыт без регистрации и СМС.

13:38

У вас был опыт переездов? Что вам понравилось или хотели бы улучшить в процессе?

13:42
@cssunderhood был из "деревни" в "столицу". Сам переезд. Надо было дальше двигать.

Что мешает ехать дальше? twitter.com/dcromster/stat…

13:45

У меня не было опыта переездов за границу. Кажется, что разницы между переездом по РФ/загранице немного. Может только условия и бонусы выше.

14:03
@cssunderhood естественно упразднение бюрократии) Очереди, бумаги и т.п. И как оказалось, английский практически бесполезен,хотя и не лишний
14:04
@cssunderhood да мне и Белгороде нравится — нашел хорошую работу с отличной зп =)

Речь про Фабит? twitter.com/gladkih_m/stat…

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

А зачем увольняться заранее? Пиши заявление, когда получил оффер и всех всё устраивает. Profit :) twitter.com/logunoff/statu…

14:12
@cssunderhood поэтому лучше хотя бы за пару месяцев предупредить, что собираешься переехать

Да, это однозначно. Просто заранее не стоить всё сжигать, да и денежная подушка обязательно должна быть. twitter.com/b3ard0m/status…

14:18

Итого.
При переезде за границу сложности: бюрократия, виза, язык.

14:21

Кстати, кто где ищет вакансии для работы за границей? У меня нет такого опыта, не могу ничем таким поделиться.

14:22

92% опрошенных ответили, что задумывались о переезде. Вернёмся в РФ. Хочу опустить пока переезд в столицу и СПб. Вы рассматривали города РФ?

14:24
92% опрошенных ответили, что задумывались о переезде. Вернёмся в РФ. Хочу опустить пока переезд в столицу и СПб. Вы рассматривали города РФ?

Екатеринбург, Казань, Новосибирск... twitter.com/cssunderhood/s…

14:33
@cssunderhood эээ? А они существуют? :)
14:33
@cssunderhood Для меня самыми полезными были stackoverflow.com/jobs и berlinstartupjobs.com
15:17
@cssunderhood а расскажите, как вы там живете когда работа заключается в борьбе с каскадностью в каскадных таблицах стилей?

Зависть в говорит вас, падаван.
А вообще, для срачиков я отвёл целый день -- вск. twitter.com/jsunderhood/st…

15:19
@cssunderhood я однажды переехала из Питера в Казань из-за проекта, было круто, прожила там около полугода.

Замечательный опыт. twitter.com/endophasie/sta…

15:20

У меня вот, например, был переезд в Екатеринбург на новое место работы из небольшого города Белгорода, а это почти 3к километров.

15:22

Как думаете, проще ли проходить собеседования дистанционно? У вас был такой опыт?

15:23
@cssunderhood не могу определить, насколько проще, но меня так на текущую работу взяли.
16:07

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

16:09

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

16:13

Ещё сейчас модно проходить собеседования в колабораторных редакторах. У кого-то был такой опыт?

16:15
@cssunderhood Нанять специальных людей делать всю бумажную работу. Очень рад, что мне это посоветовали.

Ты писал об этом в андерхуде или расскажешь об этом моменте? Интересно очень. twitter.com/sapegin/status…

16:17
@cssunderhood Заставляли писать свой Promise в такой штуке. Было тяжело, но мне немного подсказали, и я справился.

Классика. Там же есть подсветка синтаксиса и автокомплит? Это же не на листике писать :) twitter.com/sapegin/status…

16:19
@cssunderhood есть агенства по релокации. Тебе помогут заполнить визовую анкету, проверят все документы перед подачей в консульство
16:20

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

17:15

Когда ты один, это очень простое решение – вещи в сумку и вперёд, знаю по себе, а когда семья?

17:17
@cssunderhood Например, что твоя компания загнётся, и придётся искать новую работу за три месяца.

Или просто не вольёшься в коллектив, захочется сменить работу. Вы бы искали в этом новом городе работу / вернулись? twitter.com/sapegin/status…

17:20
@cssunderhood Думаю, очень зависит от того, хочет ли семья переезжать вообще.

Да, кстати, по какому критерию была бы оценка в этом случае? Только деньги? twitter.com/sapegin/status…

17:23
@cssunderhood Искал бы тут.
17:23

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

17:25
@cssunderhood Если бы только деньги, то мы бы остались ;-)

Сам город, климат или что-то ещё? twitter.com/sapegin/status…

17:27

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

17:30

Кстати, если говорить про друзей, тема уже поднималась. Как вы искали новых друзей/знакомых в новом городе?

17:33
@cssunderhood Думаю, всё сразу. Плюс много ли держит дома, и есть ли желание вообще взять и всё поменять.
17:34
@cssunderhood бывшие нормальные коллеги.
17:46
@cssunderhood Был. Проще.
18:20
@cssunderhood проще в том плане,что никуда ехать не надо и о времени договориться. Но в плане вопросов - всё тоже самое и нисколько не проще
18:20
@cssunderhood при переезде в Питер нужно учитывать климат, как мне кажется :) Особенно при метеочувствительности
18:42
@cssunderhood 1. Записываешься в кружок по интересам (языки, рисование и тд).
18:43

Я больше всего переживал, что не найду жильё, когда приеду. Это прям было непросто работать полный день+ и вечерами гонять смотреть квартиры

18:46

В новом городе, вы можете жить в любом районе. Вы бы выбирали жильё ближе к работе?

18:50
@xCubek @cssunderhood первые два года (‘06) часто болел, ангина по 3 раза, царапины заживали месяцами. Хотя переехал с севера (Архангельск).

А я даже начал думать, что климат не подходит 😂 twitter.com/Realetive/stat…

18:51
@cssunderhood ближе к транспортной развязке. Неизвестно что легче: сменить работу или в короткий срок найти новое жильё.
18:55
@cssunderhood конечно. ненавижу пробки.

Я тоже так решил и нашёл квартиру в центре города, в 7 минутах ходьбы от офиса, но она была прям жаришка. twitter.com/GrawlCore/stat…

18:57

По фоткам она была ок: натяжные потолки, ламинат, а на деле умирающая хрущёвка в лучшем состоянии 😂 @cssunderhood @GrawlCore

18:59

.@SheVasya @GrawlCore, это ”ужас какой-то”

19:01
@cssunderhood а если нет ни работы, ни жилья, за что больше переживать? Интересно было бы узнать мнение людей. Я больше о работе думаю.
19:05

На первое время можно остановиться у друзей/знакомых и параллельно искать или офф.работу либо фриланс @doberbober

19:09
[@vladimore](https://twitter.com/vladimore "ng-bind="🤘"") @cssunderhood просто мыслей о жилье вообще прям нет. Ни капли, почему-то. Хотя, найти нормальное жилье тоже, думаю, непросто.

В смысле, ты не знаешь как искать или пока ищешь работу нет подходящих вариантов? twitter.com/doberbober/sta…

19:13
@cssunderhood В Берлине с этим тоже туго.
19:16
@doberbober @cssunderhood нормальное жильё в России "золотое". Знакомые в Екатеринбурге ипотеку взяли вместо съёма квартиры: дешевле вышло.

Если честно, я тоже задумывался об этом 😮 twitter.com/octowed/status…

19:18
@doberbober @cssunderhood собственно, это главная проблема. И меня она удерживает от переезда куда-либо.

Именно, по этому я не поехал в Мск. Для меня немного дико, что +/- половина зарплаты будет уходить на жильё. twitter.com/octowed/status…

19:20
@cssunderhood Не рядом, полчаса — в самый раз. И почитать можно, и не сидишь в одном районе весь день.

Сейчас у меня такой вариант: 40 минут пешком. Нравится, что можно спокойно доехать на велике, послушать подкасты :) twitter.com/sapegin/status…

19:21
@cssunderhood пока работал в офисе перебирался максимально ближе к работе. Общественный транспорт ад, который убивает мотивацию с утра
19:27
@cssunderhood Не везде можно работать без прописки. @doberbober
19:31
@cssunderhood а можно конкретнее, какие именно подкасты? 😊

Технические, @RadioJSPodcast, так и истории про бизнес всякие. Очень нравится Рунетология m.runetologia.podfm.ru twitter.com/AnroyPaul/stat…

19:52
Технические, @RadioJSPodcast, так и истории про бизнес всякие. Очень нравится Рунетология m.runetologia.podfm.ru twitter.com/AnroyPaul/stat…

В Рунетологии тот подкаст, я считаю бомбическим: m.runetologia.podfm.ru/589/ twitter.com/cssunderhood/s…

19:56
@cssunderhood @octowed @doberbober просто не нужно в Мск работать в Яндексе.

Ты имеешь в виду идти в стартап? twitter.com/twenty/status/…

19:58
@cssunderhood Яндекс есть и в других городах. В России модно офисы открывать не только в столицах. Может в тч из-за стоимости аренды.

Разные часовые пояса, например, а ещё офисы могут быть заточены под определенную специализацию. twitter.com/SheVasya/statu…

20:01
@twenty @cssunderhood @octowed @doberbober по возможности лучше нигде не работать в яндексе

Почему? twitter.com/b3ard0m/status…

20:02
@cssunderhood @twenty @octowed @doberbober да есть куча компаний где можно нормальную зп выбить, если скиллы соответствуют

На этой отличной ноте можно закончить сегодняшнюю тему. Считаю, переезд – это хорошо и плюсы перевешивают опасения twitter.com/borovikov/stat…

20:39
@cssunderhood @octowed @doberbober зависит от зарплаты же

Да, соотношение, конечно же, образное было 😀 twitter.com/_sashashakun/s…

20:40

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

@cssunderhood кстати, про сетки, подскажите плз что сейчас в тренде (поддержка бро IE >= 10)?

Большинство делает на флексах. twitter.com/webroru/status…

11:46
@cssunderhood @webholt о каких наставниках вы постоянно упоминаете, о ком вообще речь?

Я говорю о наставниках на интенсивах @htmlacademy_ru twitter.com/make_me_loco/s…

11:46
@cssunderhood htmlacademy.ru на float`ах, а внутренние страницы на flex`e. Для чего так? Если это не коммерческая тайна конечно =)

Это процесс перехода на новый дизайн и вёрстку. Что-то уже переведено, а что-то ещё нет. twitter.com/apiatetskyi/st…

12:03

А тут есть дизайнеры?

12:05

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

12:08

И для верстальщиков. Чувствуете ли вы, что дизайнеры стараются делать исходники дизайна удобными доя верстальщиков?

12:10

Забавная статистика, несмотря на то что голосов немного. Большинство дизайнеров старается, а большинство верстальщиков этого не чувствует.

13:01

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

13:05

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

13:07
@cssunderhood макет в аи. одна большая проблема

Не вижу в этом большой проблемы если честно. twitter.com/2nd_suck/statu…

14:25
@cssunderhood вместо тысячи слов. pic.twitter.com/KthM54XDQz
14:26
@cssunderhood это задача дизайнера

Только она не всегда выполняется. twitter.com/nemcik7/status…

14:26
@cssunderhood макеты под моб. устройства спустя неделю-две после версии для desktop

Вот с такими вещами я вообще предпочитаю не работать. twitter.com/NUM13RU/status…

14:27
@cssunderhood картинка с логотипом с blend mode: multiply на фоне с паттерном(и не только логотип) 😀

Кстати, использование дизайнерами режимов наложения встречается мне всё чаще и чаще в последнее время. twitter.com/mr_roose/statu…

14:30
@cssunderhood вопрос от дизайнера не из IT: верстальщики же переваривают грамотно собранный .Ai?
Или только .Psd, только хардкор?

Ну можно и иллюстратор, фотошоп или скетч. twitter.com/curlymario/sta…

14:31
@cssunderhood Хочешь чтобы твой дизайн был такой как задумал - дружи с верстаком! Не знаешь, что можно, а что нет - спроси его! Я так делаю.
14:32
@cssunderhood сетку накладывают уже поверх макета, иконки разного размера, платные шрифты неясно откуда, полное непонимание адаптивности.

Перестроение макета на разных устройствах – дизайнеры часто делают неправильно из-за непонимания самой вёрстки. twitter.com/octowed/status…

14:34
@cssunderhood На фрилансе, вообще макетов под мобильные не дождешься. Делай, как сам считаешь. Пишу не о супер-пупер проектах. Об обычных.

Макеты на фрилансе – это отдельный дикий ужас чаще всего. twitter.com/vovagabel/stat…

14:35
@cssunderhood ой, адаптивность вообще больная тема. Вроде блок был в шапке, а уже в футере.
Ну это я образно, конечно.

Порой так и бывает. twitter.com/c01nd01r/statu…

14:36

А почему никто не говорит про @sketchapp? Мои знакомые говорят, что дизайнеры поголовно переходят на него.

14:37
@c01nd01r на моем опыте была такое, что инпут в адаптивной версии стал селектом. @cssunderhood
14:42
@cssunderhood @sketchapp возможно потому что дизайнеры, которые переходят на него с фш - уже лучше понимают верстку и делают меньше зла
14:44
@cssunderhood а как же девиз @artpolikarpov «верстальщик — тоже дизайнер»? :)

Конечно верстальщик тоже должен быть немного дизайнером. twitter.com/denswor/status…

15:23

Верстальщики у которых нет мака, как вы открываете макеты, которые дизайнер рисует в @sketchapp ?

15:24
@cssunderhood когда не было открывал через зепелин
15:31
@cssunderhood для этих целей есть @zeplin_io
15:31
@cssunderhood а есть варианты кроме avocode?

Есть например @zeplin_io twitter.com/Sigiller/statu…

15:32
@cssunderhood @sketchapp avocode.com zeplin.io

Ну, в общем, вот что вам нужно, если вы верстаете не на маке, а вам прислали макет в @sketchapp. twitter.com/GrigorievPavel…

15:33
@cssunderhood @sketchapp у меня стоит виртуальная машина с маком, всё отлично работает и верстается pic.twitter.com/9b1sXWA1nT
15:40

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

15:45

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

15:46

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

16:05
@mankutila @cssunderhood в джипеге отдавать дизайны — это конечно верх маразма, за такое надо воспитывать уж не знаю чем у вас принято.

Неужели кто-то будет верстать макет из JPG? twitter.com/denswor/status…

16:07
@cssunderhood макет макету рознь, конечно же. можно и сверстать, особенно если ничего сложного не видно. но есть же нормы приличия какие-то!
16:09
@cssunderhood много лет назад atrium.su я верстал с jpg. Суровые времена были.
16:10
@cssunderhood, иногда прям в макетах пишет такие стикеры. Замечу, что у нас не лендинги, а формы, графики, таблицы. pic.twitter.com/h8qXOuYjoV

Это пример хорошего взаимодействия с дизайнером. twitter.com/isquariel/stat…

18:53

По каким причинам дизайнеры могут не готовить макет для верстальщика? Это неграмотность специалиста или лень например?

20:05

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

20:07
@cssunderhood а что именно нужно подготовить?

Имеется ввиду что макет – удобен для верстальщика. И если ты не делаешь это сразу, то потом ты делаешь это отдельно. twitter.com/Yumadilov/stat…

22:27
@cssunderhood а что именно нужно подготовить?

Это и есть подготовка макета к вёрстке. Или делаешь сразу хорошо. twitter.com/Yumadilov/stat…

22:28
@cssunderhood я вот не уверен до сих пор, что значит до конца «подготовить макет для верстальщика». круто, если был бы чеклист общий.

Вот минимум, который должен знать дизайнер github.com/nicothin/web-d… twitter.com/jimitori/statu…

22:29
@cssunderhood так это все результат договоренностей. Кто-то по пнг сделает как надо, кому-то все нужно разжевать, а толку все равно мало.

Я не говорю про персональные особенности и требования конкретного верстальщика. Я говорю про общие правила. twitter.com/Yumadilov/stat…

22:32
@cssunderhood Вот видео в тему, для дизайнеров больше. Но все же. youtube.com/watch?v=lW4uzJ… @pepelsbey, спасибо за интересный доклад!
22:34

На этом ретвите на сегодня всё. Продуктивной ночи.

22:36

Привет, коллеги! Ух, меня сегодня дедлайном придавило так придавило, но я постараюсь быть с Вами и поднимать темы для обсуждения.

9:40
@cssunderhood Emmet тоже позволяет писать в одну строку w10+h10

Да, я знал об этой фишке, но мне такая реализация показалась неудобной для постоянного использования :) twitter.com/pl__nk/status/…

9:41
@cssunderhood нубский вопрос: что есть "новомодные лигатуры"?)

Вот тут можно почитать: goo.gl/Po8KyL twitter.com/mankutila/stat…

9:43
@GrawlCore @c01nd01r @_ramoona @cssunderhood именно из-за этого не могу использовать лес, от скобок кружится голова и теряю сознание...

Если дикую вложенность не городить - то обычно и не путаешься. twitter.com/ardshock/statu…

9:44
@cssunderhood пиши в гиттер тарса с проблемой. Артем, разработчик проекта, постоянно мне помогает с какими-то траблами.

Да, я уже подготовил для issue данные, после дедлайна обязательно обращусь к Артему за помощью. twitter.com/petrthepig/sta…

9:46

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

9:48

Давайте попробуем составить список того, к чему нужно быть готовым молодому верстальщику/фронтендеру, когда он начинает работу в команде?

9:56

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

10:09

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

10:10

Пока мы собираем список будущих граблей для верстальщиков, подведу небольшой итог из ваших вчерашних "историй использования" редакторов :)

10:34

Самым частым выбором первого редактора оказался NotePad++. Аплодисменты ветерану!

10:36

По общему количеству упоминаний (и, видимо, времени использования) использования лидируют PHPStorm/WebStorm.

10:37

Самый частый переход с редактора на редактор: SublimeText -> PHPStorm/WebStorm.

10:38

Ну и, наконец, в номинации "Использую сейчас" - тоже побеждают PHPStorm/WebStorm, за ними с отрывом в 3 очка оказался Atom!

10:43
@cssunderhood Он до сих пор точно такой же, как и десять лет назад, если верить скриншотам на сайте ;-)

Ну, видимо его сила - в постоянстве:) twitter.com/sapegin/status…

10:44
@cssunderhood Это такая смол-биг-дата?)

"Биг-дата" для самых маленьких) twitter.com/webholt/status…

10:45
@cssunderhood недостаток один: немногие знают о его существовании и предпочтут делать плагины для Атома

Если VSCode действительно так хорош - народ естественным путем на него пересядет. twitter.com/nautilusdranus…

10:48
@cssunderhood Вспомнил, первым редактором кода был редактор в Far Manager с подсветкой, я довольно долго в нём сидел #farmanager

Даже боюсь спросить - было удобно?) twitter.com/dshster/status…

10:58
@cssunderhood думаю даже если чего-то не знаешь спрашивать и не бояться, и главное желание делать даже если не сразу получается
11:03
@cssunderhood найди уже своему Деду занятие чего он "внука" отвлекает от твиттера)

Бабы ему не хватает:) twitter.com/nemcik7/status…

11:06
@ardshock @cssunderhood с какой стати бэкэнд диктует тебе, каким инструментом пользоваться? ты же не говоришь им, какой фреймворк юзать

Бывает, например, в php-фреймворках, есть написанные под бутстрап готовые модули и для проекта в целом они нужны. twitter.com/_ramoona/statu…

11:11
Да я именно про это и говорю и это боль особенно когда у тебя отторжение к бутсрапу... twitter.com/cssunderhood/s…

Боль еще какая, но ради блага) twitter.com/ardshock/statu…

11:13
@cssunderhood сомнительного какого-то блага

Ну мы же - часть проекта. И я про случаи, когда мне быстрее стилизовать бутстрап, чем бекенду переписывать модули. twitter.com/_ramoona/statu…

11:18

@cssunderhood Мне еще повезло, такие случаи в моей практике - редкость.

11:19
Наконец-то я буду более-менее знаком хоть с одним иностранным языком :: geektimes.ru/post/274956/

Маразм крепчал... twitter.com/webholt/status…

11:29
@cssunderhood лучше спроси кто использует, например, Brave brave.com
или Vivaldi vivaldi.com ?

А действительно, есть ли среди нас такие? twitter.com/SilentImp/stat…

12:15
@webholt надо уже начинать внутри команды общаться на JS, а то пока без консоли научишься говорить..

в России надо бы поокуратнее с этим - быстро в иностранные агенты запишут:) twitter.com/meuwka/status/…

13:52
@cssunderhood уметь говорить "я не знаю". Часто стажеры пороли чушь, пытаясь показать, что они знают то, о чем не имеют понятия
14:07

А помните, я обещал вам устроить небольшой литературный конкурс? Можете не отвечать, конечно же помните:)

14:55

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

14:56

ИТАК, ПРАВИЛА КОНКУРСА: до воскресенья присылайте мне в личку небольшой текст на тему: "Почему я в веб-разработке?"

14:57

Попробуйте интересно и емко рассказать - почему вам нравится то, чем вы занимаетесь, что дает вам труд веб-разработчика?

14:57

Авторитетным жури выступим я, жена моя и Марина Ивановна, теща моя распрекрасная.

14:58

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

14:58

Надеюсь, Вам будет интересно попробовать себя в этом и, заодно, поделиться с нами дельными мыслями!

14:59
@cssunderhood призы будут?

Конечно, памятные, приятные и ручной выделки:) Анонсирую в пятницу! twitter.com/Copypasting/st…

15:14
@cssunderhood прекрати же уже писать "вам" с большой буквы! Хочется кого-нибудь ударить :)

Ну не ругайся, это - застарелая привычка :) давно борюсь с ней. twitter.com/the_mobius_cat…

15:40

@cssunderhood поправочка, "жюри", конечно :)

15:42
@cssunderhood с какого возраста верстальщик/фронтендер становится немолодым?

Думаю, после пары-тройки лет работы в коллективе) twitter.com/losewmac/statu…

15:43
Спасибо, свою неделю в @cssunderhood я уже провел. @gladkih_m @ymatuhin

С удовольствием вас читал. Но у меня другой стиль и цели. И я намерен придерживаться своих принципов до конца недели twitter.com/denysdovhan/st…

0:35

Я пока сбавил активность — по совету @niquola поставил Spacemacs, пытаюсь освоить его. Пока такое двойственное чувство, как в шутке про Vim:

0:39

— Я уже пять лет работаю в Vim. Просто не знаю, как отсюда выйти…

0:40

Кстати, новый сайт bem.info использует вертикальный ритм, что заметно даже невооружённым глазом. Это очень круто, я считаю.

1:06

А «верстали» ли вы под React Native? А то смотрю я тут доклад Алексея @doochik Андросова и ху… когнитивно диссонирую
youtu.be/RwTmWpZ0MyA

2:31

По поводу личной эффективности я не лучший пример, имхо. Но кое-какие наработки имеются, сейчас расскажу, спасибо за идею, @hiway_real

14:24

Пробовал использовать Toggl, но почему-то он понравился мне меньше, чем @trackingtime – аналогичный функционал free. pic.twitter.com/L2z4fVNho8

14:31

Для личных нужд ещё хорош «помидорный» PomoDone, синхронизируемый с Вундерлистом (предпочёл Тудуисту) @d3head pic.twitter.com/J17ti5juI3

14:37

Все мои достижения в сфере веб-разработки — самообразование; специализированного диплома у меня нет (разве что фельдшера). Не жалею ни чуть.

14:41

Я поступил в ИТМО экстерном на середину второго курса на бюджет. Но с помощью каких-то махинаций «выше» меня зачислили на платное.

14:43
@cssunderhood а потом ты встретишь задачу требующую знания алгоритмов и «ОЙ».

Полностью согласен. Ощущаю нехватку именно академических курсов, матана. Всегда испытывал трудности с формулами. twitter.com/SilentImp/stat…

14:46

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

14:47

Но когда в хвалёном ИТМО тебя в 2011 г. учат скруглять углы пнгешками, а на CSS3 преподаватель смотрит, как на магию, невольно задумаешься.

14:50
@cssunderhood @d3head чем тебе нравится вундерлист?

Даже не то, чтобы нравится. Я просто узнал о нём раньше, поздно было менять. В Todoist чумовая мотивационная система twitter.com/denishus/statu…

14:52
@SilentImp @cssunderhood профессиональный стаж заменяет диплом, бзв.

А ещё я недавно понял, как важна работа в команде, когда есть наставник, па́рное программирование и код ревью. twitter.com/ostelaymetaule…

14:57
@cssunderhood какой факультет, кафедра?

Я учился на Информационные технологии в дизайне, факультет «Точных Механик и Технологий». twitter.com/vlkosinov/stat…

15:01

После того, как бросил ИТМО (они якобы перевели на бюджет на 3 курсе, а спустя полгода опять потребовали деньги — или плати, или вали)…

15:11

… поступил в Британский институт искусства и дизайна. Но, как вы понимаете, ТАКИХ денег на обучение у меня точно не было. Тешил самолюбие.

15:13
@Sigiller Это я к тому, что высшее образование, желательно два-три — нужны @cssunderhood
20:34
@cssunderhood @trackingtime а не смущает редизайн TrackingTime когда шикарный дизайн на скрине сменили на жуткий нечитаемый bleeding red?

Смущает. И гамма, и отсутствие нормальной кириллицы. Но они молодые ребята, только развиваются, им простительно. twitter.com/brusnickin/sta…

20:41

А проверяете ли вы свою вёрстку в Opera mini? Вопрос, конечно, субъективный — зависит от продукта. Но всё же… pic.twitter.com/b9kCSajYjp

20:49

Когда вы забываете об Opera mini, где-то грустит один Леонид Аркадьевич, а Вадим @pepelsbey Макеев ему тихо вторит… pic.twitter.com/3jG7Bnhh11

21:36

Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

22:29
Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

12 ответов и лишь половина правильных.
@Alex_Jegulsky, это тест, а не вопрос — не «палите», пожалуйста, свой вариант twitter.com/cssunderhood/s…

22:53
@cssunderhood это как поддержка ie6 сейчас. Если нравится им пользоваться уг, то пускай и смотрят на уг сайты.

Звучит как: «я делаю УГ, не работающее в Opera mini, теряя аудиторию в 12.000.000 пользователей по России». twitter.com/dmitrmarchenko…

23:21
@cssunderhood в рф на бюджет принимают исключительно на первый курс, так кажется положено по закону если хочешь экстерном плати знаю по себе

Была подписанная бумага от начальников кафедры и факультета на вакантное бюджетное место. На платное перевели позже. twitter.com/Aliksei/status…

23:53
@cssunderhood @eightalex h1-6 имеют свои марджины, а <div> – нет, может что-то поплыть.

reset.css решает (сейчас начнут ругать за reset) @denysbutenko twitter.com/denysbutenko/s…

2:18
@cssunderhood если короче – это двойная работа.

чаще просто работа, не двойная. seo требования от клиента часто разнятся с нашим видением @denysbutenko twitter.com/denysbutenko/s…

2:23
@cssunderhood вместо ссылок с href="#" тоже дивы? А потом каждый раз сюрпризы при изменениях.

Речь о h1-h3 (глубже редко встречал) @denysbutenko twitter.com/denysbutenko/s…

2:26
@cssunderhood хм, а покажи где в wercker интеграция с ftp?

Сейчас там еще и pipeline именованные добавились, а до того один именованный deploy. В него... @Copypasting twitter.com/Copypasting/st…

10:37

В него можно было добавить steps Я использовал simpletechs/ftp-deploy-exclude Искать тут app.wercker.com/#explore/steps… @Copypasting

10:38

Еще вариант, добавить в свой grunt (gulp) какой-нибудь ftp-deploy и запускать его после билда в контейнере wercker @Copypasting

10:40

У меня сегодня день рождения, буду снова смотреть youtube.com/watch?v=xPPCzr… А позже поговорим о самореализации и куда расти верстальщику

10:42

Частая тема для обсуждения профессиональный рост. Можно развиваться в своей области,стать лучим верстальщиком на планете,а можно идти дальше

12:51

А куда дальше? Менеджеры?

12:52

Я в 25 не особо задумывался над этим, а сейчас уже поздно, наверное

12:52

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

12:54

Тут велика роль наставника, мне кажется.

12:54
@cssunderhood фронтенд, жс?

Путей, на самом деле много. js клиентский, js серверный, просто уйти в серверную разработку, мобильная разработка.. twitter.com/c01nd01r/statu…

12:56

Свое дело, т.е. Да вариант. @dbarabashdev twitter.com/dbarabashdev/s…

12:58

Тут вот интересуются @dbarabashdev twitter.com/dbarabashdev/s…

13:04

Я заговорил о наставнике. А вам нужен наставник? Ну или хотели бы иметь?

13:18
@cssunderhood оффтоп: потому что Реакт — это библиотека, а Angular 1 — фреймворк.

И об этом тоже гугл расскажет ) @twenty twitter.com/twenty/status/…

13:40
@cssunderhood я был хз, но теперь у меня начальник – препод пргмрня, может буду чёнить уметь умное прям, монады-хуяды)

А мне не хватает ментора. Человека, который бы направлял. Крутого чувака, на которого можно равняться @GrawlCore twitter.com/GrawlCore/stat…

18:17

Увидел в профиле @asakasinsky должность веб-технолог Это так согрело душу. Веб-технолог это более широкое понятие нежели фронтендер?

22:22

Интересные результаты опроса о наставнике. 68% процентов хотели бы иметь наставника и лишь 8% его имеют. Тимлиды и менеджеры - задумайтесь

22:35
@cssunderhood не всегда ученик готов \ имеет возможность заплатить ментору. Иногда мешает банальная боязнь показаться навязчивым.

Заплатить? Я думал что наставничество - это волонтерство @_luckytea twitter.com/_LuckyTea/stat…

23:09
@cssunderhood @_luckytea менторство - добровольное и бесплатное занятие. Платят консультантам и коучам. Я ментор и мне нравится =)

Вот оно! А я еще и бывший препод. Потому, менторство это еще и удовольствие @ABatickaya twitter.com/ABatickaya/sta…

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

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

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

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

12:58

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

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

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

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

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

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

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

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

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

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

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

16:41

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

23:48
@cssunderhood each/foreach?

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

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

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

23:55

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

9:54

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

9:56

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

9:57

Так появилась группа вконтакте vk.com/frontseagulls и чат в телеграме. Пока все только онлайн, но уже на подходе первая встреча.

10:00

Не хотелось ставить в название что-то вроде "dag" или "05", поэтому выбор пал на чаек. pic.twitter.com/cWJbHKkzOp

10:02

Чайки ассоциируются с морем, они классные и я их люблю.

10:04
@cssunderhood Ты когда-нибудь пробовал, например, чистить рыбу на берегу, где много чаек?)

Нет :D Но бросался хлебушком зимой, а они ловили его на лету. Было красиво. Даже фоточки есть где-то. twitter.com/webholt/status…

10:10
@cssunderhood как попасть в чат?

Пардон, проглядел.
telegram.me/frontend_seagu… twitter.com/WestonCharles/…

10:27

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

10:30

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

10:31

Пробовал и гиттер и слак. В слаке даже набралось сколько-то людей и воцарилась тишина. Необходимость регистрироваться отсеивает много людей.

10:32
@cssunderhood телеграмм для таких вещей объективно удобнее. Слак хорош только для работы, для простого чата его функционал изботчен

+1. Slack больше подходит оффлайновым командам разработчиков, которым нужна удобная для обсуждения площадка. twitter.com/Sigiller/statu…

10:36
@cssunderhood @Sigiller слак ещё удобно для всяких онлайн-курсов использовать - каждый урок в отдельной теме, запиненые ДЗ и тд

На заметку! twitter.com/zhyvebelarus/s…

11:02

Вопрос к жителям "не-столиц". Какие конференции вы посещаете, участвуете ли и как они вам помогают?

11:13

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

11:14

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

11:15

Тут очень помогает доклад @olmokhov "Путь бобра".
youtube.com/watch?v=b7kFvT…

11:16
@cssunderhood @olmokhov Таки ты посмотрел и оценил (=

Посмотрел, оценил, вдохновился, понял, что это не фантастика, и начал. twitter.com/webholt/status…

11:19
@cssunderhood зачетное название для конференции в вашем регионе 👌

Да, название отличное. Жаль, что организаторы куда-то пропали. Там был и геймдев и микроконтроллеры и много другого twitter.com/rboykov_/statu…

11:20
@cssunderhood ездил в Харьков, Киев и Москву на конференции. Узнавал новые фишки, общался с людьми. Это давало понимание некоторых вещей
11:21
@cssunderhood ну разные бывают. обычно компании проводят. itnonstop, javaday. И фонды (ФРИИ). Если ты эксперт, особо не помогает) это связи
11:44
@cssunderhood в моем городе Гродно ничего подобного не было :( смотрела онлайн и ездила. а потом перебралась в Минск.
11:45
@cssunderhood иногда проводятся необычные встречи, правда. По дизайну и мини-воркшопы. Это наиболее полезные сходки) иногда приглашают топов
11:46
Макетов нет, но вы держитесь!
12:20

А есть среди вас верстальщики и фронтендеры, которые в работе используют все то, о чем рассказывают на конференциях?

15:11

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

15:11
@cssunderhood было. типа фронтенд, а занимаешься версткой ) думаю, все от проджект менеджера зависит. интересно где крутую команду найти
15:25
@cssunderhood если честно, я вообще не использую препроцессоры, сборщики, git и живу нормально)
15:30
@cssunderhood зачем себя так мучать? Нет работы с нормальным стеком технологий? Битрикс - адок тот еще

Увы, нет. На фреймворках работают одиночки-фрилансеры. Студии поголовно сидят на CMS twitter.com/id2473/status/…

15:41

Не сразу) @_yukkat

16:45
@cssunderhood в двух местах работала с битриксом. Фронтенд всегда настраивали как хотели
16:45
@cssunderhood если компания помогает с переездом?

Не все помогают) И это надо еще дистанционно заинтересовать. У меня такого пока не было. Только удаленка. twitter.com/olmokhov/statu…

17:09
@id2473 @cssunderhood есть вариант спрятать битрикс за nginx, вместе с nodejs, и поручить последнему фронт. А битрикс пусть json ему отдаёт.

мсье, да вы проказник twitter.com/vitkarpov/stat…

18:17
@cssunderhood А что смущает в 5-6 классах на диве?

Мне лично кажется это ненормальным. 2-3 класса - самое оно twitter.com/midler/status/…

8:27
@cssunderhood не знаю, как там с крупными проектами, но я смысловые названия пишу. searchmd, newsmd и подобное. Чтоб по названию было ясно.
8:27
@cssunderhood А зачем 5-6 классов? Это какое-то адовое миксование. Это надо решать на этапе проектирования блоков.

Часто бывает, что даже в утвержденном проекте начинаются правки. Причем лавиной - сначала немного, а потом - вагон twitter.com/moskwin/status…

8:28

Как работать с CSS-препроцессорами и БЭМ: nicothin.github.io/idiomatic-pre-…
/via @moskwin

8:29
@cssunderhood а как это решается без БЭМ и блоков/модификаторов?

Изменяем код как и в БЭМ twitter.com/soulmusic/stat…

9:31
Соглашусь. Один — класс от блока, второй — модификатор (если нужен). Ну и максимум третий — класс миксования. @cssunderhood
9:31
Если это layout-элемент, то класс от блока layout__ может быть. @cssunderhood
9:31
Если 5-6 классов и при этом — это «БЭМ», то это уже не БЭМ, а классянка. БЭМ — это как раз про уход от атомарности. @cssunderhood
9:31
@moskwin single-responsibility principle, functional CSS и все такое @cssunderhood
9:31

Я бы выбрал первый вариант. Комьюнити, поможете Александру с выбором? :) twitter.com/AlexanderEin/s…

14:54
@cssunderhood бэм совсем не провоцирует на использование 5 классов на блоке. Стоит сначала разобраться в теме, потом ненавидь наздоровье.

Разбирались в коде любителей БЭМа. Спасибо, заберите обратно twitter.com/f0rmat1k/statu…

14:55
@cssunderhood Видимо, ты разбирался в коде тех, кто не умеет БЭМ. Как в анекдоте - "мне Рабинович напел - не понравилось".

Всяк кулик своё болото хвалит. Сколько ни слушал верстальщиков: "у всех все плохо, но вот у меня!.." twitter.com/DmBabenko/stat…

15:20
@cssunderhood Ты что, смотришь в HTML, а не BEMJSON?

Я смотрю в Slim: slim-lang.com twitter.com/ruGreLI/status…

17:24

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

19:24

Вы ведете свои проекты? Вечерам или в выходные? :)

19:57

1) Честно - много раз пробовал, но забивал ибо сил не хватает на это. Нужно 100% времени уделять на проект, иначе сроки затягиваются...

19:57

2) ...желание пропадает, приходят новые идеи проектов, которые более приоритетные и еще масса причин. Поэтому лекарство - фуллтайм!

19:58
@cssunderhood Есть ещё вариант «прямо на работе» (=

Кто ваш работодатель, если не секрет? ;) twitter.com/webholt/status…

19:58

Один проект хорошо зашел - я получил поездку в Кремниевую долину от Казанского ИТ-парка на 2 недели. Было очень круто. Проект в итоге закрыл

20:00
@cssunderhood Не секрет, но я разве говорил, что сам этим занимаюсь?)
Что, кстати, под проектом подразумевалось?

Да, давайте дадим определение. Собственный проект - то, что вы делаете для того, чтобы был пассивный доход twitter.com/webholt/status…

20:01
@cssunderhood Не секрет, но я разве говорил, что сам этим занимаюсь?)
Что, кстати, под проектом подразумевалось?

Будь то сервис, шаблон для ThemeForest или тому подобных twitter.com/webholt/status…

20:01
@cssunderhood Ну то есть они добросовестно выполняют свою работу и остаётся достаточно много времени на левую (фриланс чаще, чем проект).

про фриланс мы поговорим в другой день ;) twitter.com/webholt/status…

20:04
@cssunderhood Я к тому, что у людей есть время на подобное. Но чаще при этом основная работа у них не шибко крутая (хоть и уместная).
20:08
@cssunderhood мои проект - моя работа. Я стартапер)))
20:24
@cssunderhood Я веду свой проект, кажется, круглые сутки:)
20:40
@cssunderhood На счёт того, что на это уходит всё свободное и не свободное время - абсолютная правда!
20:44

Сегодня вышла статья на @smashingmag о БЭМ: Борьба с 10-ю основными проблемами в БЭМ: smashingmagazine.com/2016/06/battli…

22:08

Большой материал на тему прокрастинации: Почему прокрастинация полезна: vc.ru/p/adam-grant-t…
БРОСАЕМ РАБОТУ И ПРОКРАСТИНИРУЕМ! %)

22:20

Вчера на vc.ru задали вопрос: Как совместить постоянную работу и стартап: vc.ru/p/problem-14879

23:11
@cssunderhood не всегда есть силы и желание сидеть за компом после работы
23:29
@okunev @cssunderhood глобальный импорт в Less доступен в виде плагина less-plugin-glob. Под капотом все прелести Glob.
12:02
@cssunderhood хелп, не могу найти туториал по параллакс эффекту, как здесь 8eight.co.il со всеми этими бургерами. Не подскажете?
12:02
уволившись с работы (учитель), подумала: А почему бы не пойти в верстку. И заверте... twitter.com/cssunderhood/s…
12:03

@cssunderhood @Fabian_Lagrange Ссылка на плагин не та =) github.com/htdt/parallax

12:33

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

12:37
@cssunderhood должны гармонично дополнять друг друга)
14:01
@cssunderhood с дизайнером нужно дружить, тогда ваша работа будет приятней:) особенно в мелочах это может проявиться сильно
14:01

А должен ли дизайнер уметь верстать? А верстальщик понимать в дизайне?

14:33
@cssunderhood на западе дизайнеры верстают ) понимать верстку нужно, чтобы диснейленд не рисовать. Верстальщик - насмотренность на behance?)
14:36

Да, у нас произошло разделение этих профессий. Сейчас верстальщики больше из технарей ребята @PMarinchenko @cssunderhood

14:42
@cssunderhood Естественно. Это ж одна профессия.
14:42
@cssunderhood Дизайнеру уметь верстать не помешает. Верстальщик обязательно должен понимать в дизайне.
14:42

Как думаете, в будущем, обьъединение професии будет? Или будет полное разделение?

14:43

Да не, ты передёргиваешь. Просто функции вертальщика должны поделить верстальщик и программист @ardshock @GolubevVictor

16:03

Тьфу! Отвлекли. Дизайнера имел в виду. @ardshock @cssunderhood @GolubevVictor

16:08

Ладно, это всё холивар.
Лучше скажите, как Дизайнер передаёт вам анимации в вёрстку?

16:09
@cssunderhood спрашивает у меня(!) можно ли что-то реализовать,мы советуемся, ищем прототипы или видео,устно составляем тз вместе и делаем:)
16:46
@cssunderhood я пару раз делал их в AE или сам наверстывал в codepen и кидал ссылку
16:54
@cssunderhood рисует в after effects, утверждает с заказчиком, а потом присылает мне *.mov
*убейте меня*
16:55
@ardshock @GolubevVictor @cssunderhood Дизайнеры, как программисты, делятся по классам. Веб-дизайнеры могли бы верстать. Иллюстраторы - нет
16:55
@cssunderhood @napilsya сейчас рисую / верстаю сам, в т.ч. и на фрилансе. Так проще.
20:28
@cssunderhood верстка это навык, а не профессия.
20:42

Меня ещё попросили узнать best practice анимаций и GreenSock. Так что если есть чем поделиться, пишите!

20:48
@cssunderhood по GSAP куча туториолов. На codepen куча примеров, ищи.
22:44
@GolubevVictor @ardshock @cssunderhood Господи, это вёрстка должна основываться на дизайне. Никак не наоборот.
22:44
@cssunderhood будущее — t-shaped skills
22:44

Я обещал другой формат. Сегодня пробую паттерн «аргументированный наброс», а заодно — немного смежную и более «человечную» тему — сотрудники

12:41
Желание стартовать ночью вызвано стремлением понять срез местной активной аудитории перед началом недели. Итак, вы:

В начале недели я опрашивал по составу местной активной аудитории.Срез небольшой,но наверное как-то отражает отрасль twitter.com/cssunderhood/s…

12:43

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

12:46

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

12:48

Если вы посадите в абстрактном вакууме верстальщика и верстальщицу с одинаковым опытом, скорее всего женский код будет качественнее

12:49

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

12:51

Почему так? Девочки почему-то внимательнее следуют рекомендациям, правилам, не срываются писать велосипеды — ровно, предсказуемо работают

12:53
@cssunderhood при одинаковом сроке?

Но если было всё так просто, то наверное, результаты опроса значительно отличались бы. Хороший вопрос twitter.com/dcromster/stat…

12:54

Всё меняется в агрессивных условиях работы. При фоновом стрессе выигрывают эмоционально выносливые люди. Сколько стресса на вашем проекте?

12:56

Кроме того, склонность писать велосипеды (даже очень плохие велосипеды) иногда реально «выстреливает», окупая негативные издержки

12:58

Кроме того, способность принимать рискованные решения, катить «решето» в прод под свою ответственность — то, чего иногда недостает

13:00

Зачем я тут всё это пишу: не с целью кого-то задеть или наоборот. Полезно понимать особенности сотрудников и использовать их сильные стороны

13:01
@cssunderhood какого рода стресса?
13:01
@Sigiller @cssunderhood Проект надо сдать вчера, о нём узнали только сегодня, а он ещё и требует нетривиальных решений.
13:01

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

13:03

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

13:04

Если у вас в команде верстки есть девушка — хорошо. Попробуйте перераспределить задачи так, чтобы вам шло больше треша, ей — меньше

13:06

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

13:07
@webholt @cssunderhood впрочем это я бы стрессом не назвал. просто придётся посидеть подольше. но переработки-то все оплачиваются

А вот кстати переработки могут не всегда оплачиваться. Принуждение к переработке без переоплаты — тоже стресс twitter.com/Sigiller/statu…

13:09

Старайтесь приглашать девушек в команды. Да, это может менять командную атмосферу, но заставит вас посмотреть на ваш код под другим углом

13:11
@cssunderhood но вроде как в приличных конторах такого не бывает?

Ну вот в ok нет понятия переработок. Есть понятие ежегодной премии, которая как-то формируется twitter.com/Sigiller/statu…

13:12

Если вы собеседуете девушку, которая немного «не дотягивает», возможно, лучше отнестись чуть более лояльно, отдать кусок задач «попроще»

13:14
@cssunderhood это если есть свободные деньги у компании.

Это хороший и глубокий комментарий, я попробую ответить на него чуть позже twitter.com/bayevn/status/…

13:16
@cssunderhood но у вас переработки я так понимаю - это экстренная ситуация и по идее их вообще не должно происходить?

Всё зависит от того, что считать переработкой. Деплой ok идет только ночью, иначе риск упасть — это переработка? twitter.com/Sigiller/statu…

13:17
@cssunderhood недавно слушала тему о формировании команды. Найм девушек важен не сколько из-за распределения обязанностей, сколько
13:18
@cssunderhood для социальной стабильности внутри команды. То, о чем ты пишешь, можно применить к любому джуну, вне зависимости от полу. :)
13:18

С утверждением о применимости моих утверждений к любому джуну не согласен по опыту. Просто особенности хорошо видны на граничных ситуациях

13:19

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

13:21

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

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

Мне кажется, в крупных компаниях есть негласное понятие «лояльности», когда на какие-то вещи взаимно закрывают глаза twitter.com/Sigiller/statu…

13:24

@cssunderhood стандартный внутренний мем ok — с утра накатывал [апдейт], буду позже/работаю из дома/поликлиники/маршрутки

13:26
@cssunderhood Тут как с готовкой: обычно готовят женщины, но лучшие повара — мужчины. Если нужно хорошенько подумать, вряд ли она справится.
13:28

Смотрите, еще один наброс: хороший сотрудник — не обязательно хороший специалист

13:28

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

13:31
@ruGreLI @cssunderhood наверное потому, что девушек воспринимают как эфемерные создания для украшения пространства и не предъявляют

Такого вообще никогда нигде не встречал. Проще посмотреть в дифф, на стейдж, чем в соседнюю ячейку опенспейса twitter.com/SheVasya/statu…

13:32

@cssunderhood зато каждый человек оказался порядочным, обладал конструктивными личными качествами. Я не знаю, как так вышло =)

13:35
@cssunderhood и обратное тоже верно
13:39
@cssunderhood но из хорошего сотрудника можно сделать хорошего специалиста. а вот обратный процесс гораздо сложнее, если вообще возможен
13:39
@cssunderhood но брать очевидный якорь - зачем?

Зависит от контекста. Якорь удобно затачивать под конфигурацию корабля, если руки позволяют twitter.com/SheVasya/statu…

13:41

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

13:43

Смотрите мой негативный опыт: в ok хантят суперспециалистов. Суперспециалист — часто суперличность, с суперопытом и суперуверенностью

13:45

Даже на этапе собеседований с таким человеком может быть некомфортно договариваться. После приема на работу тоже бывают нюансы общения

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

А джунов на верстку мы не берем совсем, потому что высокий порог входа. До ok много брал, но тут всё иначе twitter.com/SheVasya/statu…

13:50

Стандартная проблема специалистов — убеждены, что их личный опыт может перевешивать проектный. Это может быть некорректно в сложном проекте

13:57

@cssunderhood какая-нибудь специфика, по которой (примитивный пример) ресурсы клеят в спрайты, а не в base64, или наоборот

13:58

Я видел случаи, когда проектнонеприменимые предложения суперспециалистов отклоняли, они «ломались», и больше толка от них не было

14:01

Я оставлю в стороне рассуждения, почему это плохо вообще для всех, и перейду к способам борьбы с такими проблемами

14:04

В ok есть стандартный процесс «менторства». Кажется, он применяется не во всех командах, но у верстальщиков он точно есть

14:09

Он длится весь испытательный срок (3 месяца) и подразумевает наставничество и контроль. Не все задачи в этот период могут быть продуктовыми

14:11
@cssunderhood не согласен с таким подходом, это какой-то сексизм, но в другую сторону

Мы все разные, и это не хорошо и не плохо. Нужно учиться видеть в этом сильные стороны и уметь ими пользоваться twitter.com/dimaip/status/…

14:13
@cssunderhood соединить какие-то хорошие вещи и сложный проект вообще может быть той ещё задачей по сложности.
14:14

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

14:17

С чего я вообще всё это начал: каждый из вас рано или поздно может оказаться ментором в вашей команде, со всеми вытекающими последствиями

14:20

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

14:22

@cssunderhood оградить его от лишней нагрузки на старте,оберечь от лишнего стресса,«сгорания»,прикрыть его косяки,дать раскрыть способности,

14:24

@cssunderhood так и для ментора. Систематизация инструкций, аргументация причин решений, последовательность усложнения задач, вовлечение ->

14:27

@cssunderhood в атмосферу коллектива, подбор «подходящих» задач под уровень, контроль подопечного — всё это позитивно сказывается на менторе

14:29

Раньше в ok новый сотрудник начинал с работы над «библиотекой компонентов», которая не обладала привязкой к проду, но сохраняла специфику

14:32

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

14:33

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

14:36

С контролем нового сотрудника вообще очень сложно: плохо недоконтролировать и плохо переконтролировать. Тут где-то в области интуиции

14:37

Недоконтролируете — сотрудник потеряет время на разработку заведомо бесполезных, некорректных вариантов,переконтролируете — оба потеряете ->

14:39

@cssunderhood -> время на избыточные обсуждения. Во втором случае будет трата вашего, более «дорогого» времени, тут аккуратно нужно

14:41

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

14:45

Тактика наброса хороша тем, что привлекает внимание, но плоха тем, что за развитием темы уже не следят. Хотя фоновые обсуждения — хорошо

14:47

Сделаю еще одну попытку. Наброс: хантить сложнее, чем хорошо верстать

14:50

Каков возраст вашей легаси-верстки? Во сколько бы оценили стоимость её поддержки? (Любая хорошая верстка рано или поздно становится легаси)

14:53
@cssunderhood в первый год работы верстка становится легаси практически ежемесячно)
15:01

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

15:22

@cssunderhood код запросто может устареть за полгода. В ok можно найти используемый код какого-нибудь 2007 года. Специфика, вы понимаете

15:23
@cssunderhood О этого всем будет плохо, если он не один.
15:23
@cssunderhood Зависит от того, кто автор :-/ У некоторых она становится легаси в момент коммита.
15:27

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

15:31

Если вас привлекают к собеседованиям на каком-нибудь этапе процесса найма, ответственность, наверное, не так сильно ощущается

15:33

Когда принимаешь решение о найме единолично — тяжело. Когда принимаешь решение об увольнении — еще сложнее. Кажется, это не для всех

15:35

У меня небольшая карьера верстальщика — лет 5, я начинал с построения отдела верстки. На аутсорс, как продукта, тогда было не очень много

15:37

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

15:38

Руководство предполагает, что финальную ответственность всегда несешь лично ты. Ты несешь её в три стороны — заказчику, подчиненному и себе

15:40

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

15:42

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

15:43

Отсюда критично понимать распределение ролей участников коллектива в случае отсутствия руководства.Формирование мягкой иерархии без «базара»

15:45

Каждый из участников вашей команды силен в своей области. Отдайте ему эту зону ответственности, делегируйте — результат будет качественным,

15:46

@cssunderhood сотрудник будет морально удовлетворен, внутри коллектива будет формироваться взаимное уважение (делегировать — сложно,я писал)

15:47

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

16:17

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

16:18

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

16:20

Сагитируйте своих коллег на _совместное_ посещение бесплатных конференций. От этого профит больше, чем от коллективного чтения твиттера

16:21

Шаг назад к теме найма: какое количество людей оптимально для максимальной эффективности отдела? 7-8 человек. Параллелят 2-3 проекта

16:23

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

16:24

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

16:25

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

16:27

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

16:29

50% времени сверху — минимальный запас времени. Съедается на стыковке модулей, тестировании, устранении первичных недоработок, форсмажорах

16:30

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

16:32

Целились в преднизовую нишу рынка — не так, чтобы треш, но чтобы з\п были в районе 30к рублей. 5 лет назад это было терпимо для найма

16:34

Цену проекта формировали по статическому прайс-листу, исходя из «примерных» временных трудозатрат. Что-нибудь в духе «одна страница — 300р»

16:35

Ясно, что такая оценка смешна, но в среднем з\п на фуллтайме вполне могла пробивать 30к, если человек работал. Речь о _простой верстке_.

16:36
@cssunderhood это если есть свободные деньги у компании.

А вот теперь я вернусь к комментарию про «свободные деньги». Свободных денег у нас не было никогда,но схема работала twitter.com/bayevn/status/…

16:40
@cssunderhood а как должно быть? Работники сами должны искать себе заказы?

Вообще у нормальных людей бывает отдел продаж. Поиск заказов руководителем отдела верстки — странная практика twitter.com/ardshock/statu…

16:41
@cssunderhood надо просто определиться, менеджер ты или программист. И расти в конкретной области.

Надо просто не бояться и не ограничивать себя спецификой написанного в трудовой twitter.com/SheVasya/statu…

16:42
@cssunderhood ничего себе небольшая :)

На этой неделе мне реплаят люди с опытом работы > 10 лет, по блогам которых учился — представляете, какой опыт ) twitter.com/SheVasya/statu…

16:44

Еще рекомендации «коллективного» плана: собираетесь увольняться — говорите об этом заранее и только тем людям, которых зааффектит явно

16:51

Если у вас в коллективе есть человек на ваше место — спросите, интересно ли ему заниматься вашими задачами. Представьте его руководству

16:52

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

16:53

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

16:54

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

16:54

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

16:57

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

16:58

Я упоминал об ответственности перед собой. Важно следить, можешь ли выполнить обещания, данные подчиненным, например, при собеседовании

17:01

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

17:02

Хотите начать карьеру руководителя — постарайтесь быть уверенными во всех качествах вашего партнера. Или заранее запасайтесь деньгами

17:04
@cssunderhood добавь только сюда "на неограниченное время" :) потому что с ограниченным - будет наоборот.
17:04

Теперь я готов поотвечать на ваши вопросы о личном опыте _не в ok_

17:11

Формат наброса не оправдался. Завтра попробуем обсуждать «всё спорное»—от инструментов до сайд-проектов. Вы кого-то:

18:08
@cssunderhood Коллективное чтение твиттера? Это когда все садятся в кружок и кто-то зачитывает вслух твиттер?

Ну да, это когда у вас есть общий чатик и в нем расшаривают занятные ссылки twitter.com/ruGreLI/status…

18:37
@cssunderhood аа отдела, ещё и верстки… А если в копании 3 человека?

Мне кажется, найти проект на 3х человек проще, чем на 7 twitter.com/ardshock/statu…

23:10
@cssunderhood зачем люди в России работают за такие деньги, если есть западный рынок?

У нас были и западные заказчики, кстати. Платили больше, но и времени на их проект уходило больше twitter.com/dimaip/status/…

23:11
@cssunderhood @sapegin надоело находится в текущем месте. Я, например, не могу жить больше года без изменений.
10:44

Привет, ребята.
Сегодня утром было безумно много работы, ну и ещё я поставил себе покемонов, да.

13:13
@cssunderhood принципиально не снимаю жилье дальше получаса езды, т.к. 30 мин. позволяет собраться с мыслями перед работой и отдохнуть после
13:13

Сегодня у нас тема дня: «Обучение»

13:14

Ещё 9 лет назад я даже не думал, что буду разработчиком интерфейсов.

13:20

8+ лет назад я закончил школу и выбирал специальность просто по названию – какое круче звучит и чтобы не эконом. Каюсь, да.

13:26

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

13:27
@cssunderhood я, например, пошёл в универ, чтобы в армию не забрали. а специальность выбирал по принципу - что лучше знаю. поэтому ИстФак)
13:35
@cssunderhood никакой профориентации в принципе нет, поэтому часто выбор образования совершается от балды совершенно.

Это боль, конечно. Наблюдал, много случаев, когда доучиваешься до курса X и уже всё, что есть не нравится :( twitter.com/Sigiller/statu…

13:56

Университет – специфичное место: пары, окна и прочее. Нравятся больше предметы с харизматичными преподами и сложные предметы. Парадокс.

14:00
@cssunderhood ну и опять же, люди перед поступлением ходят на ВУЗы сморят, а надо ходить смотреть на потенциальных работодателей
14:01

Реальность должна быть ближе. Рассказывать про профессии. Как в американских садиках встречи с людьми разных профессий. @Sigiller @borovikov

14:04
@cssunderhood в чем парадокс?

Сложное обычно никому не нравится. twitter.com/Sigiller/statu…

14:05

Очень популярная тема сейчас "полезности" предметов. Кстати, как вы считаете, все ли предметы полезны в будущем?

14:07
@cssunderhood что за покемоны? О_о

Олег, ну ты чегооо? meduza.io/cards/kak-igra… twitter.com/olmokhov/statu…

14:09

Что вам больше всего нравилось в университетском обучении? Или же во что стоит немного вложить, что стало значительно лучше?

14:11
@cssunderhood мне нравится (еще учусь) настраивать коммуникации между мной и преподавателями [1/2]
14:28
@cssunderhood для того, что бы можно было одновременно учиться и работать. Университет учит решать практически все жизненые ситуации [2/2]
14:29
@cssunderhood я корки о вышке получал уже зная большинство предметов, но на 4м курсе так достали семинары и куросовые - чуть не бросил

Я учился все 5 лет без перерыва, но знаю людей, которые брали академ. Как думаете легче ли так учиться? twitter.com/andrew_yesin/s…

14:44

По опыту работы, кажется, что в it особо не смотрят на высшее образование (было бы хорошо). Ты должен просто всё знать. ВО вообще помогает?

15:08
@cssunderhood у меня друг брал два академа и два раза менял специальность в универе и в итоге работает по последней. Так что может и да
15:08
@cssunderhood есть пара друзей, которые за счет академов вышку растянули на 6 и на 9 лет ) но думаю это не облегчает учебу
15:41
@cssunderhood без диплома рабочую визу в ЕС не дают. Пожалуй, только тут он пригодился
15:41

Кстати, а вы знали, что компании приходят в университеты и делают курсы? Что думаете? Олег @olmokhov писал об этом во время своего андерхуда

16:49

Во время моей учёбы такого не было. Кажется, что такие курсы – это бомба.

16:51

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

16:54
@cssunderhood помогает, учит коммуникации как минимум.

Да, взаимодействие и социальная динамика это безумно важно, но «специальные» знания тоже остаются? twitter.com/ermo4enkov/sta…

16:56
Универ уже давно позади, но всё больше учусь: язык, онлайн курсы, оффлайн курсы, статьи, документация, опенсорс, подкасты, литература.

Достаточно ли унив.знаний для того, чтобы быть конкурентным? Кто как учится после получения ВО: курсы, митапы? twitter.com/cssunderhood/s…

16:58
@cssunderhood мне моё экономическое образование в работе не пригодилось, а вообще очень даже пригодилось

Я взорвался и ничего не поооонял :( twitter.com/Sigiller/statu…

17:00
@cssunderhood я по образованию инженер. Мне в жизни помогает только широким кругозором и пониманием того, что задачу можно решить по-разному
17:00
@cssunderhood пригодилось вообще в жизни, но не в работе.
18:56
@ermo4enkov @cssunderhood Правильное инженерное образование — это понимание того, что часть задачу можно вообще не решать.

Мощно 😂 А меня университет научил учиться, как мне кажется. twitter.com/webholt/status…

18:57

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

18:59
@cssunderhood зачем быть конкурентным? Спрос выше предложения. Можно просто заниматься тем, что нравится

Зависит от амбиций же!111 twitter.com/vladimore/stat…

19:32

Как считаете, есть ли разница между получением знаний на таких курсах в университете или же онлайн курсах, например, на той же курсере?

19:39

И вообще, получается ли учиться на онлайн курсах?

19:40

У тебя был опыт обучения на @HexletHQ, @coursera и @HTMLAcademy. И каждая из них – это различных опыт. Они абсолютно разные.

19:42
@cssunderhood Я бы спросил: есть ли польза от того или другого :-)

Я немного перефразирую :) В оффлайн курсах ты получаешь знания и навыки, а в онлайн только сертификат? twitter.com/sapegin/status…

19:43

И ценно ли само наличие сертификата для повышения собственной ценности?

19:44

За этот год я успел побывать ментором на спец.курсах в УрФУ и наставником в базовом интенсиве в @htmlacademy_ru.

19:46

Сначала мне казалось, что это что-то похожее и ворфлоу примерно один и тот же, но это совсем не так.

19:47
У тебя был опыт обучения на @HexletHQ, @coursera и @HTMLAcademy. И каждая из них – это различных опыт. Они абсолютно разные.

* у меня, очепятка, да twitter.com/cssunderhood/s…

19:49

В университетских курсах учиться "проще", потому что вся атмосфера вокруг про обучение, есть мотивация дойти зо конца – получить зачёт.

19:56

Ещё важно, что в университете есть отбор по знаниям.

19:57

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

20:00
Вариант онлайн-курсов более сложен тем, что обычно ты не можешь посвятить всё время курсам – это не единственная задача.

Работа, дети. Может не хватать времени. На интенсиве были ребята, которые не могли выделить больше 30 минут в день. twitter.com/cssunderhood/s…

20:02
Работа, дети. Может не хватать времени. На интенсиве были ребята, которые не могли выделить больше 30 минут в день. twitter.com/cssunderhood/s…

А есть жёсткие тайминги и это тоже причина падения мотивации :( twitter.com/cssunderhood/s…

20:04
@cssunderhood учеба в университете это комьюнити, разные точки зрения, знакомства.Имеется очень важная соц.составлчющая
20:04

Как вы считате как стоить оценивать стоимость преподавания разработчиком предмета? Дорого или бесплатно? Если дорого, то как? #немногоХайпа

20:07
@rainrb Это только в немногих хороших университетах. @cssunderhood

Очень зависит от группы, я бы даже сказал. twitter.com/freiksenet_ru/…

20:07

С одной стороны это победа над собой, трата сил, прокачивание общения, с другой – реструктуризация знаний, приобретение новых @cssunderhood

20:11

Из каких соображений вы пошли/не пошли бы преподавать?

20:12

Теперь коротко затрону обучение на работе.

20:15

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

20:17

Делиться знаниями между командами – это тоже обучение.

20:17

Делаете ли вы что-то такое у себя на работе?

20:19

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

20:26

К обучению на работе отношу и конференции. Как слушатель или спикер, разницы нет.

20:28

Ездите ли в другие города на конференции или они проводятся в вашем городе? Выступаете на них или слушаете?

20:29

Был на разных форматах таких мероприятий и на них важны далеко не сами доклады, а общение между людьми и insights, которые могут озарить, да

20:31

Есть ли доклады, которые вам наиболее запомнились, показались уау?

20:32

Вспоминается старый, но не устаревший "36" bit.ly/1Mn9Wic (точно я не первый) и "5 минут" bit.ly/29DwU8K Вадима Макишвили

20:37
@cssunderhood ага. К концу школы так и не смог определиться куда идти. Пропустил год, потом поступил на психфак. В итоге бросил.
20:37
@cssunderhood twitter.com/twenty/status/…

Да, этот доклад Алексея @simonenko божественный. Подача и содержание отличные. twitter.com/twenty/status/…

20:39
@cssunderhood с другой стороны, вижу студентов, у которых ТААКИЕ знания, но они не могут их применить на практике. Батхёрт лютый.

Проблема в том, что университет обычно никак не показывает как эта теория применяется в реальной жизни на практике. twitter.com/doberbober/sta…

20:41
@cssunderhood Мне наоборот не понравился. @simonenko @twenty

Само содержание? Есть тот, который ты бы порекомендовал посмотреть? twitter.com/freiksenet_ru/…

20:42

Как считаете, теряется ли что-то полезное, если просто смотреть доклады в записи? (ну кроме бейджика, конечно)

20:44
@cssunderhood Доклады это самое бесполезное на конференции.
20:45

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

20:49
@cssunderhood не всегда записывают вопросы из зала. Да и сам вопрос уже не можешь задать

А если трансляция или оффлайн посещение? twitter.com/boriscoder/sta…

20:50
@cssunderhood Наоборот, удобнее смотреть на повышенной скорости.
20:51
@cssunderhood Никогда не слышал про бесплатные конференции. Какая разница, всегда компания же платит.

YaC, YaC/m (events.yandex.ru/events/yac/), Web Standarts Days (wsd.events) с бесплатным участием, например twitter.com/freiksenet_ru/…

20:55
@cssunderhood Никогда не слышал про бесплатные конференции. Какая разница, всегда компания же платит.

🙈 twitter.com/freiksenet_ru/…

20:55
@cssunderhood йеп. Так работу получил. Htmlакадемию стандартный интенсив прошел
20:56
@cssunderhood здесь уже разницы меньше. В оффлайновой конфе разве что атмосферы праздника больше
20:56
@cssunderhood удручает перспектива разжевывать азы день ото дня

На старших курсах далеко не глупые ребята, но да, повторяться приходиться, согласен twitter.com/operatino/stat…

20:57
@cssunderhood организация отличается как день и ночь

Для выступающих?
Для слушателей появляются ведь только няшки от компаний в сумочках и кофе или что-то ещё? twitter.com/operatino/stat…

20:59
@cssunderhood двухнедельные курсы после универа поднимают твою зарплату с 0 до 25+ тысяч.

🎉 twitter.com/twenty/status/…

21:01
@cssunderhood организация отличается как день и ночь
21:03
@cssunderhood для выступающих тоже - оплаченные билеты, нормальные отели, спикерс диннер, помощь с визами и тп
21:03
@cssunderhood для посетителей - зарубежные спикеры, хорошая еда и интернет, клевые залы, быстрый релиз видео и трансляции, афтерпати с пивом
21:03

Кстати, у вас хватает время на чтение?

21:04

Слышал такое мнение, что техническим специалистам не стоит читать техническую литературу, а налегать на художку.

21:05
Слышал такое мнение, что техническим специалистам не стоит читать техническую литературу, а налегать на художку.

Мне кажется какой-то ерундой, но что вы об этом думаете? twitter.com/cssunderhood/s…

21:05
@cssunderhood Уяснил, что важно читать регулярно, а не много. Привычка читать 10-30 минут в день важнее проглатывания книг.
21:06
@cssunderhood у нас в городе редко проводят, приходится ездить в другие города. А это печально, не всегда получается :(
21:10
@cssunderhood хватает. По будням работа, как тажа учеба, только 8 часов практики. После нее можно и отдыхать. Новичку в этом вопросе легче
21:10
@cssunderhood я не знаю, я читаю либо то либо это, цели у чтения разные и результат не взаимозаменяемый.
21:10
@cssunderhood тоже после @htmlacademy_ru устроился на работу

Роман, поздравляю! Какой проходил? Что понравилось? twitter.com/RZemerov/statu…

21:10

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

21:17

Какие технические (или нет) книги вы бы посоветовали начинающему (продолжающему) инженеру?

21:18
@cssunderhood художка отстой. Только документация, только хардкор
21:19
@cssunderhood базовый и продвинутый. Академия идеально подходит для новичков, так как дает хорошую базу, чтобы дальше продолжать учиться.

Продвинутый – это уже мощь! 👏 twitter.com/RZemerov/statu…

21:21
@cssunderhood в итоге попросил на работе лендинг переверстать --> теперь всю верстку мне отдают, а не фрилансеру.
21:21
@cssunderhood "Код. Тайный язык программирования" это для начала
21:21
@cssunderhood по CSS серию MISSING MANUALS
21:22

От себя советую полную серию @YDKJS (github.com/getify/You-Don…) и "Рефакторинг" Мартина Фаулера.

21:23
@cssunderhood по JS Флэнаган, но сначала ту, которая короткая. А потом уже полную версию. Иначе скука)

Ты про "JS: the Good Parts" Крокфорда? twitter.com/ermo4enkov/sta…

21:25
@cssunderhood кстати, вопрос знания языка уже подымался?

Иностранного? Нет, он следующий и завершающий топик на сегодня :) twitter.com/alpengol/statu…

21:26
@cssunderhood терри пратчетта, чтобы мозг немножко отдыхал :)

Из моих знакомых-инженеров очень любят Пелевина. Не знаю почему, но это прям мейнстрим какой-то. twitter.com/SheVasya/statu…

21:27
@cssunderhood @ermo4enkov еще можно learn.javascript.ru отсюда начать. Разве, что их задания к темам меня пугают, а теория отлично

Задания там прям ок, на собеседованиях часто встречаются. twitter.com/alpengol/statu…

21:29
@cssunderhood Пелевин для этих целей тоже норм. Не слишкком глубокое по смыслу, с не совсем дебильным юморком и достаточно коротко. :)

Вот в чём тайна была :) twitter.com/SheVasya/statu…

21:30

А в вашей работе важен иностранный язык? Если вы его часто не применяете, учите ли вы его?

21:32
@cssunderhood @ermo4enkov возможно! До таких собеседов еще не дошел. Правда в рамблере лицом покатали отменно, но и не ожидал положительного

Это нормальное чувство. Оч давно собеседовался у @tarmolov, слил – я чувствовал, что не знаю ничего. Спуск на землю) twitter.com/alpengol/statu…

21:37
@cssunderhood да куда без него, все самые вкусные статьи именно на английском

Видео же тоже хочется смотреть :) Кто как учит: самостоятельно дома/в группе/персональные занятия? twitter.com/Slaaless/statu…

21:40

Знаю ребят, которые учат язык по сериалам. Есть здесь тот, кто пробовал такой метод? Работает?

21:40
@cssunderhood @alpengol в смысле прЯм совсем новичку может не ок?

Там есть разделы. Можно найти что-то подходящее для любого уровня JS (пр: learn.javascript.ru/first-steps) twitter.com/ermo4enkov/sta…

21:43
@cssunderhood @alpengol @ermo4enkov почувствовал себя тираном)

Неет, было очень круто) Ещё крутое письмо получил с пробелами и списком литературы – клад. Так что ходите на собесы. twitter.com/tarmolov/statu…

21:48
@cssunderhood не работает. Говорение в разы эффективнее.
21:48
@cssunderhood только с анг. Субтитрами
21:48
@cssunderhood не знаю как, но японский от аниме не стал понятней.

😳 twitter.com/alpengol/statu…

21:49
@cssunderhood улучшать, понимать конструкции, обороты - да. Учить нет
21:50

Тема на завтра "Тексты и блоги".

У меня уже очень поздно.
Всем доброй ночи в этом чятике :)

21:53

# Четверг 350 твитов

@cssunderhood есть плагин для postCSS :)

я не сомневался, что для @PostCSS есть плагин. twitter.com/r3nya/status/7…

11:40

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

11:44

В первую очередь вопрос, а нужны ли нашей отрасли вообще новые специалисты? Чувствуется ли нехватка кадров?

11:46
@cssunderhood легко найти просто верстальщика. А верстальщика с нужным набором навыков порой непросто найти.

А какой для вас нужный набор навыков для верстальщика? twitter.com/shugich/status…

12:14
@cssunderhood я понял после 3х собеседований - нужны именно специалисты с опытом работы. Новичков брать готовы за бесплатно/еду обычно.

А новички не готовы идти на бесплатную стажировку? twitter.com/imerofeev/stat…

12:14
@cssunderhood нехватка ХОРОШИХ специалистов. Переставляльщиков блоков хватает, а вот качественных спецов реально мало.

Да, что вложено в понятие хороший верстальщик? twitter.com/ABatickaya/sta…

12:16
@cssunderhood это индивидуально - возможно молодые ребята у которых нет мат.обязательств готовы, а возрастные "свитчеры" - я думаю нет

Да скорее всего так и есть. twitter.com/imerofeev/stat…

12:19
@cssunderhood но это зависит от уровня конторы. Это тема понедельника. Мелкие - не хотят вкладываться в образование, крупные хотят опыт

И тут и вырисовывается проблема для молодых специалистов. Знания есть, опыта нет, а где его получать – непонятно. twitter.com/imerofeev/stat…

12:24
@cssunderhood некоторое время назад пришел новичком (без опыта) в компанию. Стажировался 4 дня. Потом взяли в штат на неплохой оклад.

Это крупная компания или студия? twitter.com/justredpaul/st…

12:32
@cssunderhood @imerofeev проблемы нет. Молодой специалист? Или работать "за еду"

Работать за еду бывает сложно, если у тебя большое количество обязательств связанных с возрастом. twitter.com/_sashashakun/s…

12:34
@cssunderhood мне всегда казалось, что самообразование рулит?

А при чём тут самообразование? Мы говорим о следующем этапе, когда уже есть знания, но нет работы. twitter.com/agilemaiden/st…

12:35
@cssunderhood опыт через свои проекты. Интересно, что в универе нас таких было трое. Остальным было достаточно теории.

Не всегда прокатывает, работодатели хотят реальный опыт на реальных проектах. twitter.com/Copypasting/st…

12:36
@cssunderhood надо различать боевой опыт и синтетический. Наверстать лендингов дома - это одно. Выкатить на прод реальный проект - другое.

Вот именно это я и имел ввиду. twitter.com/imerofeev/stat…

12:38
@cssunderhood иногда бывает есть знания и гонор, и нет работы..

Так называемый гонор – другая проблема для молодых специалистов, но тут они сами виноваты. twitter.com/agilemaiden/st…

12:40
@cssunderhood вы наверное смотрите на Москву и Спб, в провинциях могут и без опыта взять, просто дать тестовое задание

В целом да, но у меня есть ребята из провинции, которые не могут найти работу, так как там не густо со студиями. twitter.com/satan_tx/statu…

12:43
@cssunderhood гонор это проблема не только начинающих специалистов, скорее среди джунов меньше людей с гонором чем среди тех же мидлов (:

Тем не менее для молодых специалистов это более плохое качество, как мне кажется. twitter.com/MhMadHamster/s…

12:44
@imerofeev @cssunderhood реальные проекты это большой плюс в корзину доверия. Есть примеры проектов, которые могут “прокачать” фронтендера?

Прокачать начинающего специалиста может любой реальный проект. Там и общение с менеджером, работа в команде и т.д. twitter.com/Copypasting/st…

12:47
@imerofeev @cssunderhood есть те, кто вкладываются в создание школ, лабораторий для получения актуальных знаний от практиков. Мы, например

Вы ребята молодцы, респект 👍 twitter.com/ru_Parallels/s…

12:49
@Copypasting @cssunderhood из реально боевых - я думаю это сделать/переделать сайт для местной конторки за "отзыв" и разместить у себя

Так я начинал свою фриланс карьеру. Первые проекты за отзывы, которые привели за собой новых заказчиков. twitter.com/imerofeev/stat…

12:50
@cssunderhood @Copypasting @imerofeev напишите плагин для @PostCSS , я уверен у @andrey_sitnik и сообщества есть куча идей

я не уверен, что молодые верстальщики, выходящие на рынок будут начинать с написания плагинов для чего либо. twitter.com/_sashashakun/s…

12:52

Спасибо @imerofeev что напоминает про ресурс itv.te-st.ru где можно найти боевой проект для портфолио.

13:04
@cssunderhood @ru_Parallels я вот тоже хочу обучение как-нибудь прокачивать в своём городе, но пока прокачиваю тусовку – возрождаю @vldcru

Ещё один респект отправляется во Владивосток. twitter.com/GrawlCore/stat…

13:50
@cssunderhood все хотят сразу скилловых, но не готовы выращивать себе и по своим стандартам.
13:54

Кстати 12 выпуск подкаста @webstandards_ru уже опубликован. Стоит послушать. soundcloud.com/web-standards/…

15:50

Вопрос к молодым специалистам. Где вам хотелось бы начинать работать? Или где вы начали работать?

18:57

У нас в @htmlacademy_ru тем временем вебинар и я на время удаляюсь.

18:58

По опросу большинство новичков хочет начинать со студий. Вопрос к владельцам студий, хотите ли вы видеть у себя новичков и прокачивать их?

22:48

@cssunderhood если здесь есть владельцы студий.

22:49
Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

Если уже прошли тест, предлагаю обсудить style guides, руководства по стилю. Что думаете о подходе styleguide-first? twitter.com/cssunderhood/s…

0:13

Популярен сервис-список генераторов: styleguides.io, но есть ещё и готовые: docs.google.com/spreadsheets/d… pic.twitter.com/niPn4thftN

0:18

Из генераторов мне больше всего импонирует @SourceJS в плане функциональности и гибкости: Markdown, JSX, KSS и т. д.
youtu.be/y4KHmX8vCc0

0:23

Стайлгады важны для «не pet»-проектов, позволяя изолированно протестировать функциональность и внешний вид элемента + компонентный подход.

2:06
Для личных нужд ещё хорош «помидорный» PomoDone, синхронизируемый с Вундерлистом (предпочёл Тудуисту) @d3head pic.twitter.com/J17ti5juI3

А ещё «помидорная» система хорошо работает с идеей Вадима Макишвили из доклада «5 минут»: youtu.be/iBHr8gKc5L8 twitter.com/cssunderhood/s…

2:09

Ещё один тест, теперь на знание CSS3: что будет, если установить свойство "cursor" в значение "none"?

2:31
Ребятки, а давайте поможем замечательным @talksworks c докладчиками про #фронтенд в Питере?

Пишите от себя или RT, буду признательна

5:02
Коллеги, мы ищем редакторов и авторов — vk.com/forwebdev?w=wa… pic.twitter.com/tWEzogI6x9
5:03
@cssunderhood @trackingtime а не юзали @trello + pomelloApp?

Я – нет. А советуете? twitter.com/webroru/status…

8:43

А поделитесь негативным опытом работы в компании, команде или над конкретным проектом. Мне, как фрилансеру, хорошо известны случаи «сливов»…

14:49

Мне довелось 3 месяца поработать в «космической» компании. В смысле, там были «космические» задачи и «космические» же сроки их исполнения.

15:02

Сделать из фиксированного сайта адаптивный за 6 часов, настроить серверный рендер под ReactJS за полдня, исправить баг Google Maps и т. д.

15:07

У меня вообще было чувство, что руководитель считал, что у меня есть волшебная кнопка «Сделать ох___но», на которую я должен нажимать.

15:47
@cssunderhood нууу, а почему бы не говорить на такие сроки просто "нет"?

Я говорил. Видел бы ты его глаза! 0_о
twitter.com/Sigiller/statu…

15:49
@cssunderhood с другой стороны зачастую проще уволиться, чем тратить на эту коммуникацию нервы, если с той стороны человек слушать не хочет

Там ещё система такая была, что если не справляешь с этими задачами («срываешь сроки»), то тебе флексят з./п. PROFIT twitter.com/Sigiller/statu…

16:02
@cssunderhood Напоминает историю ithappens.me/story/13491 (но там без крайностей).

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

16:26
Как включить width=device-width для телефона и отключить для планшета? @cssunderhood RT plz
16:52
Йоу! У нас есть скидка 20% на коворкинг в «Кто такой Джон Голт»: facebook.com/groups/webnotb… pic.twitter.com/iABZC28tIV

А у @webnotbombs_by тут есть ништячок для минских фрилансеров от john-galt.by twitter.com/webnotbombs_by…

17:01
Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

Ну что, подведём итоги голосования? Меньше половины ответивших знают, как управлять кэшированием средствами HTML5 =( twitter.com/cssunderhood/s…

20:54
Ну что, подведём итоги голосования? Меньше половины ответивших знают, как управлять кэшированием средствами HTML5 =( twitter.com/cssunderhood/s…

Спецификация W3C: w3c.github.io/html/browsers.… и обзорная статья на хабре аж 2012 года: habrahabr.ru/post/151815/ twitter.com/cssunderhood/s…

21:02

Это к тому, что не стоит гнаться за Web Worker, WebAssembly и т. д., минуя хотя бы бесплатные курсы @htmlacademy_ru pic.twitter.com/re8D9YND0p

21:09

А давайте поговорим о тестировании в верстке. Не о том, где в браузере накладывается две картинки, а о более автоматизированных способах

10:58

Недавно спросил совета на dev-ua/frontend-ua но был всего один человек, который как-то тестирует. А послушать доклады - так тестируют все.

11:01

Я, как водится, начал с велосипеда на основе casperjs. Потом перепробовал webdriver.io, gemini, backstopjs

11:12

а еще немного тестировали через api browserstack.com, но в основном им пользовались для ручных тестов

11:14
@cssunderhood вот меня очень интересует этот вопрос, устал руками проверять верстку. twitter.com/akrekotun/stat…

я внедряю backstopjs @akrekotun twitter.com/akrekotun/stat…

11:42
@cssunderhood так и на чем в итоге остановились? а то мы как раз сейчас на распутье. Думаем особо не мудрить: soucelabs и webdriverio.

soucelabs и webdriverio если проверять функциональность @smashercosmo twitter.com/smashercosmo/s…

11:46

С backstopjs все прекрасно. Одно НО. Не было возможности выполнять свой js при скрине селектора. Т.е. onBefore.js и onReady.js не подходят

11:49

я добавил это в backstopjs и сделал pull request Правда, пока на одобрили @cssunderhood

11:50
@cssunderhood на потоке никто не тестирует

И зря @GrawlCore twitter.com/GrawlCore/stat…

11:53
@cssunderhood вот меня очень интересует этот вопрос, устал руками проверять верстку. twitter.com/akrekotun/stat…

у вас поток?@akrekotun twitter.com/akrekotun/stat…

13:52
@cssunderhood Да, пожалуйста накидайте ссылок на разные реусурсы. Пылилась на харбе статейка habrahabr.ru/company/2gis/b…

css-tricks.com/automating-css… -так я узнал о существовании BackstopJS Потом еще прочитал prgssr.ru/development/av… @dagoeos twitter.com/dagoeos/status…

23:02

youtube.com/watch?v=9Of2H0… видео Сергея Татаринцева, думаю, видели все

23:05

css-tricks.com/visual-regress… и еще немного о визуальном тестировании и CasperJS

23:12

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

23:19

Именно логирование, т.е. ведении логов на стороне сервера и анализ этих ошибок в будущем. Кто-то подобное делает? Какими средствами?

23:20

Я почему тему логирования поднял. Мониторинг на серверной стороне – обычное дело, а вот о клиенте не так много информации

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

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

8:10
@cssunderhood новинки занимают очень много времени на изучение и внедрение, поэтому я делаю все по старому. А новомодные штуки только в тест
9:46
@cssunderhood Яндекс?

А где можно подробнее почитать об условиях стажировки и работы в Яндексе? twitter.com/olmokhov/statu…

10:03

Стажировку не нашел. Или это в разделе вакансий? @SheVasya

10:06

Пардон, нашел. Еще не отошел от вчерашнего. @SheVasya

10:06
CSS-анимации моя любимая часть в CSS. Правда это иногда становится опасно, т.к. я начинаю тратить на них времени куда больше, чем нужно
12:07
@cssunderhood что-то тихо. Ты хоть вбрось какого-нибудь говна на вентилятор. pic.twitter.com/D96LGGKkNe

И так говна хватает в этом мире :) twitter.com/doberbober/sta…

7:40
@cssunderhood мы 3 месяца усердно поработали, и теперь можем позволить наконец-таки надолго погрузиться в свой проект. Очень этому рады ;)

Вот это молодцы! twitter.com/winiliwin/stat…

7:40

Как обычно, на этой неделе в 8 вечера по МСК буду с вами. Поговорим о знаниях иностранных языков

19:44

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

20:01

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

20:02

2) ... за что спасибо родителям. Без преподавателя я бы не знал его в том объеме, которым владею

20:03

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

20:04

2) ... дают базу. Но без практики вообще никуда. Когда впервые приехал в США был дикий шок от того что не знаешь совсем языка...

20:04

3) ... спустя 2 недели начал уже освоился и начал понимать и говорить на нем. Да, не все знаешь, но именно разговор дает массу опыта

20:05

У меня коллега купил курсы на LinguaLeo и смотрит PuzzleEnglish. Другой - ходит в EnglishFirst. Как вы учите английский (или другой) язык?

20:06

Знание английского языка вообще считаю 'must have' - чтение документации, общение с заказчиками и зарубежными разработчиками. В общем - всё!

20:07

Вот, кстати, автор PuzzleEnglish пишет о том, что сериалы с субтитрами не помогут научиться говорить по-английский: vc.ru/p/no-subtitles

20:10
@cssunderhood и гугл-транслейтер на всех возможных девайсах в помощь 👍🏻

Я все же старался им не пользоваться, переспрашивал или просил объяснить другими словами - так я лучше запоминаю (: twitter.com/chorna_kiwka/s…

20:20

Вопрос от друга прилетел: как вы оцениваете проекты по стоимости? Верстку, скрипты (особенно скрипты)?

20:45

Как оцениваете адаптивную верстку при наличии макетов и при требованиях "макета нет, но ты уж сделай как-нибудь красиво"?

20:47
@cssunderhood чтобы научиться на нём говорить - надо говорить. Факт.
20:51
@cssunderhood LinguaLeo - это удобный словарь.Остальное там - трэш. А так грамматика - по учебникам. Разговорный - speakalley.com
20:56
@vfurso @cssunderhood да ладно! Курсы там отличные, а как раз словарь - полная фигня.

Кому чего :) twitter.com/geforester/sta…

21:00
@cssunderhood Anki для слов, AJHoge и репетитор для говорения и слуха, адаптированные книги - чтение.
21:00
@cssunderhood ценник увеличиваю в разы.

Во сколько раз? В 2? В 3? Или на почасовую оплату? twitter.com/Copypasting/st…

21:19
@geforester @cssunderhood Как говорится на вкус и цвет. Из онлайн грамматики мне нравится englishpage.com, из книг - мерфи =)
21:20
@cssunderhood почти всегда почасовая оплата. Если заказчик не подумал о адаптивности или дизайнер не нарисовал, то нам больше работы

То что это должно оплачиваться - это даже не обсуждается. Просто интересны критерии оценки трудозатрат twitter.com/Copypasting/st…

21:43
@cssunderhood умею верстать, из веб-мастера переквалифицировалась в дизайнера. До сих пор верстаю рассылки и промо сайт для продукта.
12:05
@cssunderhood мне очень тяжело учиться в обоих направлениях одновременно, в верстке так и осталась на уровне 3хлетней давности.
12:05
.@cssunderhood мы уже затрагивали эту тему, но всё же:

Как вы насчитываете сколько времени нужно для задачи?

12:05

Я не попадаю в свои оценки =)
Делю макет на блоки и оцениваю их. Но всегда что-то всплывает. Может посоветуете что-нибудь?@Copypasting

12:14
@cssunderhood @Copypasting умножай на 2 или 3 — в зависимости от объема работ. На мелких проектах можно добавлять 50% от суммарной оценки
12:54

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

13:58

Веб-компоненты это набор стандартов по созданию "собственных тегов". @xCubek

14:08

Состоит из 4-ёх спецификаций: шаблоны, пользовательские элементы, теневой DOM и html импорт @xCubek

14:09
@cssunderhood кстати интересно, кто-то использует в работе тот же @polymer, какие впечатления?
16:55
@grim_juz @cssunderhood @polymer @cssunderhood
Я работал с Polymer когда был в версии 0.5, много заморочек были тогда с тем же “vulcanize”.
17:00
@cssunderhood почитайте вакансии дизайнеров на загнивающем западе :-)
18:20

Вопрос от знакомого:
Какие модные технологии вы применяете в команде?
И с какими сложностями сталкиваетесь при внедрении?

19:34

Если за последний час ничего не поменялось, то вроде как @sapegin

19:45
@cssunderhood есть более обобщённое понятие — разработчик интерфейса. Это и дизайн, и вёрстка, и динамика. Кажется, это >> правильный подход
23:05

Сегодня мы обсуждаем «всё спорное», и я буду пытаться ставить под сомнение какие-то известные/привычные или малоизвестные, но модные, вещи

11:31

Сколько здесь людей, которые знают, что такое CSS Modules? Сколько ими пользовалось на проектах? Кто считает, что это хорошо и удобно?

11:32
@cssunderhood Тесты, планирование, реакт, толстый бэкэнд.

Отличное предложение, хотя уверенно из всего этого я, наверное, смогу только про толстый бэкенд twitter.com/webholt/status…

11:34
@cssunderhood знаю, но не пользовался. воспользуюсь, когда будет проект на котором не только я делаю вёрстку
11:34
@cssunderhood мы пользуемся, очень довольны, считаем, что это хорошо и удобно
11:36
@cssunderhood ещё как понял, если используешь css модули про бэм можно забыть раз и навсегда. Так ли это?
11:36

Я сразу скажу, что мы не пользуемся, не будем и попробую показать, почему мне кажется вообще этот подход (костыль?) спорным

11:37

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

11:45

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

11:47

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

11:48

Самым простым вариантом такого преобразования выглядит добавление уникального префикса, который создает «неймспейс», организующий изоляцию

11:50
@cssunderhood мы пользуемся на всех проектах, с того момента, как они появились в css-loader. Считаем, "что это хорошо и удобно" :)
11:50
@cssunderhood Я пользуюсь и считаю, что это хорошо и удобно.
11:51
@sapegin @cssunderhood и на 95% безопасней, чем обычный css #извините
11:52

Декларирую непопулярную мысль, что любое преобразование селектора, особенно «в черном ящике» — потенциальный источник багов

11:56

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

11:58
@cssunderhood знаю, не пользуюсь, думаю что удобно для SPA. Для лендосиков и прочей статики не очь надо имхо.
11:59

Никто никогда не пытался понять результат работы нескольких таких последовательно расположенных «черных ящиков» и исправить под задачу?

12:00
@cssunderhood пока не пользуюсь. Думаю что на новых проектиках уже попробую.
12:00
@cssunderhood любой код - потенциальный источник багов

Справедливо. Мне кажется только, что лучше минимизировать риски twitter.com/Sigiller/statu…

12:01
@cssunderhood ещё как понял, если используешь css модули про бэм можно забыть раз и навсегда. Так ли это?

Одним из аргументов к использованию CSS Modules упоминают стремление уйти от БЭМ, да twitter.com/Sigiller/statu…

12:03

Я никогда не понимал проблем с неймингом БЭМа. Кого вообще волнует длина селектора? Или кто-то думает, что она серьезно влияет на трафик?

12:04
@Sigiller @cssunderhood как раз писал про CSS-модули в этом контексте
habrahabr.ru/post/270103/
12:15

БЭМ – это не столько про изоляцию, сколько про вменяемое описание сущностей. Изоляция – просто частное следствие из этого

12:25

Вы же не загоняетесь написать «главная неактивная кнопка»? В чем проблема написать main-button __disabled?

12:27

Проблема написать лишние несколько букв ничто в сравнении с отсутствием отражения сущностного подхода в представлении

12:28

Брожения по коду в духе «Так, кнопка.Кнопка у друга.Ага, кнопка поделиться у друга в ленте» дольше, чем написать .friend-feed-reshare-button

12:32

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

12:34
@cssunderhood Проблема БЭМа не в этом, а в том, что работа компьютера перекладывается на человека. CSS-модули этой проблемы решены.

И с утверждением, что оперирование сущностями – работа компьютера, тоже. Особенно при работе с чужим кодом mobile.twitter.com/sapegin/status…

12:36
@cssunderhood я на текущем проекте отказался от минификации JS, потому что все скрипты меньше самой маленькой картинки

Минификация – сложный отдельный кейс. Клёво, если вы понимаете, как она работает внутри mobile.twitter.com/rimmer333/stat…

12:39
@cssunderhood ЦСС-модули – это хорошо и удобно. Я считаю 👍 @jsunderhood
12:42

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

12:44

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

12:46

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

12:47

Вы видели костыли для Shadow DOM в Angular 2? они там генерируют уникальные атрибуты и к ним привязывают стили вида [scope1] .classname

12:49

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

12:50
@cssunderhood да, и это офигенно.
12:51

Вот вы говорите, проблемы изоляции. Если у вас в разметке хозяйничает чужой код, или вы внедряете чужой html «насквозь», проблема не в css

12:53

Хотите изоляции – берите iframe. Там уже все проблемы с безопасностью решили до вас. Посмотрите, как сделаны «родные» кнопки соцсетей

12:54

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

12:56

Хотите чужой контент? Забирайте данные через API, шаблонизируйте и стилизуйте у себя. Больше контроля, меньше багов, больше денег

12:58
@cssunderhood CSS-модули вообще не про изоляцию ;-)

Как же не про изоляцию? Вон там в статье написано про проблему глобального пространства имен mobile.twitter.com/sapegin/status…

12:59

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

13:02

Я прервусь на N часов [потому что отпуск], а вы пока попробуйте меня убедить использовать CSS Modules,и расскажите, зачем вам postcss вообще

13:05
@cssunderhood Уникальность имён и изоляция стилей не одно и то же. CSS-модули только про первое.
13:08
@cssunderhood CSS-модули вообще не про изоляцию ;-)
13:08
@cssunderhood PostCSS — фреймворк для изменении CSS. Сам он не нужен, но позволяет просто создавать крутые инструменты
13:08
@cssunderhood postcss только начал использовать. Пока что в нем только stylelint и автопрефиксер
16:51
@IgorDTP @cssunderhood @meuwka Autoprefixer, cssnext, Stylelint, postcss-inline-svg
16:51

CSS Modules у нас нет, и убедительных реплаев с конкретными кейсами к использованию я не увидел,а вот postcss у нас в двух местах используют

16:54
@cssunderhood у меня студентка написала курсач на postcss для выявления списанного кода

!!! ссылку в студию, если можно mobile.twitter.com/olmokhov/statu…

16:56

У нас есть своя недозаоперсорсенная спрайторезка, работающая на аннотациях. Не могу показать актуальную версию, к сожалению

16:58

Я не её автор, так что не знаю, насколько оправдан внутри неё postcss, но наверное да. Ну и автопрефиксер еще, да. Хотя тут был случай

17:00

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

17:02

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

17:03

Жалоба была от пользователя браузера Maxthon, это если кто не знает, такой хромообразный [теперь] зверь

17:05

Вообще идея какой-то работы с AST клёвая, и у нас есть люди, которые пытаются работать с postcss для прод-задач, но пока не очень активно

17:10

Просто я понимаю проблему производительнсти обработки большого объема кода последовательностью операций над деревом, но в студийном проекте

17:13

Поэтому я хотел ваших примеров, но пореплаило мне всего пара человек. Может, еще успешные кейсы?

17:15

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

17:32

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

17:34

В рамках одного из таких проектов я пытался построить из исходного кода все возможные состояния компонента. У меня был css и html на входе

17:35

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

17:37

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

17:38

Что-то в таком ключе, если хотите поплеваться github.com/sourcejs/lego/…

17:41

Пока я буду рассказывать про наши последние эксперименты по упрощению жизни дизайнерам, расскажите, занимаетесь ли вы подобным? Как успехи?

17:43
@cssunderhood Только обычный стайлгайд: github.com/sapegin/react-…
17:45

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

17:46

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

17:47

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

17:49

Ну, мы им что-то подобное собрали, конечно — на основе спецификаций компонентов в @SourceJS и набора тестовых данных для шаблонизации

17:51

Был написан дополнительно плагин для Sketch на чем-то специфичном,который принимал данные заданного формата,которые я как-то готовил из спек

17:53

Идея от которой отталкивались — как-то сделать браузер из скетча. Оставили работу только по отрисовке, калькуляцию лейаута делали на сервере

17:55

В целом — загоняли в фантом шаблон, данные, стили, как-то всё сочетали, снимали computed styles и приводили их к оговоренному формату

17:56

С точки зрения фантома computed styles псевдоэлементов имели отличия от «нормальных» узлов, соответственно были нюансы по расчету их свойств

17:58

Самым простым вариантом мне показалась замена псевдоэлементов на элементы в реалтайме с применением описанных свойств без честного парсинга

18:02

С точки зрения скетча мы просто перерасчитывали все слои на абсолютное позиционирование и сравнительно без проблем отрисовывали результат

18:04

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

18:08

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

18:11

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

18:13

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

18:14

Есть какое-то количество инструментов прототипирования. Протеин есть, из последних — но я не слышал, чтобы кто-то это внедрял, кроме авторов

18:16

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

18:18

А мне кажется — решение под задачу нужно подбирать, а не по моде. Я последнюю халтуру вообще на голом css писал и мне было не тесно

18:19

Без всяких сборок, линтеров и вот этого всего обвеса. Что там верстать-то, в лендингах — несколько десятков блоков с модификаторами

18:21
@cssunderhood параллаксы, кастомные прокрутки, модальные окна, формы, кастомные графики и чарты + это всё в адаптив... ну а так вообще да...
18:26

Кто просил ссылки про A/B — разбирайте habrahabr.ru/post/242701/ nngroup.com/articles/putti…

18:29
@cssunderhood У меня еще и года нет, как занимаюсь версткой, но первые 4 месяца так и было. Проблем не возникало.
18:29
@cssunderhood resume-driven development, есть такое
18:32
@alpengol @cssunderhood голый css имеет смысл использовать если в дальнейшем не будут добавляться правки и/или новые фичи

Вообще не вижу никакой связи между голым css и правками/фичами twitter.com/NUM13RU/status…

18:33

Давайте вот что. Напишите, какие инструменты вы считаете излишними, в каком контексте и почему?

18:34
@alpengol @cssunderhood Голый css это так секси! Мне нравится.
18:35
@cssunderhood по сравнению с препроцессорами, его труднее поддерживать. Из простого: поменять медиазапросы или брэндовый цвет по всему сайту

Сколько здесь людей, которые реально меняли полностью брендовый цвет по всему сайту одной переменной? twitter.com/NUM13RU/status…

18:41

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

18:42

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

18:43
@cssunderhood Кстати, TOP 1 в списке аргументации ЗА препроцессоры

В моём представлении нельзя просто поменять брендовый цвет в переменной и пойти домой. Все равно проверять вхождения twitter.com/DenisZavgorodn…

18:48

@cssunderhood так в чем тогда выигрыш в сравнении с обычной полнотекстовой заменой?

18:48
@cssunderhood в читабельности

У нас есть переменная $black со значением #333. Нет, не смешно twitter.com/alexfedoseev/s…

18:59

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

19:00

@cssunderhood это бывает даже у умных джавистов, true story pic.twitter.com/jj9lxBXguZ

19:06
@cssunderhood ну с такими переменными без препроцессоров лучше, согласен
19:07
@cssunderhood переменные оказываются очень полезными в таких ситуациях: pic.twitter.com/lfDvR4CSRw
19:13
@cssunderhood переменные оказываются очень полезными в таких ситуациях: pic.twitter.com/lfDvR4CSRw

Я с этим аргументом полностью соглашусь. Вот бы по CSS Modules мне бы так же хорошо аргументировали twitter.com/NUM13RU/status…

19:14
@cssunderhood меняли
19:17
@cssunderhood обычно решается через промежуточную переменную: $gray: #333; $bodyTextColor: $gray;
19:19
@cssunderhood меняем через darken, lighten или их аналоги
19:19
@cssunderhood а что про CSS modules? Я их люблю и готов защищать если чо))

Я хочу конкретные кейсы, где без них совсем плохо, а с ними совсем хорошо twitter.com/dimaip/status/…

19:21
@cssunderhood описал вот как мы их на проекте используем. Мне больше всего нравится @value в них: github.com/neos/neos-ui/w…
19:25
@cssunderhood т.е. решение глобального скоупа переменных в Sass: ты точно знаешь, от чего зависит твой компонент, и можешь его изолировать
19:26
@cssunderhood мы кстати оставили и БЭМ нэйминг вместе с css modules: github.com/neos/neos-ui/w…
19:29
@cssunderhood перед использованием переменной ее нужно эксплицидно импортировать, это можно статически анализировать и проч.
19:31
@cssunderhood Добавляет строгости и проч. В реальном проекте, где много народу, очень помогает
19:31
@cssunderhood но самый большой профит, когда большую часть реюза стилей переносишь на уровень Реакт компонентов, а не на CSS классы
19:45
@cssunderhood риск нечаянно переопределить "чужой" класс в разы выше, чем что CSS modules сломаются. И это кстати будет труднее заметить
19:45
@cssunderhood но самый большой профит, когда большую часть реюза стилей переносишь на уровень Реакт компонентов, а не на CSS классы

А если у меня нет реакта? twitter.com/dimaip/status/…

19:45
@cssunderhood Используем уже довольно давно. После css-modules невозможно вернуться к обычному css, да и к БЭМу тоже.
20:46
@cssunderhood @dimaip как нет реакта? О_о

Сейчас расскажу вам про наш сервер-сайд рендеринг (предлагали к обсуждению утром) [без реакта] twitter.com/DenisZavgorodn…

20:49

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

20:53

Сервер-сайд у нас на java, я упоминал. Серверного рендеринга на реакте, изоморфности у нас нет и не будет точно еще какое-то время

20:55

html генерируется внутренним фреймворком, суть работы которого я раскрывать не буду, чтобы мне потом не выгнали за разглашение know how

20:56

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

20:58

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

20:59

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

21:01
@cssunderhood неужто даже @bemxjst?)

Не могу сходу найти примеры шаблонов. У нас — честный человекопонятный xml, расширяемый кастомными тегами twitter.com/dimaip/status/…

21:03

Естественно, утверждение про скорость генерации/доставки/отрисовки выглядит спорным, поэтому каждый приходящий js-разработчик говорит «фи»

21:05

В общем, если не отклоняться от css-тематики и не обсуждать нашу борьбу с gwt, пока это утверждение никто доказательно не опроверг

21:07
@cssunderhood Интересно было бы увидеть числа. Почти любая страница может быть отрендерена на клиенте за 20-50 мс без учета загрузки данных

Числа я не готов. Но как минимум серверсайд приезжает с данными. Дальше можно обсуждать активацию хуков и грустить twitter.com/dmitryshimkin/…

21:09

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

21:10

А еще серверсайд хорошо решает проблему локализации и хорошей синхронной раскатки изменений на странице. У нас не совсем глупый рендер, да

21:12

Естественно, страничка перерендеривается частями, там у неё есть ajax-транспорт, и вот значит оно плюётся обновлениями по запросу или само

21:13

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

21:15
@cssunderhood А он умеет отдавать чанками? Critical path, все дела.

Не очень понял, но ответ да, потому что он, кажется, умеет вообще всё twitter.com/ruGreLI/status…

21:16

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

21:18

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

21:22

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

21:23

В ok есть несколько проектов — «веб»версия, «моб»версия, и два платежных модуля — «веб» и «моб», соответсвенно. Всё +- на одних технологиях

21:27

И если «основные» версии умеют там как-то обновляться частями, то «платежки» обновляются втупую полностью.Кто-то в iframe, кто-то standalone

21:28
@cssunderhood а чем тебе не понравилось «автоматический БЭМ, надёжнее и меньше о нём надо думать»?

Я пока не очень осознал эквивалентность методологии и способа «автономизации» компонента twitter.com/andrey_sitnik/…

21:32
@cssunderhood префиксров ещё много, тот же user-select, но это правда, что большинство *популярных* префиксов ушло
21:33
@cssunderhood «БЭМ как именование» защищает от конфликта селекторов и разной их селектиности — CSS Modules делает тоже самое, но автоматом

Так скажу—вообще давно (несколько лет) не сталкивался с проблемой пересечения стилей,наверное, поэтому сложно понять twitter.com/andrey_sitnik/…

21:35

@cssunderhood то есть вот реально, сколько работаю в ok — никогда не видел ни у кого таких проблем [на всём нашем мегабайте css-кода]

21:36
@cssunderhood у кого как, я тут тоже случайно отломал его, и заметили сразу все.
21:45

В контексте истории про автопрефиксер должен сказать, что мы поддерживаем на вебе ie10+. Потому что мы — Можем, да.

21:48
@cssunderhood а что для ie < 10 ?

Принудительный редирект на мобильную версию, но там какой-то смехотворный процент twitter.com/c01nd01r/statu…

21:51
@cssunderhood аналогично. Да здравствуй новые технологии!
21:51

Вообще мобильная версия ok значительно отличается от «web» в плане клиентских технологий, говорят, в лучшую сторону, но я там не эксперт

21:55

Хорошо сегодня поговорили. Убедили меня использовать переменные в препроцессорах вот. Завтра буду собирать всякую мелочь — предлагайте темы

22:02
@cssunderhood для верстки не годится вообще, а приложения всякие писать клево ж.
22:35
@cssunderhood Всегда был важен в том смысле, что большинство полезной и актуальной информации доступно только на английском.
5:53
@cssunderhood Теперь-то это единственный язык, на котором говорят все коллеги сразу ;-)
5:53

Спеки и в интернете можно накопать с легкостью, а вот про регекспы так как написано в ней, я нигде не встречал @webholt

5:55
@cssunderhood учу английский по работе.
5:58
@cssunderhood Куда же без него. Надо же как-то имена блокам/элементам/модификаторам писать. Всегда под рукой словарь для поиска синонимов.

Без книг, статей и видео прожить можно, а без этого нет, да 😂 twitter.com/langolf/status…

6:00
@cssunderhood если под "организацией" понимать количество факапов, то да, те же яйца. А так: оборудование, площадка обычно лучше на платных.
6:17
@cssunderhood а вот то, что действительно имеет значение (контент) особо не различается. Разве что иностранных докладчиков на бесплатных нет
6:17
@AnDeilid @cssunderhood у меня есть большие сомнения, что после базового можно найти работу. Но читал отзывы людей, которым это удавалось.
6:18

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

6:22

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

6:25

После базового ты становишься верстальщиком Х-уровня – тебя учат как применять знания на реальном проекте.

6:43

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

6:44

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

6:46

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

6:46

Ребята говорят, что да. Полистай ленту чуть ниже :) twitter.com/SteveJobko/sta…

7:26
@cssunderhood в этом году я был на WSD, DUMP и РИТ. И в моём случае выхлоп обратно пропорционален цене: РИТ печально, DUMP ОК, WSD полезно.
7:26

Сегодня поговорим про тексты и блоги.

7:28
@cssunderhood вот кстати, а что должен уметь junior?

Проф. навыки баз. уровня + инструментарий, ответственность за небольшие задачи, ход выполнения контролируется и т.д twitter.com/alpengol/statu…

7:55
@cssunderhood работает, мне еще ток шоу доставляют, у гостей обычно разные акценты, речь более живая. Джимми Киммела шоу например.
7:56

У меня есть 15 до усиленной работы, поехали про блоги и тексты.

7:56

Скорее всего вам кажется странным уделать этой теме целый день, но так ли это на самом деле :)

7:57

Как считаете, просто быть отличным разработчиком, который делает свои задачи на работе достаточно, чтобы быть успешным (работе/вне офиса)?

7:58

Тексты в жизни и в вёрстке.
Важно ли уважительно относиться к текстам, которые пишите у себя на сайте или стенке в вк?

8:02

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

8:03

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

8:04

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

8:06

Всё время на своих проектах пользовался типографом Лебедева (artlebedev.ru/tools/typograf/), наверняка сейчас есть что-то другое более хипстерское

8:07

Убеждён, что дизайн и вёрстка должны исходить из содержимого страницы и идеи, что хочешь донести до людей. Смысл – главное.

8:09

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

8:11

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

8:14

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

8:16

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

8:18

Ручным типографом всё хорошо до тех пока текстов не становится много :(

8:21

Есть отличный доклад @mista_k об его опыте трансформаций контента для вывода на страницах: youtube.com/watch?v=lI78qO…

8:21

Если на крупных ресурсах в тексте встречаете ошибки, вы списываете это не невнимательность автора или считаете это грубой ошибкой сервиса?

8:23

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

8:25
@cssunderhood если при этом экспериментировать с новыми технологиями и применять их, то да

А как об этом узнают другие? twitter.com/VovanR/status/…

8:25
@cssunderhood Да, нет ничего важнее. И в жире, и в чатике, везде.

чяяятике, да 😌 twitter.com/sapegin/status…

8:26
@cssunderhood Мне хватает типографской раскладки Бирмана и github.com/sapegin/richty…
8:27
Подписался на платную рассылку «Главреда» @glvrdru – первый раз испытал «лингвистический оргазм». И это не только про тексты. @cssunderhood

Говорят, там очень хорошая серия статей у Макисма Иляхова. twitter.com/Realetive/stat…

8:30

Вчера мы затронули тему иностранных языков, а как дела с родным языком? Вы как-то совершенствуете свой русский язык?

8:31
@cssunderhood а что подразумевается под словами «быть успешным»? Чтобы о тебе знали?

Критерии варьируются: известность, обмен опытом, помощь, опенсорс, интересные идеи и т.д twitter.com/VovanR/status/…

8:35
@cssunderhood да, Максим @perepisal пишет не только об основах работы с текстом. Сейчас цикл посвящён правильной (!) работе с клиентом.
8:35
@cssunderhood пользовался. Вообще это разумнее, чем писать в комменты "вот у вас там в тексте ошибка..."

Я иногда пишу письма, когда что-то едет или опечатки, но даже не всегда получаю ответ. Что уж говорить о правках :( twitter.com/Sigiller/statu…

8:36
@cssunderhood вас читают не только русские, но русскоговорящие :)

Прошу прощения, этот момент я упустил, да twitter.com/talgautb/statu…

8:37
@cssunderhood @VovanR Другими словами, «быть успешным» — это «чувствовать себя успешным», «быть замотивированным» :)
8:38

Я убегаю к большим задачам – они скучают. В обед продолжим :)

8:39
А ещё немножко про типографы (и вообще веб-типографику) есть в моём докладе: github.com/Realetive/lect… @cssunderhood pic.twitter.com/JHspYg4oUc
19:24
@cssunderhood был убежден, что машины спасут от ошибок, но нет.
19:24
@Chaptykov @cssunderhood нужно быть в тренде, чтобы быть задействованным в интересных проектах. Иначе только легаси и стагнация
19:25
@cssunderhood пользовался, особенно на пике популярности «Орфуса» Котерова. Но последнее время всё реже такое встречаю:(
19:25
@cssunderhood gramota.ru штудирую, делаю диктанты, но толку мало :( На анлийском легче писать, там от тебя не ждут абсолютной грамотности

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

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

Ого! Поделишься ссылочкой? twitter.com/alexey_m_ukolo…

19:28
@cssunderhood боянистый вопрос товарищам! Как вы считаете, как именно должен быть сгруппирован макет и зачем?

Человекоориентировано :) Если фш, то чтобы по группам и слоям было понятно, про что это всё. Всё как в разметке. twitter.com/notarseniy/sta…

19:30

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

19:33

В отношения с тви у меня были сложности – не люблю нотификации и тви в браузере.

19:40
@cssunderhood у меня волнами это. то просто читаю, и за месяц один твит, то пробивает на общение и зависаю в тви на долго.

Сейм щит twitter.com/pgrekovich/sta…

19:40

А ведёте ли вы свой личный блог в свободное время?

19:41

Какие платформы для этого используете?

19:43

Кучу лет назад я начинал с тумблера → корпоративный самописный блог, а теперь я стараюсь вести блог на медиуме (medium.com/@evilj0e)

19:45

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

19:46

Но раньше я подходил серьёзно к тому что пишу и когда пишу.

19:48

На западе есть даже такое понятие "Контент стратегия" – полноценное планирование со своими целями и дедлайнами.

19:49
@cssunderhood всегда хотелось, но нет, каждый раз уже нахожу в Гугле статью, которую хотелось написать 😑

Так бывает далеко не всегда и даже (о, Великая) Википедия не в силах. twitter.com/ipelekhan/stat…

19:50

У меня была история с ноутом с гибридной памятью (ssd + hdd). Она сломалась и нигде не мог найти решение – решил сам и написал статью.

19:51
У меня была история с ноутом с гибридной памятью (ssd + hdd). Она сломалась и нигде не мог найти решение – решил сам и написал статью.

Это было в далёком 2013 году (devdigital.ru/blog/expressca…) и эта статья остаётся одной из самых популярных до сих пор(!) twitter.com/cssunderhood/s…

19:53

А есть такие блоги, которые вы читаете регулярно? Давайте, покидаем ссылок :)

19:54

Кстати, а пользуетесь ли вы rss-ридерами? Актуальны ли они до сих пор?

19:56

Был ли у кого-то опыт написания статей в корпоративный блог/хабр/smashing magazine? Как считаете, есть ли разница с личным блогом?

19:58

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

20:02

Кажется, самое большое отличие между личным и корпоративным блогом – это регулярность публикаций (если контент на уровне и фирма небольшая)

20:04

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

20:05

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

20:07

Не знаю ни одного технического блога, но натыкался на Наташу (telegram.me/melodrama_queen) И задумался можно ли использовать её опыт.

20:10
@cssunderhood только ссылки кидать
20:10

В телеграмме бесят циферки в тулбаре. Всё замьютил, но они всё равно светятся и отвлекают от работы.

20:11

А каналы на ютюбе – это блог или нет, как думаете?

20:17
@cssunderhood ну может быть, но по фронту именно блогов я не встречал. Либо туториалы, либо выступления с конф
20:19

Ещё я считаю, очень важным – вычитывание своих текстов перед публикацией / отправкой письма.

20:22

Текст должен настояться.

20:22

Недавно писал доклад для конференции. Переписывал его полностью 4 раза. Вечером всё нравилось, а на утро хотел удалить 80% содержимого.

20:24
@cssunderhood давно не пользовался, а есть ли список интересных лент?

Давай спросим об этом у ребят. Я не пользуюсь :( twitter.com/Slaaless/statu…

20:27
@cssunderhood Только своё, только хардкор. blog.sapegin.me/all/why-fleder…
20:27
@cssunderhood а когда речь идёт о публичном выступлении, качество текста все равно вторично, главное чтобы мог выразить мысль
20:29

Божественно, спасибо, @Slaaless. Тут можно отключить цифры в тулбаре для замьюченных каналов. pic.twitter.com/PfvAJZsJO9

20:32
@cssunderhood еще есть вариант, в общих настроек мака, что бы не показывал уведомления в меню для определенного приложения :)

Мне не подходит. Много общения по работе происходит через телеграмм. twitter.com/Slaaless/statu…

20:41

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

20:45
@cssunderhood если хватает оформления текста и не нужен личный брендинг, то соц. сеть круче. Читаемость выше за счет соцсетёвости.
20:52
fiddle по категориям с хабра. Особенно радует сохранение постов для последующего чтения twitter.com/cssunderhood/s…
20:52

Уважайте тексты, пишите в блоги.

21:36

Спасибо за сегодняшние реплаи ;—) Какие тексты и работа без вдохновения? Завтра поговорим о нём.

21:37

# Пятница 229 твитов

@cssunderhood а где заказчики эти отзывы оставляли? просто указывал их в резюме со ссылкой? или в системе типа фрилансру в графе отзывов?

Я начинал на @ru_freelansim. Там и оставляли twitter.com/ssvetlania/sta…

12:15
@cssunderhood само собой, крупные компании в приоритете. у некоторых есть даже курсы для начинающих. Тот же Яндекс - тому яркий пример.

Но таких компаний мало. twitter.com/iGlitchime/sta…

12:16
@cssunderhood Да, хочу и делаю. Мало того, считаю это самым правильным путём для студий: внутреннее обучение новичков.

Ещё один респект отправляется к своему владельцу. twitter.com/moskwin/status…

12:16

Давайте сегодня поговорим о технология. Конкретно, о тенденции отказа от препроцессоров и перехода на чистый CSS или @PostCSS.

12:21

Давайте так. Я пишу CSS используя –

12:25

Глубочайшие извинения всем пишущим на Stylus – он не влез в опрос из-за ограничений твиттера.

12:49
@sergesemashko @cssunderhood на чистом PostCSS сборка будет в 3-5 раз быстрее и не будет проблем с картами кода и компиляцией C++ в libsass
13:59
@sergesemashko @cssunderhood есть мнение, что лучше использовать стандартные полифилы «CSS4» (cssnext), вместо препроцессоров
13:59
@andrey_sitnik @cssunderhood @sergesemashko разве можно полностью отказаться от sass, когда хочется bootstrap из исходников собирать?

Бутстрап – это просто какая-то опухоль целой индустрии. twitter.com/hobcode/status…

17:41
@cssunderhood Опухоль — разработчики, использующие его не к месту, и разработчики с бутстрапофобией. И то, и другое одинаково плохо.

К сожалению "бутстрап" и "не к месту" уже стали, почти, синонимами. twitter.com/sapegin/status…

17:47

Удивительно, но по результатам опроса чистый CSS пишут даже больше, чем на @PostCSS. А кто пишет на чистом CSS, почему?

17:54
@cssunderhood вполне вероятно, среди подписчиков много новичков, которые пока еще не рискуют пробовать процессоры, но к знаниям тянутся)

А есть те, кто пишет на чистом CSS, потому что не изучает или не хочет изучать другие технологии? twitter.com/iGlitchime/sta…

17:58

Дорогие коллеги! Прошу прощения, за такой долгий перерыв в вещании! Это был гораздо более тяжелый конец недели, чем я предполагал:)

13:36

Но это ни в коем случая не отменяет нашего литературного конкурса:) Первые работы уже пришли, жду новых! Время у вас еще есть.

13:38

Завтра мы будем с вами беседовать об open source. А сегодня желаю Вам отличного конца рабочего дня, набирайтесь сил)

13:39
Я спал и мне снился кошмар, где я постоянно меняю font-weight у текста с normal на bold. Бррр @cssunderhood
13:39
@cssunderhood а есть ли тут кто из Воронежа?
13:40
@cssunderhood @htmlacademy_ru а чего не стоит гнаться когда есть новые решения на улучшенных стандартах?

В погоне за «новым» есть риск упустить уже готовое. И умение найти грань между этим приходит только с опытом, имхо… twitter.com/operatino/stat…

3:56

А в противном случае мы повторяем историю с left-pad, делаем кнопки из ссылок (без href), извращаем веб…
@operatino pic.twitter.com/x5Yzl2TTBd

4:11

А в Питере светает. Вид из окна на парк Городов-Героев (Пулковский парк).
Доброе утро тем, кто ещё (уже) не спит! pic.twitter.com/oGobdK26VK

4:39

Каждый второй четверг каждого месяца Google проводит видеовстречи для веб-мастеров (19 мая): plus.google.com/communities/10… pic.twitter.com/9ZCWu99SZW

5:04

Утренняя порция hi-tech: интерактивный стол для пинг-понга (ябпоиграл): vimeo.com/161672022

5:24
Ещё один тест, теперь на знание CSS3: что будет, если установить свойство "cursor" в значение "none"?

Чуть не забыл про другой тест. Тут не многим лучше — справились лишь 55% из 174 рискнувших: developer.mozilla.org/en-US/docs/Web… twitter.com/cssunderhood/s…

6:05
@cssunderhood таки по спекам нету такого свойства.

Ну ладно, я сжульничал, признаю. Но это не повод руководствоваться ТОЛЬКО спеками, верно? twitter.com/v_twibli/statu…

6:07

Ребят, а покидайте ссылки на свои CV/резюме/портфолио.
У меня совсем простенькое: realetive.github.io

6:21
@v_twibli @cssunderhood как это нет? w3.org/TR/css-ui-3/#c…

Спасибо! А я не нашёл =( twitter.com/SelenIT2/statu…

6:38

Утренний hi-tech: автокомплит в текстовом редакторе, использующий нейронную сеть. Ну это просто «Вау!». twitter.com/robinsloan/sta…

7:51
О создании LED-таймера на SVG — stylecampaign.com/blog/2016/04/b… pic.twitter.com/h0jx0RQ0CK

Работающего, кстати, в большинстве популярных email-клиентов! twitter.com/forwebdev/stat…

8:11

Музыка, под которую я люблю кодить (нескончаемый поток эмбиента):
vk.com/parano_ia

P. S. Осторожно, некоторых вгоняет в депрессию!

8:15
@cssunderhood а вы еще или уже?

Я – ещё =)
Я ж говорю — «сова». Хотя, чаще мой режим соответствует даже не «сове-жаворонку», а «зомби». twitter.com/kbytin/status/…

9:59
@cssunderhood я тоже из зомби, но зачем то парюсь, и хочу стать жаворонком и вставать в 5 утра

О, понимаю вас. Но такой режим зависит от задач. Я, например, сейчас ваяю это — github.com/Realetive/cssu… twitter.com/kbytin/status/…

10:08

Список из 40 ресурсов с коллекциями UI-паттернов от @smashingmag
smashingmagazine.com/2009/06/40-hel…

P. S. Я знаю, что за 2009 год, но оно того стоит.

10:57

«Технологии — это всё, чего не было, когда ты родился»

— Алан Кей, учёный в области информатики pic.twitter.com/Ve1T3Eve76

11:22

А вообще (кстати) сегодня же пятница — конец рабочей недели! Предлагаю устроить обмен полезными ссылками на инструменты и ресурсы…

11:35

Каталог ваших «⭐» проектов с ГитХаба (теги, фильтр, поиск): astralapp.com pic.twitter.com/sxQclBW8MF

11:43
@cssunderhood опечатка во второй строке в слове "почему" realetive.github.io

О, спасибо! Сейчас поправлю… twitter.com/denishus/statu…

11:44
@denishus @cssunderhood На сегодняшний день основным направлением моей профессиональной деятельности является фронтенд: → фронтедер

Вот тут не понял, объясните, пожалуйста. Направление — фронтенд. Фронтендер — это скорее профессия, чем направление. twitter.com/Yumadilov/stat…

11:53
@cssunderhood У меня ещё проще: нет его.

Да у меня тоже не было, пока не позвонили с какой-то hr-конторы и не спросили: «А что вы умеете?». Пришлось писать… twitter.com/webholt/status…

11:57
@cssunderhood а для чего ты пишешь о направлении, а не профессии? Почему это важно? :-)

Потому что не считаю фронтенд профессией. Профессия: дизайнер, разработчик интерфейсов, сисадмин и т. д. twitter.com/Yumadilov/stat…

12:01
@cssunderhood ну то есть резюме всегда персонализируется под желаемого работодателя, а то оно будет длинным и нечитабельным.
12:06
@cssunderhood почему?

Фронтенд — слишком широкое понятие, включающее в себя целый пласт направлений: типографику, дизайн, UX/UI, тексты… twitter.com/Yumadilov/stat…

12:12

Подбор «контрастируемых» цветов с учётом WCAG #a11y (онлайн сервис, nmp-пакет): jxnblk.com/colorable pic.twitter.com/NLBPDY24fQ

12:16
@cssunderhood в принципе, все может делать один человек, но тогда он совмещает несколько должностей, но понятие не расширяется.

Готов поспорить, но яви — не лучшее для этого место. Предлагаю опрос подписчиков. twitter.com/SheVasya/statu…

12:20

Опрос: фронтенд как понятие и сфера деятельности — это только вёрстка и программирование или более обширное понятие?

12:27
Как аккаунт скатился в говно
twitter.com/cssunderhood/s…
12:30
@cssunderhood @jagettervind технологии в принципе существуют уже тысячи лет. А вот информационные технологии... кривой перевод?

Оригинал: «Technology is anything that wasn't around when you were born», Hong Kong press conference, late 1980s twitter.com/alba_longa/sta…

12:43

Если вы хоть раз вручную стилизовали «простыню» Гугл Карт — есть автоматизированный сервис: gmaps-samples-v3.googlecode.com/svn/trunk/styl… pic.twitter.com/gDyhzK2Aw4

12:53
Опрос: фронтенд как понятие и сфера деятельности — это только вёрстка и программирование или более обширное понятие?

Как видите, большинство (⅔) всё же считают, что не только вёрстка и программирование составляют фронтенд @SheVasya twitter.com/cssunderhood/s…

13:23
Открыта регистрация 4front митап #12 17 мая на Фабрициуса 4 через Telegram бот
👉👉👉👉 lnk.al/AVr pic.twitter.com/KkrcvTfUyi
13:27

Тпиогрфаика для дислексиков — одна из причин, по которой я считаю, что текст — это тоже фронтенд: habrahabr.ru/post/132903/
@Sigiller

13:32
@cssunderhood типографика != текст, особенно в случае, когда ты их перечисляешь в одном предложении

Вы ошибаетесь. Типографика = текст, но текст не всегда относится к типографике. В вебе это работа фронтендера. twitter.com/Sigiller/statu…

13:38
@cssunderhood а работа с текстом — копирайтинг и редактура.

Тогда, возможно, мы просто друг друга не поняли. Я не упоминал ни копирайтинг, ни редактуру. @Sigiller twitter.com/Finchjke/statu…

13:49

Ещё один инструмент, аддон для Firefox проверяет доступность #a11y (WCAG 2.0 и ARIA) pic.twitter.com/omiRMeX7w6

14:36
Друзья, кто хочет на следующей неделе попробовать себя в @cssunderhood? Что это такое и почему полезно → bizikov.ru/posts/cssunder…
14:45

Волнующий вопрос: как вам идея митапов в формате «Ты рассказываешь — я угощаю»? Расскажете мне о webpack за бокалом любимого чего-нибудь?

15:01

За такую сумму я сам тебе расскажу =) А откуда такая цифра, если не секрет? @SilentImp

15:06
У Firefox постоянно какие-то ограничения с `position`. Чё за фигня? Как мне теперь feip.co в Firefox починить? @cssunderhood

У меня и в Chrome «коллапсирует». Тут s.codepen.io/Grawl/debug/Xd… , кстати, тоже… twitter.com/GrawlCore/stat…

21:26

Собрал ссылки, которые постил за день по теме визуального тестирования github.com/denis-zavgorod… Добавляйте pull request с ссылками по теме

1:57
@cssunderhood использовали raygun.io и getsentry.com, но в результате сделали своё

Мы тоже остановились на велосипеде часть мониторинга вынесли в datadoghq.com, часть просто логируем себе twitter.com/LordotU/status…

11:47

А какой формат сейчас актуально использовать для фото вместо jpg? webp пока только chrome-opera + android

16:48

Да, webp уже используем, думал, может что-то есть "модное" Хотелось бы поддержки большего числа браузеров с меньшими усилиями @operatino

17:17

Мне тут ссылочку прислали на тему тестирования с BackstopJS Вот, делюсь glivera-team.github.io/structure/2016…

21:08
@cssunderhood шик. как тестировать не под вебкитом?

slimerjs.org можно вот так – вариант с Gecko. Кстати, BackstopJS позволяет сменить движок @akrekotun twitter.com/akrekotun/stat…

22:30
Интересное поведение блоков. Может кто подскажет?jsfiddle.net/denisz/67hn5gk… Почему child центрируется по высоте? @cssunderhood
0:26
@cssunderhood Как грамотно SVG спрайт сделать?

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

17:00

Доброе утро. Вчера был нагруженный день и я решил не отвлекаться на твиттер.

10:17

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

10:18

Какие используете методы, инструменты, плагины. Как организуете работу с коллегами и боретесь с прокрастинацией и дедлайнами.

10:19
@cssunderhood а подскажите чатик в телеграмме, про верстку и про все все все в это духе

В телеграме подписан только на каналы telegram.me/frontendraccoon и telegram.me/proglibrary Обилие подписок мне мешает twitter.com/aleshaoleg/sta…

10:23

Недавно наша компания перешла на скрам (о боги!) и работа пошла намного быстрее. Задачи стали яснее, сроки конкретнее, а работа приятнее.

10:25
@cssunderhood Стыд и скрам.

Всяко лучше водопада) twitter.com/webholt/status…

10:33
@cssunderhood используем часть из atlassian.com и Hangouts Гугла для переписки и видеозвонков.
10:33
@cssunderhood Используем Скрам, он быстро показал где кроется основная проблема.

Вот да, сразу становятся ясны узкие места. У нас проблемой стала оперативная работа с клиентом. Дал заказ — и пропал twitter.com/forwardomg/sta…

10:34
@cssunderhood Этой проблемой оказалось ТЗ. Product owner'у конечно это очень не понравилось)

Насколько я знаю, в скраме нет четко обозначенного тз. Наши клиенты смотрят на это искоса, но соглашаются. twitter.com/forwardomg/sta…

10:36
@cssunderhood Со временем конечно все привыкли, воспитали людей и задачи стали продвигаться быстрее и яснее)

Нам пока полноценной воспитать удалось только одного PM'a и разработчиков) twitter.com/forwardomg/sta…

10:37

Работаем все в Битрикс24 и почти у всех уже вошло в привычку ставить задачу и вести переписку, даже если сидим рядом.

10:41

CMS убивают любой креатив. Подавляющее большинство заказов -покупка битрикса, готового решения и его модификация. Быстро, эффективно, скучно

10:46

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

10:47

Это gulp + stylus + jade + PostCSS, чтобы "причесать" готовый css, browser-sync для отладки на мобильниках и опитимизаторы графики.

10:49

Остальное – работа с svg, шрифтами и проч. – прикручивается в ходе работы по необходимости.

10:49

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

10:50
@cssunderhood slack + github + pivotal tracker + скрам мастер, который следит за процессом и не позволяет скраму превратиться в срань.

Третий месяц зову всех на гит. Никто не идет :( Техдир говорит, мол, надо, но потом. twitter.com/smashercosmo/s…

10:59
@cssunderhood лучше сам стань техдиром, потому что «потом» — навсегда :)

Яниумеювкоммуникации ( ._.) Когда я вижу, сколько он общается с клиентами и членами команды, мне становится страшно twitter.com/soulmusic/stat…

11:05
@cssunderhood У вас скрам-мастер является участников спринта?

Да. Занимается поднятием решения и заполнением контента. twitter.com/forwardomg/sta…

11:06
@cssunderhood @PostCSS Попробуй CSSO один раз, и ты уже не сможешь от него отказаться. Насамделе, поразительные результаты оптимизации.

Использую) Оптимизатор отличный, но минификация - не всегда выход. twitter.com/Alex_Jegulsky/…

11:08
Но @cssunderhood же ведешь, значит норм всё с коммуникациями ;)

Тут я вижу только текст и аватарки) Это проще. twitter.com/soulmusic/stat…

11:13
@cssunderhood Не всегда выход... откуда?

Из дебрей доработок поддержки и прочего. Да, можно все орагнизовать но на практике оказалось проще не минифицировать twitter.com/antonfrolovsky…

11:14
@cssunderhood Даже на сервере после деплоя?

Да. Все очень плохо. twitter.com/antonfrolovsky…

11:16
@andrey_sitnik @cssunderhood Правда твоя. Но в контексте оптимизации салата “готовых решений” для продакшена CSSO хорош тем, что жмет с умом

Я предлагал на сайтах, которые давно работают, склеить и сжать стили и скрипты. Ответ был что-то вроде "meh..." twitter.com/Alex_Jegulsky/…

11:22
Я вдруг понял, чем мне так не нравятся пиксели в CSS – подходом от внешнего вида, а не от содержимого.
11:34
@cssunderhood @smashercosmo и после этого вопрос, в Дагестане много работы для it? И как свободно можно поменять место работы?

Не сказал бы, что мало. Уровень требований к соискателям невысок и даже хороший джун может найти себе место. twitter.com/Tom910ru/statu…

12:23

Fix: легко может найти себе место. Правда порой тут начинает казаться тесно из-за устаревшего стека.

12:25

Назрел вопрос. Кто из подписчиков работает в "офисе мечты" с игровой зоной, иксбоксом, печеньками, спортзалом и проч.? Не отвлекает?

12:41
@cssunderhood а это вы типа вообще без контроля версий работаете? О_о

Да. *уворачивается от летящих помидоров". twitter.com/Sigiller/statu…

12:42

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

12:43
@cssunderhood я вот думаю, что я бы ей вряд ли пользовался, потому что некогда же. А в небольших перерывах можно и хартстоун погонять
12:44
@cssunderhood но как?.. я уже даже в соло не могу без него. один раз нужно было вернуть часть кода от которой я отказался и не было гита

В соло верстка у меня на гите. Но сами сайты — нет. Есть бекапы, сферическое желание на гит перейти. Но не более twitter.com/Sigiller/statu…

12:46
@cssunderhood ну то есть в этом меня смущает тот факт, что легко не заметить, когда ты кому-то понадобился в почте\скайпе\слаке

А мобильник с уведомлениями? twitter.com/Sigiller/statu…

12:47
@cssunderhood я проект в гит целиком сливаю. но у меня и не бывает, чтобы вёрстка в отрыве от остального

Фуллстек? Или просто сразу начинаете с гитом?
Я жутко завидую людям с нормальный рабочим процессом. twitter.com/Sigiller/statu…

12:49

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

12:53
@cssunderhood у нас весь фронтенд/бэкенд был в разных гитах, но деплой на ФТП был :( Сейчас всё красиво с Jenkins автоматизировано.
12:55
@cssunderhood уффф
Ну подружили без проблем почти.
У тебя на каком этапе проблемы возникают?

На этапе уговоров команды начать хоть что-то для этого делать.
Битрикс - он же большой, как вы его там храните? twitter.com/odd_wheel/stat…

12:58
@cssunderhood я всегда перевожу людей на гит. Пусть сопротивляются, но я их убеждаю.

Мне техдир сказал, что если гит тут и появится, то только моими усилиями. Я, извините, прих*ел, но все еще надеюсь. twitter.com/gladkih_m/stat…

12:59

Я хз, на себе не испытывал, но думаю, что меня отвлекало бы. Потому и спросил. @sapegin

13:00

Верстку свою храню в гите, отсылаю программистам, но они просто берут сборку и вешают на нее битрикс @gladkih_m

13:01

Пардон, вешают ее в битрикс @gladkih_m

13:02
@cssunderhood лично я вырезаю ядро битрикса при помощи .gitignore и работаю.
13:05
@cssunderhood а, ну с командой я хз
В игнор папку bitrix, при развороте копии сайта для разработки это ядро получаем

А разве темплейты хранятся не в этой папке? twitter.com/odd_wheel/stat…

13:06

Мне кажется большая половина читателей андерхуда вдруг поняла, что не так уж у них все и плохо)

13:08

Спасибо. Нужно будет записать это все и серьезно обсудить с программистом @odd_wheel

13:09
@cssunderhood Ну так не работай в таком офисе, нас не отвлекает ;-/

У меня нет такого офиса, не заставляй меня плакать! D: twitter.com/sapegin/status…

13:11
@cssunderhood а в чем проблема? У нас битрикс и гит и все хорошо

Проблема не в реализации, а в нежелании вообще использовать гит. twitter.com/DenisZavgorodn…

13:12
@cssunderhood @odd_wheel не обязательно хранить там ядро. Его, при желании, можно сабмодулем
13:12
@cssunderhood у нас бильярд, пинг-понг и куча муз. инструментов. примерно раз в 2 часа народ уходит отдыхать. продуктивность не страдает.

крутота twitter.com/smashercosmo/s…

13:32
@cssunderhood Настольный футбол стоял как предмет интерьера, приставку изредка поздно вечером трогало 1-2 чел. Дешевые печенья вообще норма
14:17
@cssunderhood но смотрелась эта здоровая плазма на стене с набором PS4+гитархиро+барабаны круто. При устройстве на работу сыграла свою роль
14:17
@cssunderhood мы с админом подняли и перевели все за ~неделю, правда еще пришлось всех учить гиту, это было года три назад
14:28

У нас в сообществе очень много новичков.
Есть среди подписчиков люди, готовые поделиться списками ссылок на материалы обучения основам?

15:34

В тред призываются менторы. Как лучше наставить падаванов на путь истинный, и себя, если сам еще падаван?

15:36
@cssunderhood вот была статья недавно medium.com/russian/%D0%BE…
15:41
@cssunderhood Падаван. Первые полгода @htmlacademy_ru + codecademy и попытки выхода на фриланс. Спустя 1.5 года работаю в студии. Мне норм )
15:46
@cssunderhood Вопрос: может кто-нибудь может поделиться опытом миграции БД в связке с гитом и битриксом?))
16:16
@cssunderhood прошел почти все курсы на htmlacademy, читал статьи из паблосов в вк, из забугорных интернетов. Где-то в марте понял, что...
16:16
@cssunderhood ...хватит сидеть и решил после одного случая позвонить в Студию 38. Аллах смиловистился и все закрутилось, завертелось! Ухх!
16:18
@cssunderhood реальный боевой опыт с людьми в теме - это вам не хуи пинать в кресле дома. Там придется пояснять за все, слушать, задавать...

Большущий плюс. В окружении таких людей я впервые понял, каким был посредственным ничем. twitter.com/petrthepig/sta…

16:19
А существуют какие-нибудь плакаты с темой фронтенда? хочу себе, чтобы за спиной висел :)

Бери все в свои руки — нарисуй!) twitter.com/talgautb/statu…

16:26
@cssunderhood Мы в Webskola учим так: набор лекций, потом даем проект и фигачим. Пока не сделают как надо дальше не продолжаем.
16:44
@cssunderhood крутейший гайд для фронтендеров (на английском): frontendhandbook.com
17:51
@cssunderhood Надо просто верстать интерфейсные блоки и шаблоны, а не ссылки коллекционировать.
18:04

А если надеть скафандр, но палочку держать внутри своими руками и трангрессировать в космос, то улетишь со скафандром или без?

20:20

Да, уже рассказали про local и игнор ядра. На следующей неделе будем пробовать @GrawlCore

21:43
@cssunderhood в чем причина нежелания? Если задачи не глобальные, то можно начать с использования десктопного приложения от @github

Самый частый аргумент - "мне и без него хорошо". twitter.com/VladKirbaba/st…

22:16
Решили не так давно в авторами @cssunderhood попробовать поэкспериментировать с форматом вещания.
23:31
Опрос: будут ли интересны тематические недели в @cssunderhood (1 неделю 1 тема освещается несколькими авторами)?
23:31
@cssunderhood что нибудь красиво, это обычно + в 1.5-2 раза от первоначальной стоимости. Да и чувство красоты у всех разное 😫
8:21
@cssunderhood умножаю стоимость на 20%. Чаще всего сделать самому легче чем с макета
8:21
@cssunderhood поблочно, я примерно знаю сколько буду верстать определенный блок учитывая все его вариации
8:21
@cssunderhood с макетом радость, а без - уж приходится накручивать, за такие услуги ещё и UX.
8:22
@cssunderhood @Copypasting Господи, я один такая деревня? Хоть убей, не могу понять как называть стоимость часа. Работать по-разному можно.

В каком смысле как называть? Говоришь, стоимость часа n-рублей. Работа займет x-часов, но возможно и больше twitter.com/doberbober/sta…

8:23

Аватары с рваными краями при помощи CSS clip-path: frontender.info/sketchy-avatar…

8:26

Сайт, вызвавший у меня дикий восторг сегодня! windyty.com

10:47

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

14:56

2) ... Не проще ли просто скопировать нужный тебе код и все? Работает? Работает! То что нужно? Да! Так зачем тащить за собой самосвал говна?

14:56
@cssunderhood не проще одну функцию самому написать? Дербанить плагин — это очень плохо, к тому же обычно нарушает лицензии.

Можно и самому, бесспорно! Это, пожалуй, будет даже лучше twitter.com/v_twibli/statu…

15:03
@v_twibli @cssunderhood код в плагине уже протестирован. Если не нарушает лицензии, лучше скопировать все таки.
15:46
@Romanshirokov @cssunderhood @cssunderhood ой не всегда он протестирован. далеко не всегда :-)
16:34
@cssunderhood @jsunderhood Ребят, не знаете, есть ли плагин для gulp/npm который находит общие стили для html-ек и собирает это в один css?
17:43
Окей, опрос о тематическом формате @cssunderhood состоялся! Но конкретные темы предложил мало кто. Есть идеи? pic.twitter.com/yD58OFly7G
18:41
@cssunderhood трекать время и анализировать. За несколько проектов заметил, что ошибаюсь на 20% — стал умножать сроки на 1.2.
12:13
@cssunderhood кросс-навыки экономят ресурсы. Оставили из дизайна лишь стайлгайды, а компоненты из UX сразу переходят в верстку. Хорошо так.
12:13

А в чём разница и какие обязанности у верстальщика, веб-мастера, веб-разработчика, фронтендера, разработчика интерфейсов, веб-технолог?

12:45
Создатель CSS Хокон Виум Ли из Opera расскажет зачем изобрели CSS на PiterCSS №5 17 июня — pitercss.timepad.ru/event/340787/ pic.twitter.com/blIOQnTIQ8
13:09

Как различать джуна, мидла и сеньора?

16:04
@cssunderhood джун: новое? узнаю! Мидл - ну да слышал, но... сеньёр - работает-не трогай
16:21
@cssunderhood мне нравится метод Лебедева, правда он про дизайнеров artlebedev.ru/kovodstvo/sect…
16:21
@cssunderhood по раздутым от самомнения щекам 🐹
16:21

Что работадатель хочет от верстальщика? А что от фронтендера? По каким критериям отбирают людей?

18:17
@cssunderhood мидл это человек способный делать типичные проекты без подсказок.
18:29
А подскажите плагин для grunt/gulp который бы собирал все стили, используемые на странице в отдельный файл @cssunderhood
1:14
@aelyseev Все оказалось проще: gulp-uncss Может я задачу неверно описал. Но, помог мне uncss @cssunderhood
11:31
@cssunderhood Знаю, но не использую. Пробовал баловаться, показалось, слишком неочевидно работает, теряешь контроль над оптимизацией
11:32
@cssunderhood как так? Эта проблема возникает всегда.

Сокращайте переопределения, переиспользуйте компоненты, рефакторьте спорный код вовремя и всё будет хорошо twitter.com/BestFreelancer…

12:00
@cssunderhood Из одного проекта в другой слайдер, а там уже есть другой. Вот вам и конфликт стилей

В нашем случае их обобщают до одного компонента, унифицируют интерфейс, определяют параметры twitter.com/BestFreelancer…

12:28

@cssunderhood заодно все возникающие «слайдерные» проблемы, расширение функционала затем происходит в одном месте, выходит качественнее

12:29

С точки зрения обобщения есть конфликтующие точки зрения—«компонент должен быть универсален» и «не надо городить комбайн». Я в первом лагере

12:32

Если из-за обобщения компонент чрезмерно усложняется, это повод пересмотреть вообще все подобные реализации. Пользователь хочет единообразия

12:33

Убежден, что «в сложном компоненте мне не разобраться в параметрах» — проблема не компонента/его отображения/поведения, а документации

12:36
Давайте узнаем состояние в отрасли: «Я верстаю / в моих проектах по-дефолту…»
Plz RT.

Предлагали обсуждать * box-sizing. Вот итоги сравнительно свежего опроса, а я пока подумаю, как с этим жить дальше twitter.com/ihorzenich/sta…

12:41

box-sizing и прочий normalize мне совсем не хочется обсуждать — не вижу значимой специфики. Я просто умею со всем этим работать, и вы тоже

13:34
@cssunderhood а как у вас в OK со временем на обучение? Выделяется, как-то регламентируется?

Давайте лучше про обучение, да twitter.com/DenisZavgorodn…

13:35

В ok все самостоятельные. Никто не стоит за спиной и не предъявляет, что вот сегодня ты час не код писал, а читал какие-то блоги

13:37

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

13:38

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

13:39

Верстальщики добились курсов по основами java, чтобы не быть совсем уж беспомощными в нашем стеке. Были слухи, что лектор потом был поощрен

13:41

Есть мероприятия образовательного плана, организуемые строго внутри команды — что-нибудь вроде технологического хакатона, не связанного с ok

13:43

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

13:45

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

13:47
@cssunderhood да, это насущная тема Останавливаться нельзя ни на минуту. А времени нет. Как быть?)

Искать внутри команды самых активных и что-то пилить во внерабочее время. Хотя бы отвечать за это не придется twitter.com/DenisZavgorodn…

13:50

Принудительно тащить лентяев в светлое будущее — неблагодарное дело. Коллеги не могут? Растите с теми, кто может, или сами, иначе увязнете

13:52
Формат наброса не оправдался. Завтра попробуем обсуждать «всё спорное»—от инструментов до сайд-проектов. Вы кого-то:

Хорошо расти можно, обучая других. Местной аудитории, подозреваю, это хорошо известно — 41% учил верстке с нуля twitter.com/cssunderhood/s…

13:55

Проблема в том, как это наставничество хорошо организовать. Я пробовал разные форматы—менторство,чтение лекций в вузе,дипломное руководство

13:56

Личное убеждение — оптимального роста для преподавателя и для студента можно добиться, только заперев их один на один на фулл-тайм проекте

13:58

Всё остальное смещает баланс либо в пользу одного, либо в пользу другого, и это смещение будет нелинейно зависеть еще от других факторов

14:00

Хотите вырасти сами? Попробуйте спроектировать и прочитать курс лекций по верстке на семестр.Только потом не жалуйтесь на падание самооценки

14:01

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

14:03

Затем,если это лекции в вузе, то вне зависимости от уровня вуза вы вероятно будете не в восторге от активности (и прогресса) ваших студентов

14:04

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

14:05

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

14:06
@cssunderhood не нужно спойлерить )

Ну тут опытом просили делиться, вот я делюсь — мне нравится результат работы примерно каждого десятого студента twitter.com/DenisZavgorodn…

14:08

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

14:09
@cssunderhood Какой хороший совет. Но вот что делать с кодом, которые пишут лентяи?

1) Ревьюить 2) Рефакторить 3) (!) Понять, в лентяях ли причина 4) (!) Понять, объективно ли он плох twitter.com/sapegin/status…

14:11

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

14:14

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

14:14

Зато с осени буду читать про веб-дизайн! Вот сижу, читаю книжки, пытаюсь нарисовать программу. Связать свой опыт с теорией, преподнести

14:16
@cssunderhood от группы зависит, обычно из человек 20 - от 1 до 3-4 человек. Так что так примерно и выходит. Правда, дисциплина не IT
14:16

Если преподаете,бонус за вашу работу—возможность дать студенту написать самый лучшый диплом на кафедре,чтобы он запомнил,зачем учился в вузе

14:19

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

14:21
@cssunderhood у меня студентка написала курсач на postcss для выявления списанного кода

Я, правда, не очень представляю, про что можно написать хорошую работу о современном css, хотя мне понравилась тема twitter.com/olmokhov/statu…

14:29

Мы дипломы пытаемся про js писать.Пару лет назад demiurg.es/,в этом году техконсультировал по моделированию анонимного p2p на js

14:33
@muhas Мы тут про других лентяев. Про тех, кто не хочет вырасти из первой стадии — medium.com/humans-create-… @cssunderhood
14:41

Вот тут много людей учило верстке. Расскажите, с чего вы начинали курс обучения? Как мотивировали студента? Остался ли студент в отрасли?

14:53

По возможности, избегайте такого при обучении студентов (и на ревью тоже) pic.twitter.com/TgbZNT2Z4w

15:12

Какие-то финальные мысли и ответы на отложенные вопросы обещаю сформулировать в воскресенье

17:57
@cssunderhood да, очень удобно читать блоги с разных платформ и просто собирать контент в одном месте
5:47
@cssunderhood Нет таких соцсетей, где было бы комфортно читать текст длиннее твита. Плюс не будет вменяемого архива.
5:47
@cssunderhood @Slaaless О боги, спасибо огромное
13:44
@cssunderhood что-то с мобильника не получается открыть, бросает на главную

С мобильника кинет на m.devdigital.ru, там только контакты. С тех давних пор никто так и не переделал это :( twitter.com/eightalex/stat…

13:47
@nemons Но я бы не доверил стороннему сервису архив, поэтому дублирую все посты в свой блог. @cssunderhood
13:48
@nemons Медиум — почти. Но там туго с лентой и уведомлениями опять же. @cssunderhood

Всегда считал его в первую очередь блогоплатформой, а не соц.сеточкой. twitter.com/sapegin/status…

13:48

Сегодня поговорим о вдохновении.

13:50

Как думаете, есть ли место вдохновению в вашей работе?

13:52

Есть доклад Шоуна Эчо, "Счастье – секрет лучшей работы". (youtu.be/fLJsdqxnZb0) По данным счастье делает людей на треть (!) продуктивнее.

14:11

Вдохновление – очень личная тема и то, что подходит одним, не будет подходить другим.

14:12

Это относится и к видам деятельности.

14:14

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

14:16

Сейчас род моей деятельности поменялся и обновились интересы.

14:17

Меня восхищает и вдохновляет графический дизайн, типографика, таймлапсы. Хотя отношения к работе это практически не имеет никакого.

14:19

А есть ли те из вас, кому нравится только какой-то определённый формат: видео, графика, музыка или может прогулки?

14:22

По таймлапсам и просто красивым видео мне безумно нравится vimeo, но какая же ужасная у них навигация и поиск! :'(

14:24

Есть какие-то авторы, которых вы считаете вдохновляющими?

14:26

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

14:29

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

14:30
@cssunderhood Своими поделись ;-)

По графике очень нравится Ello, ну и Behance. Обычно захожу по тегу и листаю. Например, ello.co/search?terms=t… twitter.com/sapegin/status…

17:25
@cssunderhood а вот какие-то доклады смотреть мучительно прям.
17:26
@cssunderhood больше всего не люблю vimeo за то, что нельзя скорость воспроизведения поменять. Хотя, для таймлапсов это не так актуально :)

Для таких вещей есть такое расширение для Хрома/Яндекс.Браузера: bit.ly/1wSxQDU Работает для любых плееров) twitter.com/alexey_m_ukolo…

17:32

А вот тут ещё и исходники его можно посмотреть: github.com/igrigorik/vide… @cssunderhood

17:32

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

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

В одиночку, наоборот, проще, не ограничивают никакие требования студии или компании. Изучай и используй что хочешь. twitter.com/Apollo220/stat…

10:44
@cssunderhood @Apollo220 стоит быть тем самым чуваком, который показывает, как и зачем
10:49
@Apollo220 @cssunderhood я думаю не надо внедрять абсолютно все модные штуки просто из-за того что они модные 😊

Вы путаете слово модно, со словом полезно, но полезность понятие относительное, не будем спорить на эту тему. twitter.com/mr_roose/statu…

10:54

Всем привет!
В этот прекрасный субботний день давайте поговорим о чем-нибудь хорошем. Предлагаю начать с open source :)

10:30

Товарищи, предлагаю под этот твит поскидывать ссылки на ваши открытые проекты с кратким описанием того, что делает ваш продукт)

10:32
в преддверии сами знаете чего, интересно вот, среди ITшников много верующих? @cssunderhood @jsunderhood

Что-то мне подсказывает, что не большинство. twitter.com/kbytin/status/…

10:34

Поделюсь с вами радостью - сегодня возвернется из командировки дальней жена моя:) Скрасит мне рабочие выходные!

11:03
@cssunderhood Бросай этот твиттер и иди готовиться глупец!)

Да, прибраться бы не помешало:)) twitter.com/nemcik7/status…

11:31

Извините, у меня тут «пригорело» на текущем проекте — вёрстка писем. Что вы используете? Кодите сами или юзаете спец. программы/сервисы?

6:24

`pycckuu-loader` для webpack позволяет писать JS на великом и могучем! Теперь ты видел всё!

github.com/PycckuuJS/pycc… pic.twitter.com/xf2iIRfAmV

6:30

Ещё одна цитата от уже упомянутого Алана Кея:
— Я придумал термин «объектно-ориентированный», и вот что я вам скажу, я не имел ввиду С++.

6:49
@cssunderhood я б посмотрел на @ZURBfoundation

Точно! Совсем забыл про этот кит. А что скажешь про «меилчимповский» github.com/mailchimp/emai… ? twitter.com/GrawlCore/stat…

7:16
@cssunderhood, у @ZURBfoundation выглядит круто их темплейт язык для писем, можно больше не верстать таблицами
7:44
@cssunderhood расскажи, на примерах, более конкретно как ты используешь @PostHTML? 😋

Пока только инлайн стилей, но в черновиках есть свой парсер для #MODX на базе `posthtml-exp`. twitter.com/voischev/statu…

8:59

Кстати, пользуясь случаем (хоть и с опозданием), поздравляю Ивана @voischev Воищева с днём рождения! #b_ , мужик! pic.twitter.com/tMzKoLwryU

9:02
@cssunderhood плагины для @PostHTML просто пишутся на твой взгляд?

PostHTMLTree более чем понятный, работать с ним легко. Проблема не в сложности парсинга/рендера, а что я — новичок. twitter.com/voischev/statu…

9:06

Кстати, Иван, а где можно найти материалы с ваших #DesignDepression ? Очень классная идея, но, как я понял, пока только для Мск? @voischev

9:10
@cssunderhood плагины для @PostHTML просто пишутся на твой взгляд?
9:11
@cssunderhood есть не мало вариантов, что бы усложнить дерево, получив более тонкую настройку, но пока этого не хочу делать @PostHTML
9:14
@cssunderhood это была закрытая серия встреч... Материалов в сети не будет. Но общаться с докладчиками никто не запрещал 😉

Ребят, все поняли? Отлавливаем @voischev @awinogradov и других участников @protein_io — их идеи дизайн-систем супер! twitter.com/voischev/statu…

9:22
@cssunderhood ещё есть тулзы на @PostHTML для инлайна css

Есть удобный каталог по аналогии с postcss.parts , только про @PostHTMLmaltsev.github.io/posthtml-plugi… twitter.com/iamfrntdv/stat…

9:30
@cssunderhood вот небольшой обзор apps4all.ru/post/04-04-16-…
9:33

А ещё — революционный (моё имхо) вводный доклад Антона @awinogradov Виноградова в идею дизайн-систем с @pitercss youtu.be/j6v-B45fsDI

9:38
@cssunderhood заюзал недавно emailframe.work, спас меня от нервных расстройств.

А ещё для совсем ленивых есть, например, beefree.io — редактор email-шаблонов прямо в браузере 😜 twitter.com/TheSunwave/sta…

10:21
@cssunderhood я буду у вас 14 мая на Talks&Works с докладом про @protein_io ;)

А вот, кстати, и подробности самой встречи — vk.com/t_n_w (сам сайт почему то «лежит»). twitter.com/awinogradov/st…

10:24

Как разгребсти ТОННУ закладок в браузере, ❤ в тви, ⭐ с ГитХаба, заметок в Эверноте и выжить? Как вы это делаете? pic.twitter.com/NK4zB7tI1r

10:40
@cssunderhood еще есть такое (вдруг кто не знал) snazzymaps.com
11:10

Еще тема для обсуждения. Она имеет непосредственное отношение к фронтенду. Как вы управляете кешем статики? Expired, max-age и т.д.

1:24

И входит ли это вообще в ваш круг "забот"?

1:24

на #itweekend_chernivtsi Дмитрий Баранецкий рассказал о велосипеде для сборки проектов с gulp,sass и плюшками. А многие из вас велосипедят?

10:57

#itweekend_chernivtsi electron и cardova. Говорят о быстрой разработке под разные платформы

11:54
@cssunderhood У меня своя обёртка над Gulp — так что я велосипедист ещё тот. Хотя, скорее это можно назвать хелпером для задач и не более.

Велосипедить весело @mrmlnc twitter.com/mrmlnc/status/…

12:01

#itweekend_chernivtsi про V8, зал понимающе кивает, но все сложно и непонятно

13:15
@denysdovhan @cssunderhood а есть видео ? Я хочу посмотреть, о чем там вообще говорят...

К сожалению нет, трансляции точно нет twitter.com/ghaiklor/statu…

15:43

Еще на #itweekend_chernivtsi говорили о http/2 и о будущем. caniuse.com/#feat=http2 в браузерах оно уже наступило, а вы используете?

16:44

Я так и не понял, конкретно верстальщику оно что дает? Т.е. как-то говориться к http/2 нужно? Я о фронте. @cssunderhood

17:48
@cssunderhood нет. это же п/о сервера обеспечивает

Да,я как раз об этом,т.е. все эти фичи:приоритезация контента,бинарность и т.д. она просто появится и все @caustikk twitter.com/caustikk/statu…

17:55
@cssunderhood верстальщику косвенно, конечно, но теперь можно не объединять картинки в спрайты, например

Вооот, я ждал этого камента Это первое о чем слышишь в контексте http/2 Только есть проблемы серьезнее @Monoryable twitter.com/Monoryable/sta…

17:57
@cssunderhood верстальщику косвенно, конечно, но теперь можно не объединять картинки в спрайты, например

К тому же мы не знаем прийдут к нам по http или http/2 @Monoryable twitter.com/Monoryable/sta…

18:03
@cssunderhood по идее, средствами сервера же должна быть хоть какая-то обратная срвместимость обеспечена. @Monoryable

Да, отдадут по http ,если запросят по http @caustikk twitter.com/caustikk/statu…

18:32
@cssunderhood я своё собираю. Sass + PostCSS / Jade + PostHTML

А почему jade? Через руководствовался при выборе? @GrawlCore twitter.com/GrawlCore/stat…

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

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

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

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

11:44
@cssunderhood весь креатив должен быть в обработке запросов на сервер разными алгоритмами. Проблема не в системах, а в скучных задачах.
10:08
Перестаньте использовать target=_blank! Это поведение никуда не годиться. Новая страница должна открываться в фоне, либо в текущей вкладке.

На этот счет есть правило: ссылки внутрь сайта открываются в текущей вкладке, на внешний сайт — в новой. twitter.com/mxtnr/status/7…

13:44
@ymatuhin @cssunderhood @jsunderhood PurifyCSS . есть плагин для галпа
11:33
@cssunderhood мне лично интересно любой вменяемый css-трюк,который позволяет уменьшить использование js в традиционных юз-кейсах

Вы @codrops читаете? tympanus.net/codrops/ twitter.com/chorna_kiwka/s…

11:34
@cssunderhood тут статья на эту тему недавно вышла krekotun.ru/ui-developer-s…
12:33

Давайте про "рисование на CSS"(и на SVG). На codepen.io много демок "нарисованных" кодом на CSS или SVG. Как вы к этому относитесь?

12:46

Среди нас наверняка есть люди которые это делают.
Расскажите о том как вы это делаете? Придумываете идею заранее или делаете сразу?

12:47

С какими трудностями сталкиваетесь? И что чувствуете в процессе?

12:47
@cssunderhood svg няшно, я рисовал, больше того, яндекс индексит svg, ну карты по крайней мере и наливает траф
12:59

И покидайте примеры крутых демок.

13:01
@cssunderhood о, во время! делаю for fun анимированный x-wing из star wars на svg. будет пулять из пушек и мб летать codepen.io/kenzoki/pen/ox…
15:22
@cssunderhood было бы хорошо, если сообщество плюнуло ссылочками на толковые статьи по анимации svg (можно на инглише).
15:22
@cssunderhood джуниор – нет опыта, есть теоретические знания и желание разваиваться; мидл – джун с опытом; сениор – мидл без желания :)
17:57
@petrthepig @cssunderhood ссылками ща кинуть не могу, но очень рекомендую полистать твитты @vlh
17:57
@petrthepig @cssunderhood можно тут почитать css.yoksel.ru
19:02
@cssunderhood а кто-нибудь нашел хак, как использовать css для внешних файлов svg, подгружаемых через <use/> в Chrome?
19:18

Вспомнил, есть же вот такая книга cssanimationspocketguide.com
@petrthepig

19:20
@cssunderhood 90% коллег из Лондона, поэтому ещё как важен. :)
7:53
@cssunderhood это лишь трата времени. Репетитор – вот это тру вей. :)
7:53
@cssunderhood github.com/talgautb/front… ;) здесь много авторов и крутых фронтендеров :)

Да, много где встречал, что на него ссылаются. Пойду, что ли и себя добавлю 😂 twitter.com/talgautb/statu…

7:54

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

7:55

Немного добью вчерашнюю тему и перейдём к сегодняшней – "Комьюнити".

7:57

На самом деле, разбиение на уловные границы: что вдохновляет, а что нет очень условны.

7:57

Например, вот: nplus1.ru/news/2016/06/0…
Это же какое волшебство!

7:58

Если вам нравятся интерфейсы, то:
awwwards.com
csswinner.com
thefwa.com
cssdesignawards.com

8:01

Это страницы интернет премий. Работы там прям очень.

8:01

Можно подать и свои работы, если вы ими гордитесь. Есть бесплатные и платные варианты.

8:02

Вы участвовали в подобных контестах? Если нет, то почему? Если да, то хвастайтесь работами :)

8:03

Литература тоже вдохновляет. Дочитываю "Атлант расправил плечи" Айн Рэнд. Такого подъёма духа после книги, я давно не испытывал.

8:05

Есть такие книги или герои, которые вас вдохновляют?

8:06

А ещё было исследование про секс и вдохновение: samuelwbennett.com/sex-income-and…. Источник вдохновения можно находить где угодно. @sexsecrethood

8:10
А ещё было исследование про секс и вдохновение: samuelwbennett.com/sex-income-and…. Источник вдохновения можно находить где угодно. @sexsecrethood

Как считаете, может ли это для вас быть источником вдохновения? Как-то улучшает настроение/отношение к работе? twitter.com/cssunderhood/s…

8:11

Один из моих фаворитов по уау – 2016.makemepulse.com
В первый раз, когда я попал на него, кликал полчаса 😅

8:15
Генерал очевидность twitter.com/cssunderhood/s…

м, айм лавин ит 🐵 twitter.com/Lubopitnii_psi…

8:36

Отлично, поговорим о комьюнити.

9:16

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

9:17

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

9:19

РИТ, Codefest, Dump, Frontend Fellows, Я.Субботники, FrontTalks, MoscowJS, PiterJS. Можно продолжать достаточно долго.

9:23

Были ли вы на них?

9:24

Кстати, а какой из форматов встреч вам больше нравится?

9:27

Лично мне нравится MoscowJS, wstdays, формат Frontend Fellows

9:29

Обмен знаниями сейчас мейнстрим и это прекрасно.

9:32

Почему я написал только про фронтенд? Не могу назвать на вскидку больше пары конференций. Давайте делиться информацией ;)

9:37
@cssunderhood в Екб фронтенд коммьюнити сильное. Вот бы остальные профессии подтягивались: мне бы из бэкендерами затусить интересно было.

Да, про Екб согласен. twitter.com/alexey_m_ukolo…

9:38

Мне кажется, что проблема не в том, чтобы организовать (найти место и средства). Большая проблема – это доклады, их качество.

9:39

Разработчики обычно скромные и заставить их о чём-то рассказать, ещё и перед людьми, сложно.

9:41

Есть ли здесь ребята, которые, готовили доклады?

9:43

Как считаете, а меняется ли качество докладов?

9:45

Стараюсь смотреть много записей с конференций и не могу сказать, что хотя бы 30% – в фавориты.

9:47
@cssunderhood на мой взгляд, качество не меняется, но с каждым годом DUMP всё менее интересен для меня лично. Уровень докладов не растёт.

К сожалению, про DUMP, полностью согласен :С twitter.com/alexey_m_ukolo…

9:49
@cssunderhood я прямо сейчас готовлю свой первый доклад про http/2 с точки зрения фронтенда.

А у меня будет во вторник доклад на внутреннем митапе. Перебороть себя, чтобы выступить докладчиком было сложно twitter.com/alexey_m_ukolo…

9:50

Но конференции и митапы – это только малая часть айсберга комьюнити.

9:52
@cssunderhood я тоже на внутрикорпоративном обучении раскачивался. Но вообще, я люблю повещать, больших проблем не было никогда с этим.
9:53

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

9:56

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

9:59

Подкасты в ит – это фильтр нового в технологиях. В эфирах только то, на что стоит обратить своё внимание.

10:00

Обычно слушаю @RadioJSPodcast, @frontflip_js, @webstandards_ru

10:04

Обычно слушаю подкасты в перемотке. Какая же была боль, когда @webstandards_ru только запустили свой подкаст и была музыка на фоне.

10:04
@cssunderhood Я знаю, что митап, переводится как "мясо вверх", но как точно перевести на русский? "Выезд на природу"?

Скорее это просто встреча для общения, доклады тут обычно тех, кто никогда не выступал. twitter.com/GolubevVictor/…

10:06
@cssunderhood На телефоне - meh. Сначала просят блок поворота выключить, потом куда-то тыкать. Что-то происходит, но палец мешает увидеть

Да, боль. Интернет вообще плохо адаптирован про что-то кроме компьютера 😥 twitter.com/subzey/status/…

10:07

А пользуетесь ли вы слакой? Там есть очень много комнат про JS, вёрстку. Например, All that JS.

10:09

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

10:12
@cssunderhood я в слаке Веб-стандартов сижу. Там на удивление много интересных обсуждений.
10:12
@cssunderhood @RadioJSPodcast @frontflip_js @webstandards_ru в принципе, перечислил всё, что есть)
10:12
@cssunderhood все подкасты слушаю на скорости 1.4
10:12
@cssunderhood важно, чтобы было не очень много народу, потому что иначе общение превращается в конфети из нескольких параллельных разговоров
10:13

Сейчас кажется, что упал интерес и активность снизилась :(

10:14

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

10:18

Как считаете, нужен ли для таких аккаунтов в слаке администратор?

10:19
С вечера не могу включить Мак. Пишет мне вот это. Что это такое то? pic.twitter.com/Dr5ZlYkMkb

Давайте, поможем :) twitter.com/toivonens/stat…

10:32
@cssunderhood На местные иногда хожу, но обычно лень.
10:44
@cssunderhood А тех, кто могут рассказать хорошо и интересно вообще единицы.
10:44
@cssunderhood потому что надо вести топик вопросов. Потому что многое повторяется. Как это сделать в слаке?

Можно писать обращение через @Channel, но нужны же темы :) twitter.com/ermo4enkov/sta…

11:16
@cssunderhood Нужен, чтобы останавливать бесконечные и бессмысленные споры как в @webstandards_ru.
13:11
@cssunderhood @Channel channel: Как вы настраиваете webpack? Ответ: "ну сколько можно уже? Тыщу раз уже обсуждали, скроль наверх!"
13:11
@cssunderhood телеграмом пользуемся, пытаемся найти чатик про JS и вёрстку, но чёт грустно с этим

Для общения или задавать вопросы? twitter.com/AntonMMF/statu…

13:14
@ermo4enkov @cssunderhood живое общение как раз и отличает чат и форум от вики. Жаль, мало, кто это понимает.
14:44
@cssunderhood Плохо, что slack сильно тормозной в отличие от гиттера
19:58
@cssunderhood потому что надо вести топик вопросов. Потому что многое повторяется. Как это сделать в слаке?

Кажется, что только пиннить ссылку на внешний ресурс, где поддерживать актуальный список, но это даже звучит плохо. twitter.com/ermo4enkov/sta…

20:14
@alexey_m_ukolov @cssunderhood адресу будьласка?

Вот здесь нужно почту свою указать и прочее: slack.web-standards.ru twitter.com/Vilintritenmer…

20:16
@cssunderhood поделись избранным, пож. Я тоже много смотрю, не могу сказать, что прям сносит башню часто, но что-то полезное всегда есть.

Вот небольшой список докладов, которые рекомендую: docs.google.com/document/d/1kf… twitter.com/alexey_m_ukolo…

20:36

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

Оказывается, мне вести твиттер на выходных практически невозможно.

23:45

Я пришёл чтобы сказать всем спасибо за неделю споров и обсуждение. Я для себя выяснил что хотел.

23:46

Отдельное спасибо моему коллеге @juwain за возможность провести неделю. Всем продуктивной недели и успехов. Передаю слово следующему автору.

23:49

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

9:22

Так вышло, что на этой неделе у меня не получилось поговорить с Вами обо всем, о чем хотел, работа и супруга сделали мне последние 4 дня:)

9:25

В моей Чите сейчас середина дня, теплая погода и в воздухе висит отличное настроение. Хочется поделиться им с Вами!

9:29
@cssunderhood нет, не будем

Ну, видимо, кому нужно было, все свои проекты уже пропиарили и не нашли смысла делиться еще раз. twitter.com/petrozavodsky/…

9:31
Верстальщик - это военнослужащий оберточных войск @cssunderhood
9:31
Я вас всех подвёл, конечно. Но вдруг кому-то не поздно. Я ещё успеваю. Не забудьте оплатить интернет.
9:36

Давайте сегодня не будем о работе) Мне вот интересно, например, поговорить с вами о вашей любимой музыке.

9:39

Но нет, сначала немного и о работе :) Всегда удивляюсь, под какую только музыку люди не умудряются писать код! А под что работаете вы?

9:42

@cssunderhood Например, мой выбор - это американский поп-рок вроде Nickelback и Daughtry. Они не напрягают и одновременно бодрят.

9:43

В вопросах о музыке мне всегда вспоминается мой учитель трудов в школе. Для него все музыканты всех времен делились на Битлз и не Битлз:)

9:48

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

9:51
@cssunderhood это главное! А мы уже не маленькие, сами разберёмся)

Спасибо за понимание:) twitter.com/nemcik7/status…

10:12
@cssunderhood больше всего мне по поводу «уже все сделано» нравится, что «все, что будет уже было, и нет ничего нового» написали ещё до н.э

.. И пишут до сих пор:) twitter.com/jimitori/statu…

10:17

Кстати, как оказалось, идея с литературного конкурсом у меня для Вас явно не зашла, т.к. была прислана одна только одна работа :)

16:51

Но я ее с удовольствием опубликую:) Прислал мне ее уважаемый @Sigiller, спасибо ему за участие и лаконичность! pic.twitter.com/vFD7z3BILV

16:53

Спасибо всем тем, кто участвовал в обсуждении поднимаемых мной тем, я почерпнул от вас много нового!

16:54

Желаю следующему ведущему достаточного количества времени на ведение твиттера:) А всем удачи, выполнения планов и душевного спокойствия!

16:56

Если показался интересным - подписывайтесь, буду рад общению! С вами был Ростислав Назмеев @kakrostropovich! Всем удачи!

17:01

Я видел доклад @asktwi и скринкасты Кантора. Моя идея о другом — мотивировать на неформальное общение и обмен опытом. Угощение как повод.

3:53

Сегодня последний день моего @cssunderhood. Терпите, осталось чуть-чуть =) #HatersGonnaHate pic.twitter.com/EPRgY0mKVg

3:58

В начале недели мы вскользь затронули дизайн. Сегодня я бы хотел обсудить чеклисты наподобие i-love-psd.ru (других я не знаю).

4:05

Отличный сервис (на случай важных «переговоров» с дизайнером), не раз меня выручал, но… мне кажется, он устарел и его надо дополнить.

4:09
Отличный сервис (на случай важных «переговоров» с дизайнером), не раз меня выручал, но… мне кажется, он устарел и его надо дополнить.

Если у вас есть соображения на этот счёт, чтобы не засорять ленту, приглашаю обсудить это: github.com/Realetive/clie… twitter.com/cssunderhood/s…

4:41

А если вы верстаете, то вам поможет html5checklist.com Игоря @ihorzenich Зенича. Список так хорош, что на него можно медитировать.

5:44
@cssunderhood Дринкап вслепую. Столики по 4 места с темами (webpack и т.п.). Люди пьют, общаются и каждые 10 минут кто-то пересаживается ;)

Или на 🍻-апе взять инициативу — попросить опытного разработчика рассказать о чём-нибудь, «повторив» ему его заказ… twitter.com/asktwi/status/…

9:33

Заходите «в гости» на митап #MODX на Рубинштейна, 1 в ламповом vk.com/commode.club — будем обсуждать фронтенд =) pic.twitter.com/ErbcyE5TQt

13:37
Кавер на 5'nizza прямо сейчас с балкона на Невском в Commode. Кто не попал на наш митап #MODX, многое упустил. pic.twitter.com/s2mua8W62a
20:22

Завтра — великий день Памяти! А посему я позволю себе неспешно проститься с вами, мои дорогие читатели.
youtu.be/L3Y5FrL9Gcc

20:24

Не буду утомлять вас ретроспективной и «подведением итогов» — я уже всё сделал: github.com/Realetive/cssu… + бонусы, что не вошло в эту ленту…

20:26

Эту неделю с вами был начинающий фронтенд-разработчик Роман @Realetive Ганин из Питера. До встречи IRL. Спасибо за то, что вы есть! Logout.

20:29

На неделе я анонсировал тему pipeline верстки в php проектах, и только сейчас добрался до нее У меня остаются считанные часы в @cssunderhood

18:44

У вас тоже верстка, билд grunt-gulp и потом бекендеры получают готовые страницы, которые кроят под себя?

18:45

Мысль в том,что не объединять в спрайты и надеяться на http/2 нельзя Ну,т.е http/2 не повод отказаться от них @caustikk @webholt @Monoryable

18:47

Фулстек это хорошо, конечно. Но не всегда работает @freekir

18:48
@cssunderhood @caustikk @Monoryable Именно что HTTP/2 — повод и даже причина для отказа от исторических костылей.

И сломать все у остальных? Красиво все, но не на практике @webholt twitter.com/webholt/status…

19:18
@cssunderhood Что сломать? Больше полугода все основные браузеры поддерживают HTTP/2. У пользователей IE10- и других проблем хватает.

Смотря сколько иконок и старые браузеры никто не отменял @webholt twitter.com/webholt/status…

19:23
@cssunderhood То, что у них не будет бандленных скриптов и стилей, спрайтов с картинками и инлайна, не сломает им ничего. Чуть медленнее.

Эти чуть придется объяснять клиенту, а это не всегда возможно.В общем, как по мне - рано еще @webholt twitter.com/webholt/status…

19:26
@cssunderhood Возможно, 70% — это действительно маловато. Но бывают разные проекты с разной критичностью. Начинать уже пора, как по мне.

Да, от проекта зависит @webholt twitter.com/webholt/status…

19:29
@cssunderhood @GrawlCore а мне вот как-то Handlebars больше нравится. Хотя может просто Jade не было повода распробовать.

да, а мне еще и потому, что там html остается html, а не набором директив с табуляцией @denswor twitter.com/denswor/status…

21:12

Ну что ж, друзья, мое время с cssunderhood подходит к концу. В мою неделю мы поговорили о роли cli в работе верстальщика...

21:51

традиционно о препроцессорах, эффективности работы верстальщика, оценке макетов и сроках верстки

21:52

тестировании визуальных регрессий и логировании ошибок на клиенте, немного о SEO и семантике

21:54

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

21:55

эта неделя стала для меня огромным подарком (к месту пришлась на ДР) Общение с коллегами, а еще и на много более опытными - это счастье

22:01

с радостью продолжу общение с вами в своем аккаунте @DenisZavgorodny

22:03

Отдельное спасибо @juwain за такую возможность и @denysdovhan за рекомендации

22:04

И хочу обратиться к фронтендерам Черновцов. Ребята,давайте общаться,у нас нет профильного сообщества,давайте начнем с виртуального общения )

22:14
@cssunderhood и меня добавьте. gitter?

Да, gitter хороший вариант @SilentImp twitter.com/SilentImp/stat…

22:25

а как фронтендеры относятся к чатикам групповым тематическим в telegram.org?

22:36

telegram.me/joinchat/Bq7KY… группа в телеграме Черновцы фронтенд @SilentImp @sedoy_jay @nemcik7 и все-все-все

23:00

Прошу прощения, линк устарел Вот новый telegram.me/joinchat/Bq7KY… @SilentImp

23:19

Собрал в одном месте все ссылки github.com/denis-zavgorod… за неделю Их не так много

23:32

На этом, наверное все. Еще раз спасибо всем за общение. Надеюсь, продолжим в @DenisZavgorodny

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

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

23:30
@cssunderhood плохое «правило». Крис Койер объясняет для чего можно, а для чего нельзя использовать target="_blank" css-tricks.com/use-target_bla…
9:44

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

18:38
• Джуниор — ты пользуешься опенсорсным решениями;
• Мидл — создаёшь опенсорные решения;
• Сеньор – твоими продуктами пользуются остальные.

Не все люди пишут опенсорс. twitter.com/Realetive/stat…

12:35
@cssunderhood возник вопрос по поводу разных тем для сайта. Поделитесь опытом? Как лучше через класс или отдельный файл и т.п. (sass)
13:32

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

15:59

Я не думал что вести твиттер так сложно. В голове всё было совсем не так =)
Перед началом я подготовил 27 тем, но не написал даже половины.

16:00

Спасибо за обсуждения.
Кушайте кашу, слушайтесь маму и верстайте с удовольствием.
С вами был Серёдкин Андрей aka @midler. Пока!

16:00
На лето @cssunderhood переходит в свободный режим: новый автор будет не каждую неделю, а как придётся. Хотите быть автором — пишите мне.
21:32
Обещанные эксперименты с форматом @cssunderhood будут с осени, так как сейчас многие усердно трудятся или отдыхают.
21:32
@dimaip вообще инструментов много. но я в последнее время ушел очень далеко от верстки. лучше мне кажется у @cssunderhood спросить.

Лично я инструменты для тестирования визуальных регрессий не трогал,возможно,кто-то из подписчиков что-то посоветует twitter.com/jsunderhood/st…

0:12
@cssunderhood что последние годы ковыряли?

Последнее мероприятие было «не про технологии ok», и я ковырял там WebRTC twitter.com/operatino/stat…

0:14
А кто поможет с картами кода для css разобраться? gulp-sourcemaps+concat+cssmin дают карту кода, которая ... @cssunderhood
0:14
... проходит валидацию, но в браузере неверно подсвечивает файлы @cssunderhood
0:15
@jsunderhood @dimaip @cssunderhood github.com/garris/Backsto… вполне достойно для тестирования регрессий. Если достаточно phantomjs.
11:04

Классно всё-таки сделать перерыв в использовании социальных сетей на выходные. В их разработке, кстати, тоже иногда классно делать перерыв

19:33

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

19:34

За неделю я постарался раздельно обсудить некоторые вопросы производительности css, рефакторинга и ревью, кадровые и наставнические

19:36

Завершить хочу рассуждением о смысле всех этих процессов — иначе к чему тогда иметь столько технических решений, споров и реализаций

19:38
@cssunderhood и как вам живётся верстая такой уёбищный дизайн?

Вопрос о том, как живем с таким дизайном, и как живем с такими пользователями, и вообще, живы ли мы, я слышу нередко twitter.com/mikeBazhenov/s…

19:39

Знаете, мы отлично живем. Нет никакой общей объективной метрики, какой дизайн хорош, а какой плох. Наша метрика выражается в нашем доходе

19:41

Наша метрика построена на годах экспериментов и общения с пользователями, их отзывах, благодарностях и негодованиях. Длинная история

19:42

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

19:43

Но вместе с тем наш дизайн достаточно хорош, чтобы эволюционировать и хорошо ложиться в процесс разработки, отвечать бизнес-задачам

19:44

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

19:45

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

19:47

У меня есть один из любимых отрывков в кино — «Предел риска». ok.ru/video/63868334… . Он примерно про это

19:50

Когда я только-только начинал верстать, одной из первых статей, что я прочел, был «Верстка со смыслом» — там что-то про семантику

19:52

Господа, «верстка со смыслом» — это вообще не про то, как вы там закрываете теги,и используете ли вы <li> вместо <div>. Это всем безразлично

19:53

В своё время я задумался, что я буду говорить детям о своей профессии, если буду дальше верстать лендинги со сроком годности в полгода

19:57

Так что — верстайте со смыслом и ничего не бойтесь. Даже если ничего не знаете. Даже — вести андерхуды =)

19:58

На этой неделе с вами был @from_anywhere, верстальщик, «Одноклассники».

19:59

Сегодня воскресенье, а значит последний день на этой неделе в качестве редактора @cssunderhood.

10:33

И это будет "Наброс на вентилятор" день :)

10:34

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

10:37

Если вас задело или у вас о чём-то болит и есть, что добавить, то ю а велкам :) Своего рода экспресс тест на удовлетворённость технологиями.

10:40
@cssunderhood а расскажите, как вы там живете когда работа заключается в борьбе с каскадностью в каскадных таблицах стилей?

Начнём с самого сладкого. twitter.com/jsunderhood/st…

10:44

Да, у вас там БЭМ головного мозга, батенька! БЭМ не нужен. Каскадность наше всё (с)

10:45
@dosyara автор ответил всем, кроме тех, кто написал ему про #b_
10:57

Да, вы в #b_ там даже разобраться со сборкой не можете! Где вебпак!111 (с)

10:58
Отличная англоязычная статья про типовые вопросы и ошибки #b_ smashingmagazine.com/2016/06/battli…

Делаете невозможную технологию, чтобы выступать на конференциях и писать статьи на smashingmagazine twitter.com/ihorzenich/sta…

11:01
@cssunderhood W3C занимается глупостями с HTML, я про footer, header и figcaption в HTML 5.1. В чём смысл этих изменений для разработчика?

Это же семантика – осмысленность содержимого. Скринридеры понимают что скрывается в этих элементах и прочее. twitter.com/AntonMMF/statu…

14:17
@cssunderhood Webpack хорош тем, что он работает по стандарту и легко заменяется на Browserify, Rollup, etc. А с enb альтернатив нет

Инструменты, которыми решаются задачи – не проблема методологии. twitter.com/boriscoder/sta…

14:18

Заметил, что есть 2 темы, которые взрывают чаты – это Реакт и БЭМ. Можно просто делать вброс, что что-то из них плохо и чат взрывается.

14:21
@cssunderhood скринридеры до сих пор ниасилили заголовки во вложенных структурных элементах, а мы ждем от них нюансов внутри <figure>? :)
14:22

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

14:23

Фреймворк должен делать за нас всё. Даже seo и кофе варить (с)

14:25
Фреймворк должен делать за нас всё. Даже seo и кофе варить (с)

Мы тогда совсем не нужны :) twitter.com/cssunderhood/s…

14:28
Инструменты, которыми решаются задачи – не проблема методологии. twitter.com/boriscoder/sta…

Обычно, люди просто не понимают как применять методологию и всё ломается и работает не так как ожидалось. twitter.com/cssunderhood/s…

14:32

БЭМ, как концепт, опередил своё время на много лет.

14:36

Верстальщики привыкли к тому, что практически всё можно сделать с помощью Javascript.

14:49

Самое забавное, что очень многое можно сделать без скриптов.
Например, как вам такое задание? yandex-dump-2016.surge.sh Побежали за JS? :)

15:00

Технологии достигли такого уровня, что мы можем брать студентов 2 курса, которые прошли недельный курс и они будут senior-уровня (с)

15:02
@cssunderhood кого цитируете?

Это я набрасываю провокационные реплики. Они со знаком цитирования :) twitter.com/cssunderhood/s… twitter.com/shear_lock/sta…

15:19
@cssunderhood А можешь еще заданий покидать? Можно и по JS, можно и линк на какую-нибудь репу, где их много :3

Можешь заглянуть в репозитории организации github.com/urfu-2015
Там есть на что посмотреть ;) twitter.com/yanis_urbis/st…

15:24
@cssunderhood или просто провокация?)

Провокация, да twitter.com/shear_lock/sta…

15:24

В смысле, я встречал такие мнения. Считаю их провокационными и решил озвучить @shear_lock

15:27

Ну всёёё, так не интереееесно :( А своё слабо? @1437mquc @antonplankton

16:04
@cssunderhood набрасываешь на вентилятор? :)

Yep! twitter.com/vitkarpov/stat…

17:26
@cssunderhood gracias:) Задачки это всегда хорошо) Самый большой недостаток практически всех английских книг по JS - нет задач, даже в YDNJS

Не всем нужна только практика. Вот спросят на собеседовании реализовать какой-нибудь нативный метод и всё, приехали twitter.com/yanis_urbis/st…

17:28

Ребята, не учите ничего, у вас и так есть всё, чтобы быть успешными (с)

17:39

На 28 @moscowjs был доклад Алексея Охрименко "Свой PhoneGap за 15 минут". Как мне показалось, там было именно про "вы и так всё знаете".

17:43

И такие доклады встречаю всё чаще и чаще :(

17:43

Провокационно, да, но грустно ещё то, что такие доклады популярны по 3+ года и рассказываются всюду. Пруф: youtube.com/watch?v=rOym3p…

17:46
@cssunderhood поддерживаю, поэтому для тех, кто учит всегда будет работа, когда надо прийти и переделать))
17:56
@cssunderhood бомбалейлооо! бомбалейлооо! :))
17:56

www.youtube.com

github.com

goo.gl

vk.com

telegram.me

youtu.be

habrahabr.ru

other