sergeytovarov

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

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

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

6:53

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

6:56

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

6:56

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

6:57

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

6:58

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

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

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

7:08

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

7:32

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

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

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

8:54

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

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

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

9:00

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

9:14

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

9:17

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

9:19

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

9:22

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

9:30

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

9:45

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

9:48

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

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

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

10:00

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

10:02

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

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

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

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

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

10:10

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

10:15

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

10:47

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

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

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

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

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

10:54

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

11:08

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

11:12

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

11:14

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

11:16

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

11:24

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

11:32

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

11:34

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

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

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

11:38

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

11:43

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

11:46

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

11:57

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

11:57

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

12:00

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

12:28

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

13:15

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

13:17

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

13:19

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

13:22

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

13:22

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

13:28

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17:33

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

17:38

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

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

😎 twitter.com/kaktyc0913/sta…

17:42

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

17:44

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

17:45

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

17:46

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

17:49

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

17:52

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

17:55

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

17:57

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

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

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

18:03

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

18:05

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

18:07

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

18:20

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

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

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

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

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

18:29

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

18:32

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

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

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

18:37

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

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

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

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

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

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

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

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

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

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

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

18:53

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

8:16

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

8:16

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

8:17

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

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

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

8:21

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

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

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

8:24

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

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

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

8:29

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

8:29

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

8:30

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

8:31

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

8:31

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

8:32

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

8:33

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

8:34

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

8:34

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

8:35

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

8:36

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

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

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

8:38

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

8:39

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

8:39

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

8:40

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

8:40

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

8:41

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

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

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

8:43

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

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

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

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

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

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

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

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

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

9:21

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

9:22

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

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

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

9:26

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

9:27

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

9:28

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

9:31

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

9:33

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

9:37

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

9:39

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

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

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

9:49

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

9:53

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

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

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

9:55

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10:20

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

10:28

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

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

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

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

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

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

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

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

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

10:46

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

11:15

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

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

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

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

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

12:15

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

12:22

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

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

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

12:32

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

12:41

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

13:19

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

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

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

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

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

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

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

14:39

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

14:44

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

14:45

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

14:46

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

14:47

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

14:48

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

14:50

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

14:52

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

14:54

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

14:56

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

7:22

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

7:22

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

7:24

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

7:25

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

7:26

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

7:26

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

7:26

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

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

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

7:33

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

7:36

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

7:36

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

7:38

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

7:38

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

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

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

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

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

7:56

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

7:57

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

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

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

8:11

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

8:16

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

8:16

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

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

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

8:21

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

8:22

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

8:23

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

8:24

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

8:26

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

8:26

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

8:27

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

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

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

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

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

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

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

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

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

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

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

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

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

8:51

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

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

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

9:09

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

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

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

9:23

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

9:30

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

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

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

9:40

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

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

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

10:06

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

10:07

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

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

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

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

10:22

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

10:25

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

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

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

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

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

10:36

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

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

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

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

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

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

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

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

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

10:53

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

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

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

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

11:18

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

11:23

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

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

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

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

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

12:50

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

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

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

13:32

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

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

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

19:09

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

19:27

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

19:30

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

19:34

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

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

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

19:41
@cssunderhood А это ты по какому принципу подобрал: cамый модный – почти самый модный – подзабытый? Сомнительное соответствие.

Дело не в модности, а, так сказать, в опыте и ощущении от использования. Для MODX достаточно HTML+CSS+JS. Your way. twitter.com/SetAGE/status/…

21:18

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

7:46

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

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

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

7:59

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

8:01

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

8:15

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

8:25

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

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

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

8:40

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

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

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

9:22

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

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

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

12:43

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

12:51

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

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

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

13:07

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

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

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

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

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

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

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

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

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

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

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

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

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

16:25

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

16:37

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

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

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

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

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

17:00

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

19:14

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

19:16

Ммм, на wercker.com появились pipelines. До праздников их не было, по крайней мере в бесплатном аккаунте.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7:04

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10:41

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

18:23

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

18:32

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

18:34

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

18:36

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

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

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

18:46

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

18:54

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

6:15

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

6:17

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

6:21

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

6:22

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

6:26

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

6:31

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

6:35

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

6:36

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

6:39

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

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

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

6:45

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

6:46

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

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

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

6:50

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

6:53

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

6:55

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

7:31

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

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

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

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

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

7:36

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

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

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

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

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

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

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

7:50

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

7:54

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

7:58

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

8:01

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

8:02

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

8:07

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

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

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

8:13

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

8:16

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

8:18

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

8:19

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

8:21

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

8:22

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

8:27

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

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

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

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

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

8:41

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

8:43

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

8:43

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

8:44

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

8:46

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

8:47

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

8:48

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

9:21

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

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

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

9:35

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

9:43

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

10:25

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

10:28

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

10:31

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

10:32

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

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

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

10:39

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

10:40

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

10:46

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

10:47

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

10:48

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

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

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

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

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

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

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

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

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

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

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

12:17

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

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

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

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

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

12:44

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

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

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

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

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

13:08

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

13:09

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

13:10

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

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

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

13:16

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

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

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

13:20

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

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

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

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

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

13:43

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

13:52

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

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

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

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

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

18:27
@cssunderhood Начинал, как все с GM, в школе на конкурсах занимал места. Потом перешел на unity 3D и через врем забросил
21:13
@cssunderhood так зачем тебе профи, найди просто себе вдохновителя и мотиватора, или у тебя не так работает ?

Вдохновители есть, некому дать по рукам, сунуть под нос правильный тутор и пальцем показать на ошибку. twitter.com/gaserd123/stat…

21:14

Вот видишь, за год сразу в миддл) Сила пиздюлей недооценивается. twitter.com/dbarabashdev/s…

21:28

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

11:26

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

11:27

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

11:27

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

11:28

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

11:29

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

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

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

11:32

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

16:48

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17:23

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

17:27

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

19:04

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

9:18

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

9:20

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

9:23

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

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

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

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

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

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

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

10:48

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

10:48

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

10:51

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

10:54

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

10:55

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

10:55

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

10:56

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

10:59

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

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

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

11:03

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

12:13

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

12:15

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

16:43

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

16:43

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

16:44

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

16:45

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

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

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

8:51

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

8:57

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

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

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

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

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

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

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

10:03

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

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

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

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

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

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

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

10:20

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

10:37

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

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

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

10:47

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

10:50

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

10:52

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

11:09

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

11:12

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

11:45

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

11:48

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

11:50

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

11:51

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

11:54

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

12:08

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

12:12

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

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

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

12:18

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

12:20

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

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

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

14:24

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

14:26

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

14:29

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

14:31

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

14:34

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

14:36

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

14:38

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

14:41

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

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

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

14:47

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

14:49

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

14:53

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

14:55

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

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

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

15:00

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

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

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

15:06

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

15:18

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

15:22

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

15:24

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

15:29

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

15:32

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

15:50

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

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

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

18:12

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

18:14

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

17:49

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

17:50

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

17:52

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

17:55

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

17:58

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

18:00

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

18:06

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

18:11

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

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

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

18:22

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

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

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

18:26

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

18:31

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

18:34

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

18:40

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

18:43

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

18:46

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

18:48

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

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

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

18:52

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

18:56

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

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

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

18:59

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

19:02

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

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

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

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

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

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

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

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

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

19:25

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

19:28

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

19:32

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

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

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

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

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

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

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

19:45

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

19:47

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

19:49

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

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

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

19:57

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

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

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

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

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

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

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

20:10

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

20:11

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

20:17

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

20:20

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

20:23

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

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

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

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

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

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

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

20:32

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

20:34

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

20:37

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

20:38
@cssunderhood Только денег нет.

Смотря с кем сотрудничаешь, какие и как пишешь проекты. На начальном этапе, конечно, ты на дне − это нормально. twitter.com/webholt/status…

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

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

20:45

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

20:47
Большая часть тех, кто ответил в опросе, как я говорил, работают в студиях. Какие моменты в работе вы бы изменили?

Моё лично мнение, наибольшая проблема – это технологическое отставание. В студии ты выступаешь в качестве ниндзи. twitter.com/cssunderhood/s…

20:50

Мне не хватало технологичности и я оставил студию очень хорошим ребятам и ушёл в Яндекс.

20:55

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

20:56
@cssunderhood студия это просто конвеер. Где все делается на одних и тех же технологиях

Очень зависит от продукта: простой сайт-визитка или же это spa-конфигуратор серверов. twitter.com/Fabian_Lagrang…

20:58

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

Доброй ночи :)

21:04
@cssunderhood шта? Ничего не путаете, уважаемый?

Аргументы? twitter.com/twenty/status/…

21:05

Всё, ребята, закругляюсь.
С вами был Антон Конев @evilj0e, разработчик интерфейсов из Я. Пишу обо всём, подписывайтесь.

4:06

Пишите красивый код и делайте веб удобнее.
Удачи!

4:07

Раз раз, приём, тут вообще кто-нибудь жив?

6:35

Кто-то есть. Всем Привет! На этой неделе с вами Сергей Попов. Фронтенд разработчик из компании Setka.io

6:48

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

6:49

Я выступал на этих выходных на конференции @webstandards_ru где говорил о молодых специалистах, потом все выходные топил на эту тему на FB

6:51

Теперь вот твиттер. Действуем по принципу одного человека много не бывает

6:53
@cssunderhood мы то живы, а аккаунт не очень :(

То что аккаунт не очень жив это наша вина :) но мы постараемся в ближайшее время что-то исправить, разумеется. twitter.com/mpodanev/statu…

7:02
@cssunderhood @webstandards_ru Как ты думаешь? Нужно ли ночевкам уделять свое внимание на конференции, или пользы для новичков мало в этом.

В смысле нужно ли давать выступать новичкам на конференциях, или нужно ли новичкам ходить на конференции? twitter.com/koderhan/statu…

7:03

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

7:05

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

7:05

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

7:06

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

7:07
@cssunderhood о менторстве тоже хорошо отдельно поговорить. Что за зверь, зачем, кому надо, какой профит и т.д.

Поговорим вообще обо всём для новичков. twitter.com/ABatickaya/sta…

7:07

Ну и в процессе поговорим о канале, что дальше с ним будет, нужен ли он, есть ли спрос и предложение и попробуем вместе его оживить.

7:10

Давайте для затравочки, для тех кто ещё не видел мой доклад и кто не знает какой в нём посыл

youtube.com/watch?v=bEWLTQ…

7:11

А для тех кто сидит на работе и не может посмотреть – текстовый вариант выступления goo.gl/6jq3b9

7:12
@cssunderhood нужно ли новичкам ходить на конференции?

Нужно, обязательно twitter.com/koderhan/statu…

7:13
@cssunderhood @koderhan а я подумал о внимании к новичкам в выступлениях

Да, как раз о внимании к ним twitter.com/GrawlCore/stat…

7:13

Я пока пойду поработаю pic.twitter.com/L6VAgxOr4E

7:14
@cssunderhood @SelenIT2 Ещё рано, все спят.

Сейчас проснуться. Просыпаемся! twitter.com/ruGreLI/status…

7:43
@cssunderhood @koderhan более того, именно новичкам на них и нужно ходить. Опытные и сами могут разобраться.

Опытные тоже нудны, чтобы не терять сообщество и помогать новичкам twitter.com/alexey_m_ukolo…

7:43
@cssunderhood ура, знакомые лица!

а я вот что-то со спины не узнаю 🙄 twitter.com/redhead_jules/…

7:44
@cssunderhood у меня был вопрос о доверии к ментору.) В перерыве.

ага, идентифицировано :) twitter.com/redhead_jules/…

7:55

ну что, кто был на #wstdays в Москве в эти выходные?

7:57
Выпуск №53: Safari, Chrome и Firefox, HTTPS, клиарфикс, CSS-импорты, история JS и @shura_sparrow про фронт Сбертеха… twitter.com/i/web/status/8…

Вот ещё утренние новости подкатили twitter.com/webstandards_r…

8:05

Больше 40 процентов было на #wstdays. И каково ваше впечатление?

8:22
Список статей, которые мотивируют вас стать докладчиком и делиться опытом с другими. @cssunderhoodtwitter.com/i/web/status/8…
8:35
@cssunderhood впервые была на конференции по фронтенду; откуда-то было странное ощущение, что все люди вокруг - свои, и чуть ли не семья.)
8:45
@cssunderhood лично мне бы хотелось большего количества докладов. Либо разбитых на два дня, либо читающихся параллельно в нескольких залах.

Я думаю конференция будет развиваться twitter.com/redhead_jules/…

8:47
@redhead_jules @cssunderhood О, это прекрасное чувство! Я выбираюсь из дома только ради этого ощущения единения и комфорта в толпе =)
9:01
@ABatickaya @cssunderhood значит, надо чаще встречаться и выбираться =)

В Москве возможно скоро будет возможность собираться чаще twitter.com/redhead_jules/…

9:04

Давайте поговорим всё таки о новичках. Тут наверняка есть новички, которые уже где-то работают. Расскажите, в вашей компании берут новичков?

9:05

А если вы сам компания или не новичок, нов компании, тот же вопрос, у вас берут на работу джунов, на вырост?

9:06
Я хочу поговорить о наших младших товарищах, расшифровка открывающего доклада Сергея Попова с WSD в Москве —… twitter.com/i/web/status/8…

О! twitter.com/webstandards_r…

9:08
@cssunderhood да. Но у нас вообще очень мало не-джунов, а работу делать надо.

А что у вас за компания, и чем джуны у вас занимаются? twitter.com/Di_Ed_Seagull/…

9:10
@cssunderhood да, потому что фронтов люто не хватает

А что за компания, и чем джуны в ней занимаются? twitter.com/Sigiller/statu…

9:10
@cssunderhood Берут, а но они не растут :-£

А в чём причина, как думаешь? twitter.com/sapegin/status…

9:12
@cssunderhood мы – молодая студия – берём, конечно, куда деваться. обучаем по совместительству. у нас уютно вообще)

А по подробнее?) что за компания и чем занимаются джуны? twitter.com/GrawlCore/stat…

9:12
@cssunderhood иногда несколько делали одну и ту же задачу одновременно. Как университетская практика. Талантливые оставались.

битва за работу twitter.com/Di_Ed_Seagull/…

9:13
@cssunderhood Им не интересно программирование. Как минимум двум из трёх. Но место нагретое и прибыльное.

А что за место? Можно в личку twitter.com/sapegin/status…

9:13
@cssunderhood feip.co
сайты, веб-приложения, маркетинг, реклама, события. джуны у меня начинают с WP.

А напиши в личку мне @sergeytovarov twitter.com/GrawlCore/stat…

9:15

Что неужели только 4 компании берут себе новичиков? Остальные стестняются? :) или всё так плохо?
Можно мне в личку писать если что)

9:29
А если вы сам компания или не новичок, нов компании, тот же вопрос, у вас берут на работу джунов, на вырост?

А напишите мне в личку twitter.com/cssunderhood/s…

9:35
@cssunderhood берём, много лет уже такая практика. В целом результат не очень - растут далеко не все, а деньги тратятся. Но есть и хорошие.

А есть позитивные практики у кого-нибудь? twitter.com/alexey_m_ukolo…

9:36
@cssunderhood нашел пасхалку на вашем сайте 0/ pic.twitter.com/xpdyVEJDiA

там должна быть другая последовательность цифр, на сколько мне известно twitter.com/satan_tx/statu…

9:37
@cssunderhood сейчас компании хотят только сиюминутной прибыли, поэтому ищут сеньоров, а что будет потом, лет через 5-10, никого не волнует

Большинство, но не все, я верю twitter.com/zhyvebelarus/s…

9:39
@cssunderhood негативный результат часто не из-за джунов, а из-за того, что в компании учить некому и некогда - проблема небольших фирм.

Вот об этом я как раз говорил twitter.com/alexey_m_ukolo…

9:41
@cssunderhood согласен, не все, но тенденция, на мой взгляд, очевидна

Наш веб, нам менять тенденции! twitter.com/zhyvebelarus/s…

9:42
@cssunderhood главное - джунам прорваться в компании, чтобы поменять тенденции)

революция! twitter.com/zhyvebelarus/s…

9:52
@cssunderhood В Яндекс берут стажеров. Не знаю, можно ли считать их новичками.

Про ребят из @yandex мы в курсе, мы ищем вообще всех :) twitter.com/basilred/statu…

9:59
@cssunderhood редактор то свой когда покажите?

Дак он уже работает давно ru.setka.io/editor/ twitter.com/reaverart/stat…

10:28

Видимо с компаниями для новичков действительно всё туго. Придётся отлавливать каждую компанию отдельно.

10:30

Наверное стоит сказать, что после этого доклада лёд тронулся и сообщество зашевелилось.

10:30

Сейчас мы думаем над тем как удобно сделать возможность новичкам находить компании, которые в них заинтересованы.

10:31

Находить менторов или наставников, курсы для повышения и всё это в одном месте. Поэтому я и спрашиваю про заинтересованные компании.

10:32

у нас нет обходов лицензии, мы за все шрифты платим абонентку

10:48

# Вторник 602 твита

Доброго дня коллеги.

10:36
@cssunderhood @ABatickaya а в чем беда bootstrap'а?

Конкретно беда самого бутстрапа в том, что его используют везде и в 90 процентах случаев не по назначению. twitter.com/make_me_loco/s…

10:38
@cssunderhood а что за скринкасты?

Обычные скринкасты с вёрсткой вживую, разбором сложных техник и моментов которые могут встретиться в рамках курса. twitter.com/Lik04ka/status…

10:40
@sapegin @cssunderhood мне интересно было спросить у коллеги. Я запрещаю студентам пользовать буцтрап на курсе =)

на курсе в принципе никто этим не должен пользоваться. twitter.com/ABatickaya/sta…

10:41
@cssunderhood человек-рефакторинг!
10:41
@cssunderhood я в @PostHTML продвигал эту идею, уже можно extend

Вот, кстати, очень интересный инструмент @PostHTML, который стоит у меня в очереди на практическое применение. twitter.com/GrawlCore/stat…

10:43
@cssunderhood что такое Handlebars?

ну вот handlebarsjs.com twitter.com/nemcik7/status…

10:44
@cssunderhood @ABatickaya не по назначению, например? Сложно представить, я не троллю, честно.

Интернет магазины, промосайты, лендинги twitter.com/make_me_loco/s…

10:48
@cssunderhood Новый человек всегда внедрит что-то полезное, исправит забытое и допилит то, на что у других нет времени.
10:49

Давайте поговорим о том, что меня волнует в нашей отрасли. Упадок развития большинства студий и качество сайтов которые они выпускают.

10:52

Ради интереса опрос. Где вы работаете?

10:53
@cssunderhood зависит всё как студию позиционировать, какие люди в ней работают и к каким целям стремится.

Меня волнуют в основном студии, которые нацелены только на получение денег. twitter.com/PollyGlot/stat…

11:12
@cssunderhood А что ты имеешь в виду под качеством? Недавно ушла из студии т.к там внешняя составляющая сайта была важнее, чем уровень кода

Вот когда снаружи сайт выглядит нормально, но при этом в код страшно смотреть, это не качество. twitter.com/ierhyna/status…

11:13
@cssunderhood а как быть с большинством вакансий, где требуется знание бутстрапа? Научиться им пользоваться, но не использовать?

Если в этой студии на потоке стоят сайты, которые собираются на бутстрапе, то я бы даже не рассматривал такую студию twitter.com/katealf/status…

11:15
@cssunderhood есть бизнес не ориентированный на получение денег?

Можно делать качественные и хорошие сайты и получать деньги. А можно ориентироваться только на получение денег. twitter.com/dcromster/stat…

11:16
@cssunderhood есть бизнес не ориентированный на получение денег?

При этом наплевав на качество производимого продукта, развитие сотрудников и отрасли в целом. twitter.com/dcromster/stat…

11:16
@cssunderhood возможно будет открытием, но весь бизнес ориентирован на получение денег. Качество - вторично.

Вот из-за таких суждений мы тут и разговариваем на эту тему. twitter.com/dcromster/stat…

11:17
@cssunderhood а еще есть студии, где на потоке bitrix, покупают готовые решения, впаривают как собственная разработка. профит

Это точно не похоже на путь развития отрасли. twitter.com/kalyawe4ka/sta…

11:19
@cssunderhood думаю, что это просто этапы развития типичной студии: сначала производство лишь бы сделать и заработать, потом уже оптимизация

большинство студий остаётся на первом этапе. twitter.com/imerofeev/stat…

11:36
@cssunderhood я считаю, что качество должно быть на первом месте. Даже если работать за безплатно, UX/UI всегда должны быть в приоритете

За бесплатно никто не работает, смысл в том, что качество так же важно как и получение прибыли twitter.com/PollyGlot/stat…

11:37
@cssunderhood ну да, срубить денег по быстрому, никогда не было похоже на путь развития чего-либо
11:39
@dcromster @cssunderhood я думаю мысль в том, что качество также важно как и деньги

Бинго! twitter.com/iamstarkov/sta…

11:39
@cssunderhood а в чем суть разговора? Кого-то переубедить или просто констатировать факты?

Не думаю что возможно кого то переубедить, возможно найти сочувствующих и кого-то переубедить. twitter.com/zhlznv/status/…

11:39
@cssunderhood @make_me_loco @ABatickaya зачем он существует вообще?

Бутстрап - инструмент для быстрого прототипирования интерфейсов. ВОт для чего он нужен. twitter.com/ardshock/statu…

11:40
@cssunderhood если выключать то, что не используешь + использовать его в админках, то ничего страшного.

Да ещё можно для создания админок, где нет чёткого дизайна, но нужно набросать интерфейс. twitter.com/smithua/status…

11:44

Собственно вся эта проблема со студиями волнует меня как раз из-за того, что в такие студии чаще всего попадают молодые специалисты.

11:47

Они попадают в поток и превращаются в людей, которые верстают сайты на поток, не разбираясь в том, что они делают. Они перестают развиваться

11:48
@cssunderhood если человек перестает развиватся значит ему и так норм. он достиг цели)))

Вернёмся ко вчерашнему – разработчик который перестал развиваться – мёртвый разработчик. twitter.com/trolizmaslom/s…

11:52
@cssunderhood ну-ну. Я знаю много разработчиков даже во фронтенде, которые заняли нишу требующую определенный набор навыков и работают себе.

я тоже знаю много таких разработчиков, но от того они не становятся нормальными. twitter.com/SilentImp/stat…

11:56
@cssunderhood не надо перекладывать на студии ответственность за развитие молодых специалистов, в первую очередь это нужно самим людям

Согласен – ответственность лежит на двух сторонах. Но если бы человек попал в хорошее окружение, он стал бы лучше. twitter.com/MhMadHamster/s…

11:58
@cssunderhood @trolizmaslom библиотека, не обновляющаяся более недели — мёртвая библиотека.

Ну, может, не неделя, но такое суждение тоже может быть верно. Всё должно находиться в состоянии развития. twitter.com/twenty/status/…

12:00
@MhMadHamster @cssunderhood человек не попадёт в хорошее окружение, почти наверняка, потому что туда хотят людей сразу со скиллами

А вот стоило бы брать людей с горящими глазами и прокачивать их в реальных условиях. twitter.com/Sigiller/statu…

12:02
@dshster Наверное, имеется ввиду продуктовая компания. Но я тоже не знаю, что выбрать :-/ @cssunderhood

Ну да не очень удачно поставлен вопрос. Компания, которая не занимается созданием сайтов но у которой есть отдел ИТ. twitter.com/sapegin/status…

12:20
@dshster Наверное, имеется ввиду продуктовая компания. Но я тоже не знаю, что выбрать :-/ @cssunderhood

Который занимается разработкой и поддержкой сайтов и сервисов компании в данном случае. twitter.com/sapegin/status…

12:20
@cssunderhood человек с горящими глазами попав на потоковую студию, непременно уйдет оттуда раньше чем через год.

потоковая студия может погасить и глаза и амбиции. Знаю примеры. twitter.com/trolizmaslom/s…

12:22
@cssunderhood а вообще мне кажется полезно иметь такой опыт.Учишься работать быстро..

Главное во-время понять когда надо соскочить. twitter.com/koderhan/statu…

12:25
@cssunderhood нельзя упрекать кого-то в том что тебе расхотелось стать крутым спецом, нельзя

Если ты приходишь без опыта в студию, где тебе постоянно говорят, что собирать сайты на бутстрапе и CMS это ок. twitter.com/MhMadHamster/s…

12:28
@cssunderhood нельзя упрекать кого-то в том что тебе расхотелось стать крутым спецом, нельзя

То ты будучи не таким мудрым можешь решить, что тебе этого будет достаточно. Всё зависит от окружения. twitter.com/MhMadHamster/s…

12:29

Надо поработать, вернусь позже.

12:29
. @cssunderhood завтра собеседую девушку, которая прошла аж 9 курсов повышения квалификации. интересно, что расскажет)

Интересно будет услышать, что же она расскажет. twitter.com/safinalexey/st…

12:34
@cssunderhood Хуже потокового клепания сайтов студиями только клепание этими студиями своих CMS. Вот это ваще веселуха.
12:35
@_sashashakun @cssunderhood потому что студия и мы там ничего такого не используем, вот мне и не надо, своих знаний хватает

Сложно представить, но есть живые примеры. twitter.com/MhMadHamster/s…

14:38
@MhMadHamster @cssunderhood я думаю это происходит не так. Человек просто не интересуется своей отраслью.
14:39

На самом деле после проблемы развития студий, идёт проблема развития самих специалистов. Некоторые просто не хотят развиваться.

14:40

Или даже разбираться в том, что они используют в повседневной работе.

14:41

Не хочется говорить слово буцтрап, но это самый яркий пример того, как верстальщики используют инструмент, не разбираясь как он работает.

14:42
@cssunderhood это выбор каждого. Тех кто хочет развиваться и развивается, достаточно чтобы было с кем пообщаться, имхо

Это понятно, но ты пришел в отрасль и разве нет этого желания – развиваться в ней, двигаться и двигать отрасль. twitter.com/_sashashakun/s…

14:44

Это пример из реальной практики, к нам на собеседования приходят специалисты которые верстают сайты используя сетку от бутсрапа.

14:45

Ты спрашиваешь его на чём строиться сетка у третьего бутсрапа или из чего состоит clearfix и человек зависает.

14:46

Или например отступы между инлайн-блоками. Многие знают как от них избавиться, но мало кто отвечает на вопрос, откуда они берутся.

14:51
@cssunderhood вполне может быть что у кого то нет. Это их дело и с чего бы вдруг мне или тебе учить их жить. Если ты в эту сторону клонишь.

Рынок делится на потребителей и производителей. И чем меньше производителей, тем медленнее развивается отрасль. twitter.com/_sashashakun/s…

14:52
@cssunderhood уточни отрасль, о которой ты говоришь?

мы вроде говорим о вёрстке, но я думаю что это к вебу в целом относится. twitter.com/_sashashakun/s…

15:01
@cssunderhood не верю

Я не заставляю никого верить, я просто рассказываю свой опыт. twitter.com/_sashashakun/s…

15:01
@cssunderhood строится

О да, извините. twitter.com/fuckingsun/sta…

15:02
@cssunderhood верстка не развивается? Я просто почти не верстаю последнее время, так что могу быть не в теме

не вёрстка, а верстальщики. twitter.com/_sashashakun/s…

15:17
@cssunderhood Сергей, если будет время, напишите еще какие-нибудь ходовые вопросы, которые задают во время собеседования, было бы полезно!

Я приводил примеры вопросов из своего собеседования. Не хочу раскрывать все свои вопросы, а то будет неинтересно. twitter.com/katealf/status…

15:21
@cssunderhood а разве он не для этого создан был?

Он был создан для использования без понимания принципов его работы? Интересное мнение. twitter.com/ostelaymetaule…

15:24
@katealf @cssunderhood На самом деле, достаточно спросить поисковик toster.ru/q/143443
15:28
@cssunderhood я бэкэнд, я не хочу знать чем флексбокс от display:table отличается, я хочу фыр-фыр-фыр и чтобы от админки глаза не текли.

Вы говорите про бэкенд, вам в принципе должно быть всё равно на вёртску. Я говорю про верстальщиков. twitter.com/ostelaymetaule…

15:30
@cssunderhood их же было много разных, в совсем старые формально входил и zoom:1, потом был вариант с :before для изоляции margin-top...

так как речь идёт про бутстрап я обычно прошу рассказать из чего состоит их распорка. twitter.com/SelenIT2/statu…

16:13
@cssunderhood их же было много разных, в совсем старые формально входил и zoom:1, потом был вариант с :before для изоляции margin-top...

То есть я хочу услышать про два псевдоэлемента в одном из которых (after) есть clear: both, а второй как раз для mt twitter.com/SelenIT2/statu…

16:18
В Петербурге мощнейшая радуга. pic.twitter.com/GTPt4wLhIV
16:23
@cssunderhood кстати, прошу помочь «рассудить» меня с Тьерри Кобленцем: margin collapsing для clearfix — фича? mobile.twitter.com/SelenIT2/statu…

Моё мнение – это вообще по сути разные вещи, которые просто добавляются одним классом. То есть не фича. twitter.com/SelenIT2/statu…

16:37

А вот ещё одна проблема начинающих специалистов. Умение гуглить и решать проблемы самостоятельно.

16:40

У меня как у наставника чаще всего студенты поступают вот так. Обнаружить проблему – спросить наставника.

16:41

А хочется. Обнаружил проблему – попробовал решить сам – погуглил, поискал решение – спросить наставника. Не хватает самостоятельности.

16:42
@cssunderhood А, то есть спросить у наставника, подойдёт ли найденное решение? Ну тогда ещё ок.

Ну хотя бы прийти и сказать я пытался, но не получилось. Или вот я нашел решение, подойдёт ли оно. twitter.com/webholt/status…

16:44
@cssunderhood Хочется, чтобы спрашивали совет, а не готовый код.

Вот twitter.com/sapegin/status…

16:47
@cssunderhood Погоди, а если не получилось, то какие ещё варианты остаются?

Не получилось – к наставнику, носам факт попробовать, потому что в большинстве случаев ответ есть в лекции. twitter.com/webholt/status…

16:49
@cssunderhood Блин, я вот щас перечитал переписку с интенсива и думаю, как я такие вопросы мог задавать? Чувствуется, вырос
17:32
@cssunderhood если знаешь как избавится то ответ на вопрос откуда берутся очевиден

Как показывает практика не для всех. twitter.com/ipamoon/status…

17:53

Всем доброго дня/утра! Надеюсь большинство из Вас уже проснулись? Если что - простите, что разбудил) Сегодня будем городить об инструментах.

6:01

Начну я с себя, точнее с того как у меня проходит процесс верстки.

6:03

Я в работе использую связку @sublimehq + @avocode + @gulpjs. Верстаю на @less, обычно без фреймворков.

6:06

Результаты смотрю в @Browsersync и @ChromeDevTools, для быстрой подстановки данных на страницу использую свой скрипт, о нем немного позже.

6:07

Еще в последнем проекте попробовал использовать TARS (goo.gl/0Xe8Q4) как готовое решение, но смолкнулся с проблемой при обновлении

6:13
@cssunderhood что считается центром?

Я имел в виду технологические центры, в основном - столицы. twitter.com/kost/status/72…

6:14
@cssunderhood, мы в github.com/web-standards-… собираем местные события, без видео

Спасибо за уточнение - всем рекомендую заглянуть, вдруг не знаете, а у вас в городе уже все есть:) twitter.com/pepelsbey/stat…

6:15

Делать опросы по использованию редакторов уже не очень интересно, делали много раз. Но у меня другое предложение:)

6:20

Опишите путь, который вы проделали к вашему текущему редактору:) Вот мой пример: Блокнот -> NotePad++ -> ST -> Atom -> PhpStorm -> ST

6:20
@cssunderhood почему перешёл от ide к редактору обратно?

Его скорость работы, куча написанных ранее плагинов и банальная привычка мне это упрощают труд лучше чем фишки IDE:) twitter.com/juwain/status/…

6:44
@cssunderhood А чем Atom не понравился ? )

Скоростью на моем старом MacBook. Я c Atom почти полгода проработал и потом ST вернулся и теперь наслаждаюсь) twitter.com/Mell2Alex/stat…

6:49
@ardshock @cssunderhood потому же, почему и саблайм.

Хм, это по вашему не профессионально? twitter.com/twenty/status/…

6:52
@cssunderhood ну вот, а мне не верили, что пользователи less ещё существуют.

Надеюсь, вы на это спорили и я помог вам этот спор выиграть. twitter.com/twenty/status/…

6:53
@ardshock @cssunderhood да какой тут юмор?! Тут кровотечение из глаз останавливать нужно и руку от лица удалять хирургическим путём.

Для меня даже неожиданно, что Вы такие реакции выдаете. twitter.com/twenty/status/…

6:56
@cssunderhood а почему имена перестали расширять так? Я так и делаю сейчас, только на стилусе...

Возможно это настраивается, но у меня при таком подходе в dev tools потом не отображаются ссылки на строки в less. twitter.com/ardshock/statu…

6:58

@cssunderhood Да и читается в коде лучше.

6:59
@cssunderhood а что за MacBook? Думаю купить Pro 13" минималку, но боюсь, что не потянет 2 моника, phpstorm/sublime и докер

Pro 2009 года, 15", мне для верстки хватает, т.к. виртуалки на нем не поднимаю а IE тестирую с другого ноута. twitter.com/AndreyBerezhno…

7:04

Вообще, я думал сделать днем холиваров не сегодняшний день, но, видимо народ к этому душой тянется:)

7:05

Возможно, надо уточнить. Я 90% времени трачу на верстку, не на JS. Это мой случай, и потому IDE-плюшки мне нужны меньше, чем многим из вас.

7:09
@cssunderhood просто Павел любит пошутить

Мм, ну тогда это весьма-весьма тонко:) twitter.com/safinalexey/st…

7:11
@cssunderhood Куда важнее скорость моей работы, чем редактора ;-) С Вебштормом она выше, чем с Саблаймом. @juwain

Ну тут и мне скорость моей работы важнее:) Но, думаю, я куда ближе на своем пути к VIM, чем к IDE:) twitter.com/sapegin/status…

7:14
@cssunderhood запланированные холивары почти никогда не получаются, так что не упускай возможность!

Эх, говорила мне мама, никогда всё заранее не планируй:) twitter.com/Sigiller/statu…

7:15
@cssunderhood вас не пугает, что 90% уходит на верстку а не на js, я постоянно боюсь, что останусь на обочине технологий :-(

Нет, не особо. Мне это, во-первых, интересно, во-вторых - CSS тоже на месте не стоит. Да и куда я от JS денусь?;) twitter.com/ardshock/statu…

7:19

Ох, чую, если сейчас напишу что BEM почти не использую - вообще у уважаемых людей всё повзрывается... :)

7:25
@cssunderhood js нативный? Или jq, angular и иже с ними?

По ситуации, недавно был проект на angular, иногда пишу native, но часто и jQuery хватает. Пляшем всегда от задач. twitter.com/ardshock/statu…

7:26
@cssunderhood "часто и jQuery хватает" - поаккуратней с этой фразой)

ох да, надо голову прикрывать, сейчас помидоры полетят.:) Но повторюсь - я пляшу от задачи и времени на нее. twitter.com/safinalexey/st…

7:29
@cssunderhood нет, если пояснишь свой выбор.

Сейчас у нас такая политика в студии, разрабатываем свой набор правил. Потому пока экспериментируем. twitter.com/SheVasya/statu…

7:31
@cssunderhood В тему про Джейквери: blog.sapegin.me/all/dont-touch… @safinalexey

Интересные мысли, соглашусь. twitter.com/sapegin/status…

7:34
@twenty @cssunderhood у нас весь отдел на less, а это почти 2 десятка человек

Ну вот. На то и существует конкуренция у инструментов, чтобы каждый мог выбирать себе наиболее удобный. twitter.com/dersmoll/statu…

7:44

Благодарю всех за высказанные мнения! Я покину Вас на какое-то время, после возвращения немного сбавим пыл сражений:)

7:51
@cssunderhood бросаете нас ради какой-то работы?

Да, ради нее родимой! Ибо смотрит она на меня укоризненно полупустым окном редактора... twitter.com/ardshock/statu…

8:07
@ardshock @cssunderhood плохой практикой это считают сторонники неадекватно крайней простоты. ни Pug/Jade, ни Sass, только хардкор.
9:15
@dmitryshimkin @twenty @cssunderhood а с саблаймом, что "не так"?

Видимо, все не так, раз такое отторжение у людей. twitter.com/ardshock/statu…

9:20
@cssunderhood это называется Source Maps, и у Less с ними проблемки были

Я о них и говорил. Я больше эту практику недолюбливаю из-за нечитаемости. Но это уже совсем ИМХО, не настаиваю) twitter.com/GrawlCore/stat…

9:22
@cssunderhood нечитаемость { из { &-за { скобочек { получается } } };

вложенностью
по
&-приятнее
как
&-то

Не уверен, что правильно понял про приятнее с вложенностью, но возможно:) twitter.com/GrawlCore/stat…

9:28
@Sigiller @ardshock @cssunderhood я здесь подожду, когда вы поймёте, что это не вопрос религии.

А еще можно не ждать, а кинуть, например, пару линков на статьи, однозначно доказывающие вашу точку зрения. twitter.com/twenty/status/…

9:30
@meuwka @cssunderhood если для тебя не очевидно, почему на Less не нужно начинать новые проекты, то, боюсь, я не в силах тебе помочь.

Уважаемый, такого рода заявления требуют пруфов (и не отсылок в Google), иначе они просто бестактны. twitter.com/twenty/status/…

9:45
@iamstarkov @meuwka @cssunderhood ой, а я ничего не перепутал, я всё ещё в твиттере?

Вы же в твиттере с людьми общаетесь? Здесь не действуют правила хорошего тона? twitter.com/twenty/status/…

9:48
@cssunderhood @meuwka вескость причины не вам определять.

Если вы меня троллите, то очень уж тонко. Если говорите серьезно, то.. То спасибо за беседу. twitter.com/twenty/status/…

9:55
@twenty @cssunderhood пробовала перейти на PostCSS, да, это работает. но сейчас не любом проекте это приемлемое решение, не всем удобно

Столкнулся с этим же, но думаю, что в ближайшее время буду с компанией полностью будем переходить на PostCSS. twitter.com/meuwka/status/…

9:57
@meuwka @twenty @cssunderhood а почему не удобно? Наоборот, проще конфиг, быстрее сборка

Для меня неудобно в данном случае - это вопрос смены привычек и не более.:) Просто у каждого своя скорость) twitter.com/andrey_sitnik/…

9:59
@cssunderhood @meuwka вот, теперь вы понимаете, что при определённых условиях, что-то обсуждать дальше уже просто невозможно.

Проблема в том, что обсуждения то и не было. Хотя могло получиться, и я бы с радостью послушал вашу точку зрения. twitter.com/twenty/status/…

10:02

Уважаемые коллеги, мы заспорились:) Предлагаю принять тот факт, что все меняют технологии с разной скоростью, и это нормально.

10:04

И не использование в настоящий момент каких-то перспективных инструментов - не означает, что на них не будет перехода.

10:06

Предлагаю немного сменить тему на менее эмоциональную:)
Хочу поговорить с вами о том, как Вы упрощаете себе сам процесс написания стилей.

10:14

@cssunderhood Для начала поделюсь своим опытом в Sublime Text.

10:15

Для начала хочу рассказать Вам о своем плагине, которым я для себя упростил работу со стилями с Emmet: goo.gl/0NgQhp.

10:19

@cssunderhood Если кратко - то писать стили в одну строку и раскрывать в конце весьма удобно.

10:21
@cssunderhood никак не упрощаю, вообще для меня не очевидно что там нужно упрощать, расскажите пожалуйста зачем оно

Любым сниппетом, плагином и т.п. можно сократить время на рутину, которой в верстке все таки хватает. twitter.com/Bashnya_est/st…

10:24

Так же, например, когда мне нужно получить список классов из HTML, я использую плагин Tag в ST, точнее его команду Get CSS Classes

10:26
@cssunderhood имхо, автодополнение удобнее, чем Emmet (раз уж сегодня день споров)

Интересно, а я вот как-то быстро от него отказался, и emmet уже "в пальцах". twitter.com/_ramoona/statu…

10:28

Для той же цели для Atom я, когда с ним работал, написал подобный плагин: css-from-html, получив некий профит в скорости.

10:30

Был в свое время довольно интересный доклад @akella, в котором он рассказывал о том, какими инструментами он упрощает себе жизнь.

10:33

Из того доклада я, например, взял привычку в HTML закрывающие теги дополнять комментариями, и делать для каждой подобной задачи сниппеты.

10:35

Теперь у меня есть, например, сниппеты, которые помогают мне писать такие штуки (этим я расширяю для себя emmet): pic.twitter.com/Dec9tvAEOt

10:40

@cssunderhood конкретно эта конструкция у меня раскрывается по аббревиатуре "ss" :)

10:41

Кстати, помните в свое время было много шума по поводу проекта livestyle.io Они не так давно обновились, кто-нибудь пользуется?

10:44
@cssunderhood @GrawlCore @ardshock перечитал ветку, не вижу объяснения плохой практики.

В моем случае - в худшей читаемости, до этого еще были проблемы с Source maps, но это, как я понял, исправили. twitter.com/c01nd01r/statu…

10:51
@c01nd01r @cssunderhood @ardshock я так понимаю, слишком много DRY – плохая практика.

Да, примерно это я имел в виду. И, по-видимому, у всех свои границы этого "много DRY") twitter.com/GrawlCore/stat…

10:59
@GrawlCore @cssunderhood @ardshock В контексте файловой структуры по БЭМ, я б не сказал. Нормально читается.
А в простынях стилей да, ад.

Соглашусь, я далекооо не каждый css-проект бью на файлы-компоненты и чаще мне такое именование мешает. twitter.com/c01nd01r/statu…

11:00
Я предлагаю поднять обсуждение о судьбе @csscomb: github.com/csscomb/csscom… Высказывайте своё мнение в комментариях, если вам не безразлично.

Поддержу инициативу. Напишите, люди добрые, многие ли из вас этот инструмент постоянно применяют в работе? twitter.com/miripiruni/sta…

11:02
@cssunderhood а что используешь?

Сначала его и использовал, но сейчас в студии делаем свою версию, с включением элементов из других методологий. twitter.com/antonovi/statu…

11:07
@cssunderhood очень просто - не пишу их )

Лучший бой - это его отсутствие. :) twitter.com/safinalexey/st…

11:19

У меня назрел вопрос. Многие ли из Вас используют в качестве браузера для работы (конекретно для верстки и написания js) Firefox? И почему?

11:26
@cssunderhood там же просто можно так: .foo¦c

На самом деле у этого подхода есть преимущества, но в твит не уложу, попробую немного позже сделать пост на тему:) twitter.com/mr_roose/statu…

11:37
@cssunderhood я написал плагин для ST для извлечения классов, может сразу извлекать вложенные селекторы по БЭМ github.com/hudochenkov/ec…

Вот на этот плагин я не нарывался:) Спасибо, буду пользоваться! twitter.com/xwoody/status/…

11:39
@cssunderhood перестал использовать, т. к. CSSComb перестал парсить мой код, поэтому написал postcss-sorting github.com/hudochenkov/po…
11:40
@cssunderhood PSPad -> ST

Кстати да, PSPad тоже когда-то использовал. Эх, были времена.. :) twitter.com/mr_roose/statu…

11:43
@AndreyBerezhnoy @cssunderhood виртуалками не пользуюсь, но вообще – лишь бы под SWAP на SSD оставалось

А как без виртуалок под IE тестируешь? twitter.com/GrawlCore/stat…

11:47

Вот скажете - мелочь, а меня в FF всегда напрягало, что нельзя поскролить значение вот тут (только стрелками): pic.twitter.com/Vtj1U41CQa

11:54
@cssunderhood я! Раньше там был идеальный Firebug, потом его заменил встроенная в FF панелька. Хром никогда не нравился дизайном.

В плане дизайна - думаю, многие согласятся) twitter.com/i_MiF/status/7…

11:54
@cssunderhood голый HTML без подсветки уровней вложенности? Ну и жесть!

ну как, голый html) иногда jade, иногда нужен например handlebars для некоторых проектов. На все варианты свои кейсы twitter.com/GrawlCore/stat…

12:02
@cssunderhood а у тебя редактор не подсвечивает открывающий тэг при каретке на закрывающем?

Аа, ты вот о чем. Да меня это раздражает, а путаюсь редко. Когда нужно к конечному перейти - прыгаю шорткатом,. twitter.com/GrawlCore/stat…

12:09
@cssunderhood но зачем отбивать и писать всякие `/* ===== header ===== */`, когда можно `@import header.css`

Сорри, я думал твой последний твит был к скрину html в редакторе в другом моем твите. А тут же - сейчас объясню. twitter.com/GrawlCore/stat…

12:18
@cssunderhood но зачем отбивать и писать всякие `/* ===== header ===== */`, когда можно `@import header.css`

Я имел в виду, что не в каждом проекте я прямо все все пилю отдельными файлами, но к лайаутам это не относится) twitter.com/GrawlCore/stat…

12:20
@cssunderhood ну так и HTML самый даже простой можно так же бить

Ну так и его разбиваю, когда вижу потребность. Практически всегда использую тот или иной шаблонизатор. twitter.com/GrawlCore/stat…

12:25
@GrawlCore @cssunderhood зачем писать @import ручками, когда можно делать конкатенацию при сборке?)

Думаю, это было приведено мне для наглядного примера) twitter.com/_ramoona/statu…

12:27
@cssunderhood зачем его скроллить? обычно хватает ±3-5 значений.

Можно и не скроллить, раньше, когда мышью пользовался - скроллил часто, сейчас же с MacBook практически нет. twitter.com/i_MiF/status/7…

12:30
@cssunderhood shift + стрелочки) А вообще у меня на работе мак с ужасной сенсорной мышью. Хоткеи помогают пользоваться мышью по-минимуму

Знаааем мы про shift:) Да и уже отписал, что это в основном старая претензия:) twitter.com/Di_Ed_Seagull/…

12:32
@cssunderhood ретвитни пжлст. Ребят, кто-нибудь решал задачу «тихой» печати из браузера? Поделитесь опытом? Нужно совсем без окон.
12:32
Давно поглядываю на @cssunderhood, но ни разу не заметил темы про шрифт для редактора, или цветовую схему для подсветки синтаксиса.. хм

Поддержим предложение?) Кто какие цветовые схемы и шрифты использует? И используете ли уже новомодные лигатуры? twitter.com/indieloki/stat…

12:41
@indieloki @cssunderhood Потому что это для каждого своё. Самый бесполезный холивар, который только можно устроить.

Думаю, тут речь не о холиваре - а человек просто хочет посмотреть какие у коллег варианты и подобрать для себя. twitter.com/webholt/status…

12:43
@cssunderhood @i_MiF я сейчас поняла, что вообще не замечаю дизайна Хрома, и это круто! А в других браузерах интерфейс раздражает
12:53

@cssunderhood кину и свой вариант. Тема: Afterglow (я в нее просто влюбился) + Droid Sans Mono/16

13:00
@cssunderhood как по мне, ёлочки нужны только для имён собственных, а для цитат – английские “лапки”

В русском языке „лапки“ располагаются сверху и снизу и обычно используются внутри «ёлочек»: pin.it/T9BXklc twitter.com/GrawlCore/stat…

0:22

Раскладка Ильи @ilyabirman Бирмана —«швейцарский нож» в вашем арсенале веб-типографа. pic.twitter.com/mio1SVIEaY

0:26
@cssunderhood @ilyabirman жаль, для убунты нет

Для Убунты я использую клавишу для переключения на 3-й уровень (правый <Альт>): s.arboreus.com/2010/09/typogr… twitter.com/fuckingsun/sta…

0:32
@Wingerie @cssunderhood вот поэтому и нужны правила. Язык – это не про выживание смысла, а про его развитие.
0:56
@Wingerie @cssunderhood самому тебе вообще нравятся „такие” кавычки?

Мне не «нравятся», мне привычнее — меня так в школе учили. twitter.com/GrawlCore/stat…

1:08

Сегодня рано вставать, так что вскоре я вас покину на часиков 7-8. Ненавижу спать из-за необходимости просыпаться…

1:12

Вчера сквозь звуки будильника мне снилось: чтобы его выключить, нужно «победить» специфичность селекторов будильника — тогда он заткнётся.

1:13
@cssunderhood то есть учили „так”, а пишешь «так»?

В письме „лапки“ ставятся быстрее «ёлочек», поэтому, наверное, это имело более практический смысл, нежели сакральный twitter.com/GrawlCore/stat…

1:15

Для тех, кто мается бессонницей: доклад Михаила Макишвили (наверняка, видимый большинством из вас уже миллион раз): youtu.be/xPPCzryZK44

1:21

И ещё: харизматичный Алексей Аболмасов о «Прикладной эмпатии» с питерского IT NonStop @DataArt_Dev
youtu.be/0rOXcQT0wBA

1:26
@cssunderhood а в @modx как и в @netcat_ru – код через админку меняется?

По умолчанию — да, но это для «хомячков» и контентщиков. Т. е. есть единая точка входа. Но стат. ресурсы тоже есть. twitter.com/GrawlCore/stat…

1:29

Всем доброе утро! -__-

9:16
@cssunderhood всегда знала, что среди верстальщиков есть те, кто любит пялиться на мальчиков.

У меня руководитель была девочкой. Ей я ставил мальчиков, когда согласовывал прототипы – она млела. @pro_ershov twitter.com/SheVasya/statu…

9:19
@cssunderhood Вадима же

Верно. Спасибо! Видимо, ¾ мозга уже отключилось и печатал на рефлексах… twitter.com/flanker_alex/s…

9:23

Последние несколько лет я пользуюсь Sublime Text. Были попытки подружиться со Штормом @jetbrains, но он показался мне излишне монструозным.

9:33

А сейчас очень хочу попробовать полностью перейти на Vim. Но как-то ссыкотно… Этакое двойственное чувство одиозности гложет.

9:34

Что, не знаете, что такое «одиозность»? И я не знаю. Но гложет…
— А. Покровский, «Расстрелять!».

9:35

.happy,
.birthday,
.to,
.you,
#happy,
#birthday,
#to,
#you{}
.happy.birthday,
.dear, /* @lapanoid */
#happy_birthday,
#to_you{display:cake}

9:50
@cssunderhood @lapanoid Это до мерджа селекторов минификатором или после? :)

Я вклинился в сам поток и ретранслировал его в Твиттер =) twitter.com/mrmlnc/status/…

9:57

Сейчас позавтракаю под серийку Scrubs и буду потихоньку собираться на митап-дринкап #modx. Будем обсуждать фронтенд — присоединяйтесь!

10:01

Кстати, ваш покорный слуга — несостоявшийся врач. А ещё я гвардии старшина медицинской службы запаса 0_о

10:06

Минутка юмора на @cssunderhood:
— У меня девушка: 90-60-90.
— Фиолетовая что ли?

10:29
@cssunderhood зачем вы ведёте Твитер, если не секрет?

Понять бы «куда?», а не «зачем?» =) Вы про мой личный @Realetive или про этот? twitter.com/GerardWaid/sta…

10:33
@cssunderhood @Realetive я про этот( я и не знала про личный), просто тема не принадлежит к разделу общих знаний

Я и не ставил перед собой цель обучать вас. Я как чукотский охотник — что вижу, то пою. Предложите тему для беседы? twitter.com/GerardWaid/sta…

10:40
@cssunderhood да я работа верстальщиком, меня-то тема устраивает. Я так думала может вы от какой-то студии или это личная инициатива?

Я фрилансер. А сам @cssunderhood иначе устроен — cssunderhood.ru/about/. На следующей неделе будет другой автор. twitter.com/GerardWaid/sta…

10:57
Lisp: Code is data
Haskell: Data is code
Ruby: Strings are code
JavaScript: Undefined is not a function
11:00
Я на месте в Commode на ул. Рубинштейна, 1. Открыт для общения по #MODX и фронтенду на ближайшие часа 3-4.
11:59
Мне, например, интересно кто на каком железе работает... twitter.com/cssunderhood/s…

Ну что, уважаемые читатели, поделимся сокровенным? У меня 17" MacBook Pro c 8 Гб оперативы. twitter.com/hiway_real/sta…

12:06
@cssunderhood Joomla осталась за бортом не заслуженно или все таки заслуженно? ;)

Сицилийские мафиози привязывают Joomla к ногам нерадивых и выбрасывают за борт.
exploit-db.com/search/?action… twitter.com/IgorDTP/status…

12:09

Мой Буцефал, начало 2011 г. @twenty @mrmlnc pic.twitter.com/aV4RaChT0r

12:54
@cssunderhood вопрос учасникам, со стажем. какой редактор был популярен во времена Mac G4? Нужно настроить среду на 10.5, что посоветуете?
12:55
@cssunderhood @mrmlnc какой он у тебя большой...

Часто слышу это от девочек ;) twitter.com/twenty/status/…

13:18
@cssunderhood невозможно читать на этой недел
14:32
Буду занудой, но текущий @cssunderhood просто пиздец. В плохом смысле слова.

Ок, зануда: меня интересует возможность org-mode в Vim, потому что только из-за него использовать emacs не хочу. twitter.com/gladkih_m/stat…

15:47

В принципе, ST3 полностью устраивает, но как ещё унифицировать server-side? Не подымать же Иксы ради этого. vimtutor проваливаю на середине.

15:53

Шарить свои плагины не вижу смысла – у вас есть проблема, вы находите её решение в виде плагина. Проблемы у всех разные, схожие уже описаны.

15:58
@cssunderhood @gladkih_m spacemacs for rescue

Спасибо за наводку. Совместимость с Vim-плагинами? Какая «ложка дёгтя»? twitter.com/niquola/status…

16:02

Много слышал о преимуществах #b_. Сам люблю и практикую. А кто может привести доводы «против» (CSS Modules не в счёт, это читерство 😇 )?

16:18
@cssunderhood да против методологии наименования классов вроде никто особо ничего и не имел. Притензии больше к бэм-стаку.

Меня в стеке больше всего смущает jQuery в депсах bem-core. Но радуют новости об использовании webpack для сборки. twitter.com/Dezeter/status…

16:36

Enb сам по себе прекрасен и удобен, простыни конфига в скором времени перестают пугать. А разруливание зависимостей в DEPS.js вообще огонь.

16:40

Но если использовать, например, @PostCSS, #b_ как лишь методология именования для изоляции и специфичности теряет смысл за счёт CSS Modules.

16:42

И получается: «Я тут только @autoprefixer поставлю…» А через 5 минут: инжект SVG, CSS4, литеры и 13-колоночная сетка с автоинклудом шрифта…

17:12
К слову, отличный доклад по теме youtu.be/urdxXdt1JxY twitter.com/cssunderhood/s…

О, спасибо. Я, к сожалению пропустил и так и не посмотрел. Буду «навёрстывать» упущенное. twitter.com/hiway_real/sta…

17:18
Принятие #БЭМ начинается с паломничества в чертоги bem.info, распения методологии и обряда #b_ мозга… pic.twitter.com/R5SyWOAdmz
17:29
@gladkih_m @ymatuhin я как-то вообще проскраливаю твиты и даже уже не читаю

Вы можете опубликовать что-то более важное и полезное для читателей с ником @cssunderhood – я сделаю ретвит. twitter.com/denysdovhan/st…

19:35
что-то более важное и полезное для читателей @cssunderhood

Да, наполненное смыслом, как, например, новый API скроллинга в Chrome: blog.chromium.org/2016/05/new-ap…
Да, Дэн? twitter.com/denishus/statu…

19:56
Спасибо, свою неделю в @cssunderhood я уже провел. @gladkih_m @ymatuhin

С удовольствием вас читал. Но у меня другой стиль и цели. И я намерен придерживаться своих принципов до конца недели twitter.com/denysdovhan/st…

21:35

Я пока сбавил активность — по совету @niquola поставил Spacemacs, пытаюсь освоить его. Пока такое двойственное чувство, как в шутке про Vim:

21:39

— Я уже пять лет работаю в Vim. Просто не знаю, как отсюда выйти…

21:40

Кстати, новый сайт bem.info использует вертикальный ритм, что заметно даже невооружённым глазом. Это очень круто, я считаю.

22:06

А «верстали» ли вы под React Native? А то смотрю я тут доклад Алексея @doochik Андросова и ху… когнитивно диссонирую
youtu.be/RwTmWpZ0MyA

23:31

Новый день, новые истории. Меня постоянно волнует вопрос эффективно ли я работаю, а как назвать класс .top-menu__cart-page--static

6:54

Вчера мы говорили о том, что работать быстрее и интереснее помогают всякие модные штуки, препроцессоры, шаблонизаторы и т.д.

6:58

А вот оценить макет вам не поможет cli утилита или плагин grunt

6:58

Как вы оцениваете сроки? Есть ли какие-то нормы в команде? Например, главная страница - 6 часов?

6:59
@cssunderhood покомпонентно

Т.е. не страницу целиком? А компонентами (блоками) на странице? Левое меню - 39 мин? Так? @akrekotun twitter.com/akrekotun/stat…

7:07
@cssunderhood главная страница может быть разной :)

Да, но бывают варианты долгосрочной оценки проекта, например, макетов нет еще, а время на верстку заложить нужно twitter.com/AndreyBerezhno…

7:09

@cssunderhood т.е. какие-то среднепотолочные сроки

7:09
@cssunderhood да, так получается точнее. + респонсив, очень примерно, занимает 50 - 75% времени (бывает сложнее/легче, конечно).

ИНтересный подход, не думал об этом. Нужно попробовать. А на responsive я тоже обычно добавляю от 50 до 100% сверху twitter.com/akrekotun/stat…

7:14
@cssunderhood а еще нужно закладывать время на тестирование + исправление багов

Ооо, об этом чуть позже, дааа twitter.com/akrekotun/stat…

7:15
@cssunderhood ну у нас обычно 6-8. Но я обычно трачу больше, а потом остальные страницы быстрее проходят.

Да, примерно также и у нас. На внутренних уже есть сетка, есть много блоков повторяющихся @AndreyBerezhnoy twitter.com/AndreyBerezhno…

7:30

Вопрос не к фрилансерам. Кто регламентирует нормы времени на верстку? Другими словами кто вам ставит задачу и сроки выполнения?

7:43

Так проще будет и нагляднее, наверное. @cssunderhood

7:45
@cssunderhood пм

А он на столько технически грамотен или чуйка? @denishus twitter.com/denishus/statu…

7:46
@cssunderhood нужно уточнить что значит ставит. Если в жире создает задачу, то пм, а если спрашивают сколько делать, то по сути сам.

Не просто создает, а еще и со сроками, в которые нужно вложиться, я об этом @denishus twitter.com/denishus/statu…

7:51
@cssunderhood ну если так, то это неправильный процесс. Менеджер не знает сколько верстать, он знает когда нужно сделать проект.

Я потому опрос и создал, что б понять как вообще делаются такие вещи. @denishus twitter.com/denishus/statu…

7:56
@cssunderhood Это должен делать верстальщик-тимлид, вероятно @denishus

Да, наверное, самый хороший вариант для всех сторон @akrekotun @denishus twitter.com/akrekotun/stat…

8:02
@denishus менеджер должен разбираться в предмете, чтобы адекватно оценивать? @cssunderhood

На столько разбираться, что б оценивать - нет @akrekotun @denishus twitter.com/akrekotun/stat…

8:03
@cssunderhood Делим на компоненты и уже оцениваем мелкие кусочки. Если оценка задачи > 1 дня, то нужно дробить, иначе высок риск ошибиться

Я наоборот ушел от оценки компонентами (если просто верстка), для компонент с большим количеством js нет @mista_k twitter.com/mista_k/status…

8:27
@cssunderhood, такое оценивается в днях: 0.5, 1, 3, 7, 20 (aka «нихрена не понятно») @AndreyBerezhnoy

Именно потому так и делаю. Часы, кратные 4 +- @mista_k twitter.com/mista_k/status…

8:28

Думаю, все подписаны на @webstandards_ru но я продублирую soundcloud.com/web-standards/… вышел 15 выпуск.

11:21

Сам, правда, еще не слушал

11:21
@cssunderhood Встречный вопрос: А сколько примерно уходит времени на само планирование?

Отличный вопрос. У меня мало. Т.е.я оцениваю макеты целиком исходя из 8-4. Если макетов много-это работает. @subzey twitter.com/subzey/status/…

12:16

А вот еще такой вопрос, меня волнующий. Качество работы верстальщика. Как ее обеспечить. Т.е. не тот чеклист @ihorzenich, а речь о человеке.

13:05

Т.е. построение процесса самого, контроль качества кода @cssunderhood

13:06

У меня, например, нет времени на ревью. Если приходит верстка сторонняя, максимум - не разваливается ли она в зоопарке браузеров.

13:06

Начну с себя. У нас bitbucket->wercker->ftp Примерно такой цикл. На ftp из master в случае успешной сборки.

13:29

Успешность сборки - прохождение линтеров.

13:29

Речь сейчас только о html верстке. Т.е. до интеграции еще не добралась она.

13:30

А что не так? Это домен со всей статикой. Т.е. верстка после репозитория и прочих штук попадает по ftp сервер. @denysbutenko

13:33
@cssunderhood перефразирую, FTP в 2016 году?

Я так понимаю, намекаешь на хуки git-а? У нас сборка в wercker, он сам потом раскладывает. Можно назвать это деплой. twitter.com/denysbutenko/s…

13:34
@denishus @cssunderhood ок, пм ставит задачу "сверстать 20 страниц за 10 минут". Вы молча приступаете?

Мы же сейчас о здравом смысле говорим?) twitter.com/ardshock/statu…

13:38
@cssunderhood автоматизация, тесты, по чеклисту и на регрессию? Или речь о том, как сделать, чтоб не срывал сроки и был проактивным?

Тесты и регрессии, это отдельно будет. Пока да, с личностной стороны. Т.е. как повлиять на команду. twitter.com/ihorzenich/sta…

13:50
@cssunderhood у нас верстку вообще дизайнеры ревьювят... Очень не продуктивно я считаю. Должны быть отдельные люди.

Отдельные люди, в плане "глаз мылится"? @ardshock twitter.com/ardshock/statu…

14:00
@cssunderhood и это тоже, но я имел ввиду, что на это время уходит, а пм в основном этого не понимают...

А отдельные люди это тоже время и деньги. Хотя, может быть, меньшие деньги. конечно. @ardshock twitter.com/ardshock/statu…

14:13

Раз уж заговорили о том, чего не понимают ПМ,а как выделяете время на оптимизацию?Например,есть готовый UI,проект работает и поддерживается.

14:16

И вот нужно что-то переделать. Но, оно ж работает. Как объяснить клиенту, да и менеджеру?@cssunderhood

14:18

Так все же, код вылизываете? Следите за семантикой? Или div-ом можно сделать все?

15:10

Я вчера буквально видел верстку, в которой вместо ссылки использовался div и onclick с location.href Удивился.

15:13
@cssunderhood когда важно SEO, тогда конечно семантика, когда это SPA за авторизацией, то дивы

Ой, SEO! А вы сами расставляете всякие h1-h2-h3? @lagun4ik twitter.com/lagun4ik/statu…

15:15

<i> забыли ) @webholt

15:19
@cssunderhood @lagun4ik в смысле, а что, можно этого не делать?

Если речь о h1-h3, то я редко проставляю их в верстке,обычно уже после интеграции или консультации с SEO @eightalex twitter.com/eightalex/stat…

17:18

А помните, такая штука была raphaeljs, еще пользуется кто-нибудь им? Я чего спрашиваю, у меня raphaeljs.com домен не резолвится

19:53

Дмитрий, вы в курсе? @DmitryBaranovsk @cssunderhood

19:55

Да, клевая штука, но raphaeljs он же... он же мог! Он магию делал с ie @f0rmat1k

20:17

Агаааа, raphaeljs.com -> dmitrybaranovskiy.github.io/raphael/ Все на месте, кстати, даже коммиты какие-то в репозиторий есть.

20:50
@cssunderhood @eightalex h1-6 имеют свои марджины, а <div> – нет, может что-то поплыть.

reset.css решает (сейчас начнут ругать за reset) @denysbutenko twitter.com/denysbutenko/s…

23:18
@cssunderhood если короче – это двойная работа.

чаще просто работа, не двойная. seo требования от клиента часто разнятся с нашим видением @denysbutenko twitter.com/denysbutenko/s…

23:23
@cssunderhood вместо ссылок с href="#" тоже дивы? А потом каждый раз сюрпризы при изменениях.

Речь о h1-h3 (глубже редко встречал) @denysbutenko twitter.com/denysbutenko/s…

23:26

Кто линтит стили и какие именно стили, ну и чем?

6:21
@cssunderhood stylelint как плагин postcss

Работаете со сменными парсерами вроде scss. Пробовали новый less или sugarss? twitter.com/d_markovskiy/s…

6:41
@cssunderhood sass уже не используем,поддержка синтаксиса sass через плагин postcss -precss.Больше не вижу смысла использовать препроцессоры

То есть от scss остались только однострочные комментарии? twitter.com/d_markovskiy/s…

6:46
Как в IDE синтаксис подсвечиваете?@d_markovskiy @cssunderhood

У меня sublime test. У нас и postcss и scss и less подсветки есть. twitter.com/moskwin/status…

7:01
@cssunderhood мне кажется, этот вопрос настолько же актуальный, как и спросить, чем префиксы расставляют.

Встречал я типов, который компас с этой целью используют. Думаю и любители prefixfree найдутся :) twitter.com/GrawlCore/stat…

7:15
@cssunderhood что за "новый less"?

postcss-less, экспериментальный синтаксис, чтобы линтить less. Пока сыроват, но в проде на больших проектах юзают. twitter.com/dersmoll/statu…

7:31
@cssunderhood пробовал sugarss, как замену stylus, но необходимость ставить двоеточия мешала. Сейчас перехожу на precss

precss это обработчик, sugarss это парсер. Одно другому не замена. И как по мне без двоеточий совсем не читабельно. twitter.com/Di_Ed_Seagull/…

7:42
@cssunderhood как понять, что ты уже достаточно "не-нуб" для того, чтобы выгрузить свою поделку в опенсорс?

А никак. Выкладывай и развивай (для себя). Потом этот вопрос не будет волновать. Даже провальные по своему хороши. twitter.com/Di_Ed_Seagull/…

7:45
@cssunderhood я и не говорю, что это одно и то же) Просто привычка писать в стайлусе мешает при переходе на sugarss. Вроде то, да не то

Плюс опенсорса и опыта в командах. Уже не волнует инструмент, код стайл и прочее. Сразу подстраиваешься под все. twitter.com/Di_Ed_Seagull/…

7:47
@cssunderhood ...и зачем

А затем, что у каждого свои привычки и код стайл, как и с js. Можно запретить и функциональные штуки, вроде id. twitter.com/twenty/status/…

7:50
@cssunderhood пару раз по щам дал, в целях стандартизации, и норм.

К сожалению, разовое давание по щам не работает. И процесс приходится автоматизировать. twitter.com/twenty/status/…

7:55
@cssunderhood А ещё мы используем конфиг для Стайллинта stylelint-config-standard: github.com/stylelint/styl…

Кстати, да. Если в команде нет четко сформировавшегося код стайла, удобнее использовать один из готовых пресетов. twitter.com/sapegin/status…

7:57
@cssunderhood засматриваюсь на #radium, не было ли опыта использования?

Я предпочитаю писать стили в css. json стили смотрятся как-то неаккуратно ИМХО. Хотя inline стили и быстрее. twitter.com/Blackrabbit99/…

8:16
@cssunderhood мне перекашивает в сторону css в JS, опять же язык программирования мощнее языка разметки

Конечно, мощнее, но нужна ли эта мощь для описания стилей? css - декларативный язык не просто так. twitter.com/Blackrabbit99/…

8:21
@cssunderhood решаю задачу построения ширококастомизируемого sdk, очень нужна гибкость ЯП

Это случай супер динамических стилей. Вот и применение. А когда у тебя лендос со статикой, то смысла особого нет. twitter.com/Blackrabbit99/…

8:25

Кто-нибудь юзает css-modules и в каком контексте?

8:27
@cssunderhood посоветуй красивые решения создания темизаций, я все ещё не нашёл то, что мне понравится

Про темы не ко мне. Я даже переменные не юзаю.
А так будет поддержка custom-properties. Вот там темизируй, не хочу. twitter.com/Blackrabbit99/…

8:29
@cssunderhood Мы, в приложении на Реакте. Очень нравится.

Я собираюсь попробовать с angular. Уже убедил всех фигачить разметку в js функции возвращающие template литералы. twitter.com/sapegin/status…

9:29
@cssunderhood а почему не юзаешь? postcss-custom-properties не пробовал тоже?

(Психо)логический барьер. Не давал мне юзать препроцы до postcss. А custom-properies круты будут в браузере. twitter.com/meuwka/status/…

9:52
@moskwin @cssunderhood @d_markovskiy хороший пример, почему закрытое ПО — это плохо

Sublime тоже закрыт. Тут скорее проблема в модульности. twitter.com/andrey_sitnik/…

9:59

Дробное утро, друзья. Я патологическая сова, так что утро у меня начинается в 11 утра.

7:47

Сегодня будем говорить о пересечении верстки и дизайна

7:47
@cssunderhood иди на стажировку куда-нибудь в большую компанию

Пока я в самой большой в городе. Если идти дальше, нужно переезжать, а это малость проблематично. twitter.com/olmokhov/statu…

7:48
@cssunderhood я, будучи гуманитарием до мозга костей, пытался изучать программирование, читая книги по python и собирая образцы кода
7:49
@cssunderhood и как работается в большой компании ? Не чувствуешь себя маленьким винтиком?

Разочарую тебя. Большая она в локальных масштабах. Около 20 человек. twitter.com/koderhan/statu…

8:02

Есть компании больше, но он занимаются продажами, а не разработкой, я там буду ни к месту как разработчик.

8:03
@cssunderhood вопрос ко всем: как задаёте отступы блокам? стараетесь ли делать это централизованно, например через сетку?
8:04

Просматривая зарубежные вакансии, я заметил, что у них нет отдельной должности верстальщика. Только web-designer и frontend developer

8:17

Люди, которые только рисуют — графические дизайнеры. А если назвался веб-дизайнером, изволь знать html/css/js

8:18

И это правильный подход, потому что дизайн и верстка - единое целое. Когда я работаю над дизайном, я параллельно верстаю его в голове

8:21
@cssunderhood в смысле между верстальщиком и js-программистом. Даже если специализируешься на чем-то одном, другое знать должен

Как по мне, js-программист больше работает с данными и логикой, а верстальщик занимается интерфейсами. twitter.com/Sigiller/statu…

8:23

И вот эту "лицевую" часть сайта разбивать на верстальщика и дизайнера немного странно. У каждого человека в любом случае свое видение.

8:25
@cssunderhood да, но эти логика и данные выводятся на интерфейс и неразрывно связаны с ним.

Разумеется, верстальщик - подмножество фронтендера. Но это не значит, что ему нужно думать о "лице" сайта. twitter.com/Sigiller/statu…

8:27
@cssunderhood имхо такой подход как раз несколько ограничивает полёт дизайнерской мысли. веб-дизайнер должен быть художником, а не версталой

Я бы не согласился. Интересно, что думают читатели twitter.com/alexzdesign/st…

8:29

О том, чтобы кнопки работали, таблицы сортировались, данные сохранялись. А следить, чтобы кнопки не съехали - работа верстальщика @Sigiller

8:31
@alexzdesign @cssunderhood 1) чем лучше дизайнер понимает вёрстку, тем лучше потом будет свёрстан его макет
2) дизайнер - не художник
8:31

Дизайн, верстка и фронтенд слишком тесно связаны, чтобы их разделять. Знание смежных областей необходимо для создания полноценного продукта

8:32

Дизайнер должен быть немного верстальщиком и наоборот, верстальщик дожен быть немного фронтендером, фронтендер бэкендером

8:33
@cssunderhood а лучше все сразу должны быть фулл-стеками и не морочить друг другу головы =)

Ну, не сразу, но да) twitter.com/ABatickaya/sta…

8:35
@cssunderhood было у меня такое, нарисовали макет в формате (cdr) corelDraw)

Бывало и такое. Или в иллюстраторе. twitter.com/forwardomg/sta…

8:39

Для верстальщика жизненно важно уметь работать с редактором, в котором нарисован макет.

8:43

Кривая верстка из-за неумения посмотреть размер шрифта, или правильно вырезать иконку - частая история.

8:43
@Sigiller @cssunderhood а при чём тут веб-дизайнер и вёрстка!
Веб-дизайнер по сути рисует схему, а верстальщик по этой схеме собирает.

При том, что у веба есть свои стандарты и ограничения, обходить которые в угоду макету стоит большого труда. twitter.com/alexzdesign/st…

8:45
@cssunderhood но есть же авокод

Я не доверяю магии черных ящиков) twitter.com/Sigiller/statu…

8:46
@cssunderhood Некоторые верят, что графику должен нарезать дизайнер :-/

Зная наших верстальщиков, я нарезал. Иначе себе дороже выйдет. Один кадр скриншотил экран, чтобы получить иконку. twitter.com/sapegin/status…

8:47
@cssunderhood ну и зря, это же узкоспециальный инструмент как раз для тех целей для которых он нужен верстальщику

Я не только про avocode, но и про prepros.io, графические gui для гита и все остальное twitter.com/Sigiller/statu…

8:52
@sapegin @cssunderhood хороший дизайнер подготовит материалы так, что вам даже в голову не придёт открыть графический редактор.
8:52

Реализация макета должна подчиняться стандартам веба, их нельзя игнорировать. @alexzdesign @Sigiller

8:59
@cssunderhood @alexzdesign @Sigiller Самое страшное, когда в веб приходят дизайнеры-полиграфисты - тогда в макетах начинается ад

Дизайнеры-фотографы тоже способы отличиться. twitter.com/brainsapiens/s…

9:03
@cssunderhood а я всегда думал, что из-за ленивых верстальщиков :)

По-настоящему ленивые верстальщики верстают все сразу правильно twitter.com/c01nd01r/statu…

9:09

А кто из вас работал над сайтами с большим количеством анимации в интерфейсах и на странице? Как приходили к общему видению?

9:14
@cssunderhood @forwardomg про иллюстратор уже говорили: он больше годится для веба, чем фш

Что есть, то есть. Но люстра не так распространена как фш. Если появится sketch на винду, будет вообще прекрасно. twitter.com/curlymario/sta…

9:24

Подниму еще одну холиварную тему. Сайты с обилием анимаций и эффектов, коими заполнены awwwards.com и cssdesignawards.com

10:07

Обычно обсуждение делится на два фронта: 1) "Анимации не нужны в продакшене"; 2) "Анимации есть добро и несут счастье"

10:08

Например, сайт navigatingresponsibly.dk
Невероятно красивые анимации и переходы, параллакс, интерактивные элементы.

10:11

Стоит ли "wow"-эффект огрехов в UX и как определить золотую середину?

10:12
@cssunderhood а что с ними?

Среди разработчиков бытует мнение, что все эти красивости не нужны. А я люблю глазами и обожаю такие сайты. twitter.com/Sigiller/statu…

10:22
@cssunderhood ну тут как, наличие каждого элемента должно быть обосновано. Анимация должна быть тоже не просто так
10:28
@cssunderhood да кого волнует, что думают разработчики? Самое главное - что думает клиент и его аудитория! :D
10:28

Еще один очень красивый сайт
lookbook.quechua.com/spring-summer-…

10:31

От анимаций кнопочек и плавности параллакса хочется визжать аки маленькая девочка

10:31

Я фанат красивого UI.
Особенно нравятся анимации A->B, B->C, а не A->B->A, когда при сдвиге мыши анимация продолжается, а не реверсится

10:36
@cssunderhood перед тем как пихать паралакс везде где можно и нельзя,разве не стоит подумать-а зачем он в интернет магазине?
10:42

Есть такое, да. НО КРАСИВЕНЬКО ЖЕ! @revakoreva

10:44

мне всегда хочется сделать дизайн, от которого охренели бы люди, от чьего дизайна охреневаю я.

10:45
@revakoreva @cssunderhood А зачем он вообще?

Если очень часто говорить в дизайне "зачем?", от сайта в итоге останется одна типографика) twitter.com/TheArtdizain/s…

10:47
@cssunderhood например?

Делал такой набросок
ddsgll.github.io/site/lab/anima…
Сайт, на котором это подсмотрел, до сих пор не могу найти twitter.com/losewmac/statu…

10:49

Побуквенная анимация текста грузит браузер, но в умелых руках смотрится очень изящно и "so smoothly"

10:52
@cssunderhood это неправда. В дизайне всё должно делаться с пониманием для чего это делается. Потому что он инструмент для достижения целей

Да, это правильный дизайн. Это тот дизайн, которого не видно и который работает с мозгами, а не с глазами посетителй twitter.com/Sigiller/statu…

10:55

Я как-то нарисовал дизайн с параллаксом. Потом заставили его верстать. Теперь я хочу на параллакс только смотреть и умиляться

11:01
О дизайне. Ходит мнение, что можно нарисовать один хороший вариант (результат) и два заведомо хреновых (для набивания себе цены).

Часто так делали с деревянными и сложными клиентами twitter.com/webholt/status…

11:02
У такого подхода есть одна проблема. Заказчик может выбрать хреновый. Заказчик часто норовит всё испортить в силу своей некомпетентности.

Нужно использовать реверсивную психологию. "Мы подготовили вам два хороших макета и вот это вот говнецо" twitter.com/webholt/status…

11:07

я запустался .-. @webholt

11:10
@cssunderhood И это очень хорошо. @TheArtdizain

верстать меньше :D twitter.com/sapegin/status…

11:11
@cssunderhood был товарищ, который всегда, всегда выбирал самый страшный. Как с ним не боролись, как ни подбирали варианты
11:23

Немного фронтендером. Но главное - человеком @nemcik7

11:51

Коллеги верстальщики и дизайнеры, а сколько макетов было в вашей самой большой работе?

12:06

В работе над resort-elbrus.ru я нарисовал 25 макетов. Сверстал половину, но потом ушел из той студии. Сайт попиливают до сих пор :\

12:09
@cssunderhood 5 гигабайтов.
12:10
@cssunderhood за 50 переваливало, но суммарно с доработками даже представить страшно)

50 макетов! Соцсеть или e-commerce какой-нибудь? twitter.com/forwardomg/sta…

12:27
@cssunderhood @alexzdesign по-моему, получается не рыба, не мясо. Дизайнер не должен знать и ограничивать себя правилами верстки.

Даже если в самой верстке эти правила и ограничения есть? twitter.com/doberbober/sta…

12:27
@cssunderhood 40 макетов

Да уж, до таких масштабов мне еще далеко) twitter.com/ardshock/statu…

12:46
@cssunderhood если это сайт пивного фестиваля — можно всё, если портал по трудоустройству — стоять с палкой над дизайнером... С битой скорее
12:50
@cssunderhood но ведь параллакс нельзя нарисовать? а? в нарисованном виде — это просто плоская картинка. или было подписано «это поролакс»?

Сайты-примеры, текстовое описание поролакса и где он будет.
Идеально вообще такие штуки пилить в AЕ twitter.com/denswor/status…

12:53

Он самый @c01nd01r

12:55
@cssunderhood верстал около 50 макетов. Огромный е-магазин, который закрылся довольно быстро.
12:55
@cssunderhood ну чтобы пилить в АЕ, нужен моушндизайнер или человек с такими навыками. А это весьма скиллинтенсивное дело. Дорого, в общем

Простой дизайнер может за недельку научиться простой шейповой анимации. Большой скилл для веба не нужен twitter.com/Sigiller/statu…

13:03
@cssunderhood оу, мои мечты сбываются :-) Дизайнера заставили верстать его творение. Справедливость существует посоны!
13:03
@cssunderhood и много ты встречал работ на аутсорсе, где что-то дополнительно пилят в AE? :)

На аутсорсе - нет) Делал для проектов внутри студии twitter.com/c01nd01r/statu…

13:04
@cssunderhood дело было так: анимация — зло ==> статика — всепоглощающающее благо ==> решено!
13:19
@cssunderhood 600+

И у нас есть победитель! twitter.com/LyubimColt/sta…

13:19

Тут или чувак меня неправильно понял или у него реально было в 600+ макетов в одном проекте @GolubevVictor

13:24

Если буква = состояние, то да, так вернее @trolizmaslom

14:30

Айтишники, не умеющие в английский язык, всегда будут в хвосте.
Наболело.

15:06

На сегодня мой рабочий день закончен. Обсудили околодизайн, было очень интересно услышать столько мнений. Всем до завтра!

15:08
@cssunderhood в чём именно проблематичность переезда?

В поиске жилья и работы в незнакомом городе. Тем более уроженцу кавказа. twitter.com/olmokhov/statu…

19:36
@cssunderhood не вспомню чтобы я когда-то пользовался сайтом из каталога awwards. Есть годные?

Ну, большинство из них промо-сайты. Регулярно не пользовался. twitter.com/Copypasting/st…

19:36
@cssunderhood @GolubevVictor все верно. Я занимался редизайном админки ucoz. Ловите майндмэп навигации :) pic.twitter.com/R3zpMNhXI3

Реально победитель) Крутой масштаб!Ё twitter.com/LyubimColt/sta…

19:39
@cssunderhood помидорка не решает проблему прокрастинации — её решает дисциплина, либо планирование
6:50
@cssunderhood можно кредит взять, по слухам помогает. 🦁
6:53

Итоги вчерашнего онлайна борьбы с прокрастинацией: помодоро, дисциплина, планирование, почасовая работа, кредит (все вместе или отдельно)

13:01

Сегодня вечером хотел бы поговорить на тему CSS, БЭМ и @getbootstrap. Пообщаемся сегодня в 8 вечера по МСК

13:03

Всем доброго вечера! Хотелось бы начать с обсуждения CSS. Как вы придумываете названия классов в больших проектах? Есть ли у вас свой гайд?

16:59

Про БЭМ. Я ненавижу БЭМ. Вот честно. Я не могу как его можно использовать имея по 5-6 классов на одном диве (это про modifier)?

17:01

Свое время ненавидел Bootstrap. А потом полюбил. Особенно когда максимально все кастомизируешь через переменные, а остальное уже дописываешь

17:02
@cssunderhood smacss :) а то сейчас с бемом набегут :)

а как придумывать названия классам? twitter.com/iam_yev/status…

17:03
@cssunderhood ну все, сейчас хейтить набегут :)

Мы сильные! :) twitter.com/iam_yev/status…

17:03
@cssunderhood чаще по контексту к которому привык. Допустим есть line/row -> box -> element -> element content

Вот что я люблю! :) twitter.com/iam_yev/status…

17:30
@cssunderhood один фиг ненужен в части проектов :)

Он подходит не для всех проектов, я согласен. Но в целом - для старта - хорош. Можно быстро накидать дизайн/прототип twitter.com/antonfrolovsky…

17:31
@cssunderhood в именовании и структуре классов должна быть логика, которую должен понимать не только ты сам, но и коллеги, БЭМ это или нет

Согласен. Но как придумывать новые названия классов когда уже все что приходило в голову - использовано? twitter.com/JiLiZART/statu…

17:31
@cssunderhood ты сталкивался с ощутимым влиянием БЕМ на построение cssom в плане performance?

Честно - ни разу twitter.com/Blackrabbit99/…

17:32

И еще немного про БЭМ. БЭМ в CSS - это как предложить человеку без ноги заменить руку на руку робота. Не, ну а чО, работает же! :)

17:33

Кстати, вчера на хабре вышла статья о 5 методах в Flexbox о которых уже все знают %)
habrahabr.ru/post/302130/

17:35
@cssunderhood Странная аналогия. Методологии придумали по той же причине, что и препроцессоры, из-за ограниченных возможностей CSS.

Вместо решения реальной проблемы с которой сталкиваются все - придумывают костыли twitter.com/JiLiZART/statu…

17:45
@cssunderhood Благодаря этим костылям в CSS появятся неймспейсы и github.com/w3c/css-houdin… не за горами. Именно они подстегнули развитие.

Почитаем, спасибо! twitter.com/JiLiZART/statu…

17:56
И вообще @cssunderhood #cssmodules или #jss

Про cssmodules слышал (читал мельком), почитаю более подробно. Спасибо! twitter.com/Blackrabbit99/…

17:58

А кто-нибудь пишет гайды какая структура файлов, как именовать классы? (для себя)

18:10
@cssunderhood нормально. Зато всё понятно.
18:29
@cssunderhood Зацени github.com/ermo4enkov/Cla…

Огонь! Типичные названия классов twitter.com/ermo4enkov/sta…

18:36
Первый раз в @cssunderhood вижу такое. Bootstrap - хорошо, БЭМ - плохо. Как это автора еще не съели? =)

Тишина вообще! :) twitter.com/s0nly/status/7…

18:47

Сегодня давайте поговорим про организацию CSS. Расскажите какими правилами руководствуетесь при создании структуры CSS и написании кода?

9:04

Поясню. Интересно как организуете структуру файлов, как используете переменные, сброс, миксины, комментарии к стилям и тд

9:59
@cssunderhood BEM, SMACSS, CSSModules. Всё!
10:08
@cssunderhood структура обычно такая. Комментарии очень редко ставятся, в основном TODO. (media legacy) pic.twitter.com/KVUCzIEfOq
10:08
@cssunderhood вот написал, что я хочу от нашего проекта, буду рефакторить потихонечку github.com/PackageFactory…
10:08
@cssunderhood как-то так: goo.gl/jM75Yz. Комментарии пишу в случае магии, когда сложно понять без примера.
10:09

Я никогда не использовал CSSModules. Расскажите в чём плюсы, в чём минусы?

10:35
@cssunderhood минусы в не очень удобной интеграции со сторонними библиотеками (через :global {...}). Плюсы: никакой больше бэм-страхоты.
11:31

Мне очень нравится вот эта статья на тему организации css-кода prgssr.ru/development/pe…

13:16

А какие советы дадите человеку, который только сейчас начинает использовать препроцессоры, со всеми плюшками?

15:35
@cssunderhood
Мне когда-то это помогло
thesassway.com/beginner/how-t…
15:42
@cssunderhood каждому свое, но я бы советовал sass и его правило 7 к 1
15:42
@cssunderhood совет не использовать препроцессоры, а использовать модули @PostCSS

Я включаю @PostCSS в понятие препроцессоров. twitter.com/d_markovskiy/s…

15:45
@cssunderhood если коротко то все стили раскладываются по полочкам и потом компилятся в один main.css sass-guidelin.es

Не знал что этот паттерн так называется. Вот более точная ссылка sass-guidelin.es/#the-7-1-patte… twitter.com/s_martynyuk/st…

15:46
@cssunderhood @dagoeos
> java-файла
Ты серьёзно называешь джиэс джавой? Не стыдно?

Так-так, разберу ваши ответы. Тут меня упрекают в смешении js и java. Так вот,когда я говорю java, я имею ввиду java twitter.com/GrawlCore/stat…

8:09

Серверсайд ok реализован на java; код, который рендерит html, написан на java, соответственно частью компонента является java-код

8:11
@cssunderhood попробуй расположить кадры в спрайте вертикально, это должно снизить нагрузку на кеш процессора и ввод/вывод из памяти.

Тут отличный тред @wouldntfix о вчерашнем стенде. Коротко:по ховеру теряем деньги,аллокация памяти хрома вообще треш twitter.com/wouldntfix/sta…

8:14

Сегодня поговорим о рефакторинге. Расскажите о вашем самом страшном рефакторинге стилей в жизни. Зачем вы его делали? Стоило ли оно того?

8:18

Я прямо начинаю теряться — никто в цссандерхуде не рефакторил css? Никому не близка тема «разрушить до основанья, а затем»?

9:01
@cssunderhood было, конечно, но это как-то не воспринимается как некое важное карьерное достижение. Как-то уменьшил 300kb CSS до 160kb.
9:26
@cssunderhood это не минификация и гзип были, в полный рефакторинг. Выкинул стотыщ ненужных position:absolute итп, зарулил все на поток.
9:26
@cssunderhood пачка хз кем свёрстанных лендингов фикс ширины. Нужно было сделать адаптив. Кроме стилей пришлось еще и с разметкой повозиться
9:27

На самом деле последнее время рефакторинг css у меня связывается с процессом компонентизации. Объединение, атомизация — и тут начинается

9:29

Хотя самым незабываемым опытом для меня остается рефакторинг раздела музыки в ok — было ~ 6k строк, уменьшилось минимум на треть

9:33
@cssunderhood вот вспоминаю, как раньше все было просто:) а сейчас понастроили, всяких сборщиков!
9:33

Переезд ok с css на styl тоже оставил воспоминания, хотя и не такие яркие. Говорят об обратной совместимости, но мы наскочили на пару багов

9:35

Вообще, если вы понимаете, что предстоит рефакторинг, прежде всего нужно озаботиться «инфраструктурой» — тестированием и процессом ревью

9:36
@cssunderhood мне обычно задачу «разрушить до основанья, а затем» ставили как «переверстать», т.к. п-ц в CSS следовал за п-цом в разметке
9:38

У нас практикуют несколько уровней тестирования, ручное, автоматизированное, но всё равно случаются конфузы — слишком много разных сценариев

9:39

Я слышал,модно говорить о тестировании интерфейса, основанном на сравнении скриншотов. У нас такого нет, и я не очень уверен в эффективности

9:48

То есть если ваш интерфейс полностью построен на независимых компонентах, наверное вы можете тестировать компоненты. Их сочетание — сложнее

9:49

Впрочем, наш Selenium генерирует какие-то превью, и иногда это оказывается полезным. Но полностью я полагаться на автотесты не могу

9:50
@cssunderhood переделывал кипу CSS в стиле “фрилансер сверстает нам приложение”. под Angular. первым делом удалял классы из HTML.
9:50
@cssunderhood ну, знаешь, можно хотя бы превью всех страниц в качестве лога делать. Уж лучше, чем прокликивать всё самому.

Клево, когда автотестам доступны все состояния на всех тестовых средах. Сложно и для нас в общем случае не работает twitter.com/GrawlCore/stat…

9:54

Не всегда простые решения работают. Например, один и тот же компонент может по-разному рисоваться в авторизованном и анонимном состоянии

10:01

Поэтому рекомендую идти ногами к живому тестировщику и просить, чтобы проверял вообще всё. Очень благодарен нашим за то, что не отказывались

10:03
@cssunderhood А кто-нибудь использует для тестов что-то типа Galen? galenframework.com т.е. вместо скриншотов - декларативное описание?
10:04
@cssunderhood что за баги были?

У нас была сырая версия тогда, проблемы с интерполяцией и интерпретацией табуляции были. Сейчас уже всё перенесли
twitter.com/roma_milkovic/…

10:15
@cssunderhood А кто-нибудь использует для тестов что-то типа Galen? galenframework.com т.е. вместо скриншотов - декларативное описание?

Вообще прошу уделить внимание этому реплаю, мне любой опыт в этом вопросе тоже крайне интересен twitter.com/vfurso/status/…

10:16

Другая сторона рефакторинга — ревью. Без ревью вообще неочевидно, что сделанные вами изменения действительно сделали код лучше

10:18

Мне кажется, практика ревью растет. Во всяком случае, многие собеседуемые упоминали. Делаете ли вы ревью на проектах? Какими инструментами?

10:20
@cssunderhood рефакторю обычно потихоньку, до основания ни разу не получалось, жаль времени. хотя руки чешутся
10:33
@cssunderhood делаем битбакетом.
10:33

У нас стандартный инструмент — stash, который, видимо, эквивалентен битбакету. Ревью предполагает подтверждение минимум от двух ревьюеров

10:36
@cssunderhood бесило потому что не было методологий на проекте

Самое важное при ревью — выбор критериев оценки. Это может быть методология, но не только лишь она twitter.com/antonfrolovsky…

10:46

У нас есть «памятка ревьюера», в которой явно запрещается обсуждать вещи «религиозного характера», что для меня неясно (неформализовано)

10:49
@cssunderhood Делаем. К сожалению внутренним аналогом Гихаба (каким он мог бы быть в 1990-е).
10:50
@cssunderhood А можешь расшарить? У нас как раз пробел (или таб? :–) в этом.

Расшарить — попробую, не обещаю. Но на табы/пробелы мы точно время не тратим, мне кажется это несуществунным нюансом twitter.com/sapegin/status…

10:54
@cssunderhood phacility.com/phabricator/ все здесь: и код, и ревью и таски. Замечательный инструмент
10:55

Вообще по кодстайлу лично моя мысль — он должен содержать минимальное количество правил, ограничивать грабли, но не мешать работать

10:57

В этом плане набор пожеланий к оформлению "css"/styl на ok далек от совершенства — оговаривается слишком многое. Например, порядок правил

10:58

Признаком граблей могут быть, например, определенные виды свойств или вложенность правил. Ошибки может и не быть, но уделить внимание стоит

11:01
@cssunderhood Про табы я шучу ;-) Всё, что можно запретить линтером, нужно запретить. И не тратить время на код-ревью.

У нас, кстати, нет линтера, но есть долгая история обсуждений смысла его внедрения. Пока что всем лениво twitter.com/sapegin/status…

11:03

Short-list свойств, требующих внимания: overflow, z-index, float, display:flex, position: fixed, font-size: 0, line-height не коэффициентом

11:05

@cssunderhood transform,backface-visibility,позиционирование,не кратное 4, цвета,не ложащиеся в стандартную палитру,base64 и что-нибудь еще

11:10
@cssunderhood Если есть джуниоры или любители поспорить, линтер незаменим.

Право ревьюить css у нас выдается человеку с опытом работы не менее года, да и джуниоров мы не берем twitter.com/sapegin/status…

11:12
@cssunderhood А правда что у flexbox с производительностью плохо? Очень давно видел тест flexbox vs float и старый метод был гораздо быстрее

Руками не проверял,другим не верю,хорошего ответа на вопрос не знаю. При ревью флексы не баню, сам стараюсь без них twitter.com/roma_milkovic/…

11:14

@cssunderhood но если фантазировать, то потенциально любой нефиксированный руками способ раскладки может дернуть reflow у потомков

11:16

О ревью препроцессорного кода:используем малое подмножество stylus,чтобы не влететь в приключения. Бан на циклы, очень аккуратно с примесями

11:19

Допустимая вложенность правил не более двух,чтобы не терять контекст в коде. Бан на составные селекторы вида &-item. С & вообще аккуратно

11:21

Мы используем только «сокращенные» модификаторы вида .block.__mod, с ними & можно. При контекстном .context & — можно. Остальное — опасно

11:24

Недавно перекрашивал на ok все кнопки из зеленого в оранжевый,чуть недооценил & и влетел на +800 селекторов. А вы удивляетесь,откуда 1mb css

11:26
@rimmer333 @cssunderhood я делал рефакторинг. Выкинул стотыщ ненужных флоатов, инлайн-блоков, флексов и переписал все нормально на абсолюты.
11:27

Я вот кстати со времен верстки посредственных промосайтов очень люблю абсолюты, но теперь не очень получается ими пользоваться =)

11:28
@cssunderhood а stylus у вас с каким синтаксисом? Скобочки ставите?

Да, мы в этом плане чтим традиции — скобки, двоеточия, точки с запятой, всё как полагается twitter.com/c01nd01r/statu…

11:29

Мне нравится подход,когда из проекта выделяют _малое_ количество общих переменных и примесей в отдельный файл. Это дешевый путь улучшить код

11:32

@cssunderhood на ревью можно просто напомнить об использовании таких значений. Главное — следить за изменениями этого файла и вовремя банить

11:34

Кроме инструментов и кодстайла в ревью важно понять, кому отдать в проверку изменения. Выбор на основе истории изменений не всегда хорош

11:39
@sapegin @cssunderhood Литер нужен. Всегда. Чистый код. Меньше работы. Автоматизация.

Это всё клёво, когда у вас проект с нуля, или маленькая кодовая база, или очень много времени на изменения twitter.com/Copypasting/st…

11:40

Отсутствие изоляции делает важным ревью не только эксперта по конкретным изменениям, но и вообще людей, которым вы могли что-то сломать

11:44

Вы мне сейчас будете говорить про независимые блоки, shadow dom, эмуляцию scoped styles в angular 2, генерируемые префиксы, но жизнь сложна

11:45

@cssunderhood если я полезу менять какую-нибудь карду с видео где-нибудь в ленте, я обязательно провлеку к ревью верстальщика всего видео ok

11:47

Кроме стандартного ревью до слияния с мастером у нас в ok есть еще спорная практика пост-ревью. Этот процесс живет только в команде верстки

11:52

Если в вашей команде проекта кода немало, людей немного, а верстальщиков еще меньше, попробуйте начать с внедрения пост-ревью раз в неделю

11:53

Формально пост-ревью — так себе решение. Заставить кого-то что-то переделать несколько дней спустя может быть непросто. Но есть и плюсы

11:56

Пост-ревьюить можно только на критичные вещи, это быстрее, и вы видите изменения в контексте всего проекта, не фокусируясь на имени таска

11:57

Пост-ревьюить можно весь код, не только css. Не сомневаюсь, что у вас были случаи, когда разработчик самостоятельно менял верстку. Это оно

11:58

Наконец, для пост-ревью не нужно вообще никаких специальных инструментов. Если пролезло что-то критичное, достаточно revert-коммита

12:01

Но, допустим, вы как-то изменили код, прошли ревью, выкатились в продакшн. Бывало ли так, что впоследствии вы сожалели о проделанной работе?

12:05
@cssunderhood а почему выбрали Stylus? Мне кажется многие выбирали Stylus из-за синтаксиса.

На вопрос о причинах выбора Stylus отвечает @operatino_ru
twitter.com/xwoody/status/…

12:12

@cssunderhood на самом деле до принятия решения был опыт работы с less, и тогда хотелось инструмента, в котором не было бы тесно в будущем

12:14
@cssunderhood рефакторил пару раз. Подробностей особо не помню, всё делалось постепенно, с внедрением БЭМа и базовых стилей.
12:30

Постепенный, модульный рефакторинг — это правильно и здорово. Если, конечно, код позволяет

12:31

Но вообще лично мой опыт: код размножается копипастой. Где-то что-то недорефакторили — обязательно вылезет потом. Лучше режьте сразу всё

12:32

У нас на проекте есть как минимум три разные реализации модалок. Раз мы тут про css, то, в частности, три разных стилевых конструкции.

12:38

@cssunderhood Недорефакторили в своё время.Это не единичный пример. Нужны значительные усилия, чтобы закончить рефакторинг,а не «прекратить»

12:39
@cssunderhood ага, на рефакторинге :-P.
12:44

Мои сожаления о проделанной работе связаны, например, с рефакторингом для упрощения поддержки ретины в музразделе ok — всё равно не оценили

12:46

@cssunderhood мой личный опыт — не всегда нужный и хороший рефакторинг стоит затраченного на него времени. Теперь стараюсь оценивать точнее

12:48

Вторую часть дня предлагаю поговорить об особенностях выкатки изменений на ваших проектах. У нас вот есть условная «css-специфика», а у вас?

14:57

У нас рассуждают примерно так: есть фича и разные гипотезы о её внедрении. Делаем единую разметку, отображение меняем одним модификатором

15:01

В таком раскладе выигрываем практически везде, кроме css: легко переключать «темы», данные шаблонизируют один раз, меньше разметки

15:03

Правда, есть опасение, что в «строгом» компонентном режиме так уже не прокатит, и рубильники придется усложнять. Но пока что живем!

15:05

И вообще. Тут есть еще люди, работающие с a/b на продакшне, или я тут сейчас буду изливать профдеформацию?

15:09

Окей, раз никто ничего не отвечает, начну с начала: a/b-тестирование — это хорошо. В нашем случае оно помогает зарабатывать _значимо_ больше

15:29

Ваша аудитория делится на некоторое количество групп, которым демонстрируется разное отображение/поведение, и анализируется их активность

15:30

Под активностью можно понимать разное — проведенное время, количество кликов, полученных реплаев. Наука о метриках отдельна и сложна

15:31

Знание об a/b может повысить вашу ценность, как специалиста, потому что a/b очень любят ux-дизайнеры, а ux — это модно.

15:33

В ok a/b может реализовываться по-разному, но с точки зрения html+css это запросто может быть контекстный класс, который меняет вообще всё

15:34

У нас есть простое правило: все ui-изменения должны выкатываться на продакшн обязательно с рубильником в отключке — аудитория теста будет 0

15:36
@cssunderhood а есть интересные источники, для изучения UX и a/b?

Интересные источники для изучения UX, наверное, есть. Сам не читал, могу поспрашивать наших. Для a/b — не слышал twitter.com/PMarinchenko/s…

15:38

Простой пример a/b — обновленная версия вк. У них там есть ссылка для переключения между версиями, это интересный пример контроля a/b юзером

15:40

Мы своим юзерам контроля не даем. Мне кажется, свобода выбора при a/b — неудобно для разработчика. Возможно, я не прав и стоит попробовать

15:42

В любом случае, без a/b рискуете получить кинопоиск и не получить денег. Выкатываете фичу — вешайте классы, переключайте шаблоны и будет ok

15:43
Ребятки, а есть кто у меня в контактах, что про #фронтенд, #линукс, #опенстэк, #питон и ++?

У меня 4 вакансии в Амстердаме 🧀

Рекламная пауза twitter.com/mursya_ru/stat…

15:44

Так, по a/b мне пообещали помочь источниками, но не сегодня

15:54

На самом деле есть еще одна причина кроме a/b, специфичная для ok, по которой мы очень любим css — это хотфиксы

15:56

Релиз ok происходит от одного до двух раз в неделю, а проблемы с ui возникают чаще =). Это требует срочной реакции, тут верстальщик полезен

15:57

Релизиться чаще _непросто_ по разным причинам, начиная от процессов тестирования до, например, работ в дата-центрах и нагрузки на сервис

15:59

Поэтому в админке ok есть поле для применения произвольного css в реалтайме.Точка врезки этого css помечена в коде «на случай ядерной войны»

16:01

Если вы откроете приезжающий html ok, вы легко найдете такие «хаки». Использование подобного порицается, но ничего лучше пока не придумали

16:03
@cssunderhood а букинг вот могёт

vk тоже могёт, там на pitercss разработчик с болью рассказывал, как они так раскатались, а потом фиксили срочно twitter.com/operatino/stat…

16:06

@cssunderhood вот вам ссылка на этот доклад, если кто пропустил youtube.com/watch?v=qseu-Z…

16:08

Почему такие «хаки» неудобны: 1) нужно описывать их в правильном формате, чтобы было понятно, кто автор. У нас указывают фамилию/id таска

16:10

2) «хаки» — тоже код. Неплохо уметь его версионировать. Наша админка умеет, хотя дифф в ней смотреть не очень удобно

16:12

3) «хаки» нужно не забывать переносить в репозиторий или просто удалять. У нас это решается руками и занимает какое-то время + опрос авторов

16:14

Вообще у нас подобные поля есть и для js, и, по грязным слухам, для java, но это уже не формат этого твиттера, и за такое у нас больно бьют

16:16

Возможность применить кастомный стиль в реалтайме может помочь заработать немало денег, в этом случае риски окупаются. Актуально при акциях

16:19

Тут просили принудительно рисовать ценник на подарке,если тот бесплатен.Привязался к значению поля в json в data-атрибуте. Не делайте так =)

16:22

Еще один «черный» паттерн применения этой возможности — борьба с adblock. В попытке порезать рекламу скрывают лишнее во вред другим юзерам

16:25

Тема борьбы с adblock выходит за рамки этого твиттера, но полезно знать, что разные плагины на разных браузерах режут рекламу по-своему

16:26

В рамках саморазвлечения рекомендую посмотреть, как работает adblock в ff. Они используют -moz-binding, мне это показалось занятным

16:27
@cssunderhood для тупых не верстальщиков можно объяснить, почему?

Для стилизации лучше пользоваться обычными предсказуемыми способами. Нужно показать элемент — повесьте класс,
twitter.com/imbfa/status/7…

16:29

@cssunderhood json в data-атрибуте скорее всего нужен другим модулям. Их потом могут изменить, формат может поменяться, у вас все сломается

16:29

@cssunderhood , причем вы даже об этом даже не узнаете. И еще где-то тут должны быть рассуждения о производительности селектора с [*=""]

16:32
@cssunderhood и откатывать могут мгновенно

Математически выходит вроде бы всё хорошо. Но интуитивно где-то хочется прогона тестов, выкладки на тестовую группу twitter.com/operatino/stat…

16:39

Вообще мне очень близка тема модификации отображения стилями без изменения разметки. Еще со времен работы в веб-студии. Когда код написан ->

16:44

@cssunderhood -> непонятно кем и непонятно как, и вообще доступа к его изменению нет, дешевле наваять css-патч и выслать его автору по почте

16:45

Если я правильно помню, «отцы» развлекались с csszengarden.com . Мне было лениво, я ограничился рестайлом стандартной темы вордпресса

16:49

Я не могу доказать свою гипотезу, но полагаю способность рестайла неизменного html тренировкой интеллекта не худшей, чем какие-нибудь судоку

16:51

Расскажите, используете ли вы css не в прикладных целях, а для «разминки мозга»? Утекают ли результаты таких развлечений в реальные решения?

16:55

Чот как-то фидбэка совсем маловато. Есть две гипотезы: андерхудеры живут по ночам и мой текущий формат неудачен. Попробую завтра вести иначе

17:22
@cssunderhood у нас такое в легаси-проекте было. разметку менять нельзя, потому что все шаблоны в строках, в которых чёрт ногу сломит.
17:55

В первый раз слышу о миксинах, как о способе «разминки мозгов». Обычно как-то в контексте «proof of concept» twitter.com/victoria_veles…

18:26
@cssunderhood вот это еще круче css1k.net
19:32
@iamale_ru @cssunderhood Подробности про вакансии brightcomputing.com/jobs?__hssc=17…
19:42
@cssunderhood сейчас предстоит это, я с ужасом думаю. Пытаюсь покрыть тестами регрессии :(
19:43
@borovikov @cssunderhood ага, каждый год все сервисы, наверное, переписывают, чтобы не ощущать дикого гнёта легаси.

Создаём новые продукты и параллельно убиваем легаси. Если только переписывать на нт ー проиграешь. Про хайп ещё будет twitter.com/twenty/status/…

6:18
@cssunderhood стараюсь держать всё свежим и современным

Большой продукт? Работает в продакшене? twitter.com/GrawlCore/stat…

6:21

Через пару часов сделаю перерыв в работе и начну.
Сегодня поговорим о релокейшн.

6:22
@cssunderhood github.com/admdh/adm-dev-… - сейчас работаю над этим. А ещё есть пара плагинов для @PostCSS. Опенсорс помогает развиваться)
10:00
@DenisZavgorodny @cssunderhood мне почему-то кажется,что стартапы более гибкие к технологиям, чем агенства. Может и ощибаюсь конечно же)

Всё очень зависит. Ощущение, что стартапы легче не подъём и отношение проще к «взлетит» или нет. twitter.com/Fabian_Lagrang…

10:02

Релокейшн.
Люблю писать транслитом иностранные слова. Это переезд в другой город/страну при устройстве на работу, но всё ли так просто?

10:05
Если бы я жил в Воронеже, то я бы...

Недавно наткнулся на опрос @provotorov и решил, что эту тему обязательно подниму во время андерхуда. twitter.com/provotorov/sta…

10:10
В @cssunderhood заводят трактор twitter.com/cssunderhood/s…

Танк :) Бомбическая же тема! twitter.com/jsunderhood/st…

10:11
Недавно наткнулся на опрос @provotorov и решил, что эту тему обязательно подниму во время андерхуда. twitter.com/provotorov/sta…

Опрос был про Воронеж. Можно заменить на любой город – тема актуальна в каждом, только имеет свой собственный срез. twitter.com/cssunderhood/s…

10:14

Когда я говорю «релокейшн», что приходит вам на ум? Заграница?

10:17

У большей части людей, с которыми я обсуждал это всё было 2 мысли:
1) Москва;
2) Страх.

10:20
@cssunderhood да ) но на подкорке где-то крупные города еще. Хотя вот написал это и понял, что кому-то и в тихий город захочется переехать)
10:20
@cssunderhood скорей переезд. Вот мы переезжаем всей фирмой в Симферополь — релокейшн, хотя лучше «переезд» всё же =)
10:20
@cssunderhood cкорее просто любое перемещение

Но всё же есть разница между переездом в другой район города или за 3000км twitter.com/dagoeos/status…

10:21

Сейчас громадное количество предложений и про СПб, Европу, USA. Пункт про Москву меня всегда радовал.

10:24

Как думаете почему, когда столько много вариантов, таким лакомым в головах людей остаётся переезд в Мск?

10:25
@cssunderhood Потому что они безумцы. Я до сих пор не придумал, что мне надо предложить, чтобы я задумался о переезде туда.
10:31
@cssunderhood в СПБ переехал друг. Долго акклиматизировался + ни друзей, ни знакомых + некомпанейские коллеги

Это скорее попадает в «страхи», но да, это не простой шаг. twitter.com/logunoff/statu…

10:32

Задумывались ли вы о переезде и работе в компании в другой город?

10:34
@logunoff @cssunderhood в Петербурге есть @spb_frontend. Периодически они устраивают дринкапы, там можно и единомышленников найти
10:35

Начнём с самого «большого» переезда – за границу.

10:36

Становится мейнстримом делиться опытом и тема переездов не осталась в стороне – каналы в телеграмм, твиттер.

10:38

Если вы задумываетесь о светлом будущем, например, в USA, то советую @abroadunderhood. Опыт без регистрации и СМС.

10:38

У вас был опыт переездов? Что вам понравилось или хотели бы улучшить в процессе?

10:42
@cssunderhood был из "деревни" в "столицу". Сам переезд. Надо было дальше двигать.

Что мешает ехать дальше? twitter.com/dcromster/stat…

10:45

У меня не было опыта переездов за границу. Кажется, что разницы между переездом по РФ/загранице немного. Может только условия и бонусы выше.

11:03
@cssunderhood естественно упразднение бюрократии) Очереди, бумаги и т.п. И как оказалось, английский практически бесполезен,хотя и не лишний
11:04
@cssunderhood да мне и Белгороде нравится — нашел хорошую работу с отличной зп =)

Речь про Фабит? twitter.com/gladkih_m/stat…

11:05
@cssunderhood хотел написать про бюрократию, но уже написали. А ещё было б лучше если б легче можно было получить рабочую визу.
11:05
@gladkih_m @cssunderhood это частый аргумент против переезда. Проблема будет уволиться, потому что идти в своём городе, собственно, некуда.

А зачем увольняться заранее? Пиши заявление, когда получил оффер и всех всё устраивает. Profit :) twitter.com/logunoff/statu…

11:12
@cssunderhood поэтому лучше хотя бы за пару месяцев предупредить, что собираешься переехать

Да, это однозначно. Просто заранее не стоить всё сжигать, да и денежная подушка обязательно должна быть. twitter.com/b3ard0m/status…

11:18

Итого.
При переезде за границу сложности: бюрократия, виза, язык.

11:21

Кстати, кто где ищет вакансии для работы за границей? У меня нет такого опыта, не могу ничем таким поделиться.

11:22

92% опрошенных ответили, что задумывались о переезде. Вернёмся в РФ. Хочу опустить пока переезд в столицу и СПб. Вы рассматривали города РФ?

11:24
92% опрошенных ответили, что задумывались о переезде. Вернёмся в РФ. Хочу опустить пока переезд в столицу и СПб. Вы рассматривали города РФ?

Екатеринбург, Казань, Новосибирск... twitter.com/cssunderhood/s…

11:33
@cssunderhood эээ? А они существуют? :)
11:33
@cssunderhood Для меня самыми полезными были stackoverflow.com/jobs и berlinstartupjobs.com
12:17
@cssunderhood а расскажите, как вы там живете когда работа заключается в борьбе с каскадностью в каскадных таблицах стилей?

Зависть в говорит вас, падаван.
А вообще, для срачиков я отвёл целый день -- вск. twitter.com/jsunderhood/st…

12:19
@cssunderhood я однажды переехала из Питера в Казань из-за проекта, было круто, прожила там около полугода.

Замечательный опыт. twitter.com/endophasie/sta…

12:20

У меня вот, например, был переезд в Екатеринбург на новое место работы из небольшого города Белгорода, а это почти 3к километров.

12:22

Как думаете, проще ли проходить собеседования дистанционно? У вас был такой опыт?

12:23
@cssunderhood не могу определить, насколько проще, но меня так на текущую работу взяли.
13:07

Много раз проходил скайп-собеседования. Кажется, что они легче, как минимум, потому что они дробные и посвящены определённой теме.

13:09

Например, когда, я проходил собеседование в последний раз было 2 скайпа и очные. Сейчас, кажется, уже нормально 3 скайпа.

13:13

Ещё сейчас модно проходить собеседования в колабораторных редакторах. У кого-то был такой опыт?

13:15
@cssunderhood Нанять специальных людей делать всю бумажную работу. Очень рад, что мне это посоветовали.

Ты писал об этом в андерхуде или расскажешь об этом моменте? Интересно очень. twitter.com/sapegin/status…

13:17
@cssunderhood Заставляли писать свой Promise в такой штуке. Было тяжело, но мне немного подсказали, и я справился.

Классика. Там же есть подсветка синтаксиса и автокомплит? Это же не на листике писать :) twitter.com/sapegin/status…

13:19
@cssunderhood есть агенства по релокации. Тебе помогут заполнить визовую анкету, проверят все документы перед подачей в консульство
13:20

Мы поговорили о том, как искать работу, что переезд возможен и по РФ. Теперь давайте затронем проблемы, риски и страхи, которые могут быть.

14:15

Когда ты один, это очень простое решение – вещи в сумку и вперёд, знаю по себе, а когда семья?

14:17
@cssunderhood Например, что твоя компания загнётся, и придётся искать новую работу за три месяца.

Или просто не вольёшься в коллектив, захочется сменить работу. Вы бы искали в этом новом городе работу / вернулись? twitter.com/sapegin/status…

14:20
@cssunderhood Думаю, очень зависит от того, хочет ли семья переезжать вообще.

Да, кстати, по какому критерию была бы оценка в этом случае? Только деньги? twitter.com/sapegin/status…

14:23
@cssunderhood Искал бы тут.
14:23

Ещё есть страх того, что там нет никого из знакомых и близких. Человек в социуме и прочее, но так ли это важно, когда есть соцсети, скайп?

14:25
@cssunderhood Если бы только деньги, то мы бы остались ;-)

Сам город, климат или что-то ещё? twitter.com/sapegin/status…

14:27

Я бы даже сказал, что важна открытость новому. Вернуться в зону комфорта или создать новую достаточно просто.

14:30

Кстати, если говорить про друзей, тема уже поднималась. Как вы искали новых друзей/знакомых в новом городе?

14:33
@cssunderhood Думаю, всё сразу. Плюс много ли держит дома, и есть ли желание вообще взять и всё поменять.
14:34
@cssunderhood бывшие нормальные коллеги.
14:46
@cssunderhood Был. Проще.
15:20
@cssunderhood проще в том плане,что никуда ехать не надо и о времени договориться. Но в плане вопросов - всё тоже самое и нисколько не проще
15:20
@cssunderhood при переезде в Питер нужно учитывать климат, как мне кажется :) Особенно при метеочувствительности
15:42
@cssunderhood 1. Записываешься в кружок по интересам (языки, рисование и тд).
15:43

Я больше всего переживал, что не найду жильё, когда приеду. Это прям было непросто работать полный день+ и вечерами гонять смотреть квартиры

15:46

В новом городе, вы можете жить в любом районе. Вы бы выбирали жильё ближе к работе?

15:50
@xCubek @cssunderhood первые два года (‘06) часто болел, ангина по 3 раза, царапины заживали месяцами. Хотя переехал с севера (Архангельск).

А я даже начал думать, что климат не подходит 😂 twitter.com/Realetive/stat…

15:51
@cssunderhood ближе к транспортной развязке. Неизвестно что легче: сменить работу или в короткий срок найти новое жильё.
15:55
@cssunderhood конечно. ненавижу пробки.

Я тоже так решил и нашёл квартиру в центре города, в 7 минутах ходьбы от офиса, но она была прям жаришка. twitter.com/GrawlCore/stat…

15:57

По фоткам она была ок: натяжные потолки, ламинат, а на деле умирающая хрущёвка в лучшем состоянии 😂 @cssunderhood @GrawlCore

15:59

.@SheVasya @GrawlCore, это ”ужас какой-то”

16:01
@cssunderhood а если нет ни работы, ни жилья, за что больше переживать? Интересно было бы узнать мнение людей. Я больше о работе думаю.
16:05

На первое время можно остановиться у друзей/знакомых и параллельно искать или офф.работу либо фриланс @doberbober

16:09
[@vladimore](https://twitter.com/vladimore "ng-bind="🤘"") @cssunderhood просто мыслей о жилье вообще прям нет. Ни капли, почему-то. Хотя, найти нормальное жилье тоже, думаю, непросто.

В смысле, ты не знаешь как искать или пока ищешь работу нет подходящих вариантов? twitter.com/doberbober/sta…

16:13
@cssunderhood В Берлине с этим тоже туго.
16:16
@doberbober @cssunderhood нормальное жильё в России "золотое". Знакомые в Екатеринбурге ипотеку взяли вместо съёма квартиры: дешевле вышло.

Если честно, я тоже задумывался об этом 😮 twitter.com/octowed/status…

16:18
@doberbober @cssunderhood собственно, это главная проблема. И меня она удерживает от переезда куда-либо.

Именно, по этому я не поехал в Мск. Для меня немного дико, что +/- половина зарплаты будет уходить на жильё. twitter.com/octowed/status…

16:20
@cssunderhood Не рядом, полчаса — в самый раз. И почитать можно, и не сидишь в одном районе весь день.

Сейчас у меня такой вариант: 40 минут пешком. Нравится, что можно спокойно доехать на велике, послушать подкасты :) twitter.com/sapegin/status…

16:21
@cssunderhood пока работал в офисе перебирался максимально ближе к работе. Общественный транспорт ад, который убивает мотивацию с утра
16:27
@cssunderhood Не везде можно работать без прописки. @doberbober
16:31
@cssunderhood а можно конкретнее, какие именно подкасты? 😊

Технические, @RadioJSPodcast, так и истории про бизнес всякие. Очень нравится Рунетология m.runetologia.podfm.ru twitter.com/AnroyPaul/stat…

16:52
Технические, @RadioJSPodcast, так и истории про бизнес всякие. Очень нравится Рунетология m.runetologia.podfm.ru twitter.com/AnroyPaul/stat…

В Рунетологии тот подкаст, я считаю бомбическим: m.runetologia.podfm.ru/589/ twitter.com/cssunderhood/s…

16:56
@cssunderhood @octowed @doberbober просто не нужно в Мск работать в Яндексе.

Ты имеешь в виду идти в стартап? twitter.com/twenty/status/…

16:58
@cssunderhood Яндекс есть и в других городах. В России модно офисы открывать не только в столицах. Может в тч из-за стоимости аренды.

Разные часовые пояса, например, а ещё офисы могут быть заточены под определенную специализацию. twitter.com/SheVasya/statu…

17:01
@twenty @cssunderhood @octowed @doberbober по возможности лучше нигде не работать в яндексе

Почему? twitter.com/b3ard0m/status…

17:02
@cssunderhood @twenty @octowed @doberbober да есть куча компаний где можно нормальную зп выбить, если скиллы соответствуют

На этой отличной ноте можно закончить сегодняшнюю тему. Считаю, переезд – это хорошо и плюсы перевешивают опасения twitter.com/borovikov/stat…

17:39
@cssunderhood @octowed @doberbober зависит от зарплаты же

Да, соотношение, конечно же, образное было 😀 twitter.com/_sashashakun/s…

17:40

# Среда 480 твитов

@cssunderhood кстати, про сетки, подскажите плз что сейчас в тренде (поддержка бро IE >= 10)?

Большинство делает на флексах. twitter.com/webroru/status…

8:46
@cssunderhood @webholt о каких наставниках вы постоянно упоминаете, о ком вообще речь?

Я говорю о наставниках на интенсивах @htmlacademy_ru twitter.com/make_me_loco/s…

8:46
@cssunderhood htmlacademy.ru на float`ах, а внутренние страницы на flex`e. Для чего так? Если это не коммерческая тайна конечно =)

Это процесс перехода на новый дизайн и вёрстку. Что-то уже переведено, а что-то ещё нет. twitter.com/apiatetskyi/st…

9:03

А тут есть дизайнеры?

9:05

Вопрос для дизайнеров.Стараетесь ли вы делать исходники дизайна так, чтобы верстальщику было удобно работать с ними?

9:08

И для верстальщиков. Чувствуете ли вы, что дизайнеры стараются делать исходники дизайна удобными доя верстальщиков?

9:10

Забавная статистика, несмотря на то что голосов немного. Большинство дизайнеров старается, а большинство верстальщиков этого не чувствует.

10:01

Я на самом деле тоже отношусь к тем, кто не чувствует что большинство дизайнеров старается сделать исходники удобными для верстальщика.

10:05

Поделитесь, какие неприятные мелочи чаще всего преследуют вас в подготовленных дизайнером макетах?

10:07
@cssunderhood макет в аи. одна большая проблема

Не вижу в этом большой проблемы если честно. twitter.com/2nd_suck/statu…

11:25
@cssunderhood вместо тысячи слов. pic.twitter.com/KthM54XDQz
11:26
@cssunderhood это задача дизайнера

Только она не всегда выполняется. twitter.com/nemcik7/status…

11:26
@cssunderhood макеты под моб. устройства спустя неделю-две после версии для desktop

Вот с такими вещами я вообще предпочитаю не работать. twitter.com/NUM13RU/status…

11:27
@cssunderhood картинка с логотипом с blend mode: multiply на фоне с паттерном(и не только логотип) 😀

Кстати, использование дизайнерами режимов наложения встречается мне всё чаще и чаще в последнее время. twitter.com/mr_roose/statu…

11:30
@cssunderhood вопрос от дизайнера не из IT: верстальщики же переваривают грамотно собранный .Ai?
Или только .Psd, только хардкор?

Ну можно и иллюстратор, фотошоп или скетч. twitter.com/curlymario/sta…

11:31
@cssunderhood Хочешь чтобы твой дизайн был такой как задумал - дружи с верстаком! Не знаешь, что можно, а что нет - спроси его! Я так делаю.
11:32
@cssunderhood сетку накладывают уже поверх макета, иконки разного размера, платные шрифты неясно откуда, полное непонимание адаптивности.

Перестроение макета на разных устройствах – дизайнеры часто делают неправильно из-за непонимания самой вёрстки. twitter.com/octowed/status…

11:34
@cssunderhood На фрилансе, вообще макетов под мобильные не дождешься. Делай, как сам считаешь. Пишу не о супер-пупер проектах. Об обычных.

Макеты на фрилансе – это отдельный дикий ужас чаще всего. twitter.com/vovagabel/stat…

11:35
@cssunderhood ой, адаптивность вообще больная тема. Вроде блок был в шапке, а уже в футере.
Ну это я образно, конечно.

Порой так и бывает. twitter.com/c01nd01r/statu…

11:36

А почему никто не говорит про @sketchapp? Мои знакомые говорят, что дизайнеры поголовно переходят на него.

11:37
@c01nd01r на моем опыте была такое, что инпут в адаптивной версии стал селектом. @cssunderhood
11:42
@cssunderhood @sketchapp возможно потому что дизайнеры, которые переходят на него с фш - уже лучше понимают верстку и делают меньше зла
11:44
@cssunderhood а как же девиз @artpolikarpov «верстальщик — тоже дизайнер»? :)

Конечно верстальщик тоже должен быть немного дизайнером. twitter.com/denswor/status…

12:23

Верстальщики у которых нет мака, как вы открываете макеты, которые дизайнер рисует в @sketchapp ?

12:24
@cssunderhood когда не было открывал через зепелин
12:31
@cssunderhood для этих целей есть @zeplin_io
12:31
@cssunderhood а есть варианты кроме avocode?

Есть например @zeplin_io twitter.com/Sigiller/statu…

12:32
@cssunderhood @sketchapp avocode.com zeplin.io

Ну, в общем, вот что вам нужно, если вы верстаете не на маке, а вам прислали макет в @sketchapp. twitter.com/GrigorievPavel…

12:33
@cssunderhood @sketchapp у меня стоит виртуальная машина с маком, всё отлично работает и верстается pic.twitter.com/9b1sXWA1nT
12:40

Понятно, что верстальщики в большинстве своём недовольны работой дизайнера. К вопросу почему дизайнеры так делают мы вернёмся чуть позже.

12:45

Вопрос вот в чём. Как часто вы задумываетесь будет ли доволен вашей работой программист, которому вы передаёте свою вёрстку?

12:46

В любом случае задумываемся мы или нет, делать для программистов мы должны так, как хотели чтобы для нас делали дизайнеры. Удобно.

13:05
@mankutila @cssunderhood в джипеге отдавать дизайны — это конечно верх маразма, за такое надо воспитывать уж не знаю чем у вас принято.

Неужели кто-то будет верстать макет из JPG? twitter.com/denswor/status…

13:07
@cssunderhood макет макету рознь, конечно же. можно и сверстать, особенно если ничего сложного не видно. но есть же нормы приличия какие-то!
13:09
@cssunderhood много лет назад atrium.su я верстал с jpg. Суровые времена были.
13:10
@cssunderhood, иногда прям в макетах пишет такие стикеры. Замечу, что у нас не лендинги, а формы, графики, таблицы. pic.twitter.com/h8qXOuYjoV

Это пример хорошего взаимодействия с дизайнером. twitter.com/isquariel/stat…

15:53

По каким причинам дизайнеры могут не готовить макет для верстальщика? Это неграмотность специалиста или лень например?

17:05

Дизайнер рисует макет, сосредоточившись на дизайне, а так, как на фрилансе за подготовку для верстальщика ему не платят, он этого не делает.

17:07
@cssunderhood а что именно нужно подготовить?

Имеется ввиду что макет – удобен для верстальщика. И если ты не делаешь это сразу, то потом ты делаешь это отдельно. twitter.com/Yumadilov/stat…

19:27
@cssunderhood а что именно нужно подготовить?

Это и есть подготовка макета к вёрстке. Или делаешь сразу хорошо. twitter.com/Yumadilov/stat…

19:28
@cssunderhood я вот не уверен до сих пор, что значит до конца «подготовить макет для верстальщика». круто, если был бы чеклист общий.

Вот минимум, который должен знать дизайнер github.com/nicothin/web-d… twitter.com/jimitori/statu…

19:29
@cssunderhood так это все результат договоренностей. Кто-то по пнг сделает как надо, кому-то все нужно разжевать, а толку все равно мало.

Я не говорю про персональные особенности и требования конкретного верстальщика. Я говорю про общие правила. twitter.com/Yumadilov/stat…

19:32
@cssunderhood Вот видео в тему, для дизайнеров больше. Но все же. youtube.com/watch?v=lW4uzJ… @pepelsbey, спасибо за интересный доклад!
19:34

На этом ретвите на сегодня всё. Продуктивной ночи.

19:36

Привет, коллеги! Ух, меня сегодня дедлайном придавило так придавило, но я постараюсь быть с Вами и поднимать темы для обсуждения.

6:40
@cssunderhood Emmet тоже позволяет писать в одну строку w10+h10

Да, я знал об этой фишке, но мне такая реализация показалась неудобной для постоянного использования :) twitter.com/pl__nk/status/…

6:41
@cssunderhood нубский вопрос: что есть "новомодные лигатуры"?)

Вот тут можно почитать: goo.gl/Po8KyL twitter.com/mankutila/stat…

6:43
@GrawlCore @c01nd01r @_ramoona @cssunderhood именно из-за этого не могу использовать лес, от скобок кружится голова и теряю сознание...

Если дикую вложенность не городить - то обычно и не путаешься. twitter.com/ardshock/statu…

6:44
@cssunderhood пиши в гиттер тарса с проблемой. Артем, разработчик проекта, постоянно мне помогает с какими-то траблами.

Да, я уже подготовил для issue данные, после дедлайна обязательно обращусь к Артему за помощью. twitter.com/petrthepig/sta…

6:46

Сегодня я бы хотел поговорить с вами нашей с вами работе - как о связующем звене между дизайном и готовым продуктом.

6:48

Давайте попробуем составить список того, к чему нужно быть готовым молодому верстальщику/фронтендеру, когда он начинает работу в команде?

6:56

@cssunderhood Сам я считаю, верстальщик должен быть готов в первую очередь к тому - что он, зачастую, первая линия тестирования в проекте.

7:09

@cssunderhood Что ему нужно не бояться и главное не лениться проверять за дизайнером элементы на надежность, и чем раньше, тем лучше.

7:10

Пока мы собираем список будущих граблей для верстальщиков, подведу небольшой итог из ваших вчерашних "историй использования" редакторов :)

7:34

Самым частым выбором первого редактора оказался NotePad++. Аплодисменты ветерану!

7:36

По общему количеству упоминаний (и, видимо, времени использования) использования лидируют PHPStorm/WebStorm.

7:37

Самый частый переход с редактора на редактор: SublimeText -> PHPStorm/WebStorm.

7:38

Ну и, наконец, в номинации "Использую сейчас" - тоже побеждают PHPStorm/WebStorm, за ними с отрывом в 3 очка оказался Atom!

7:43
@cssunderhood Он до сих пор точно такой же, как и десять лет назад, если верить скриншотам на сайте ;-)

Ну, видимо его сила - в постоянстве:) twitter.com/sapegin/status…

7:44
@cssunderhood Это такая смол-биг-дата?)

"Биг-дата" для самых маленьких) twitter.com/webholt/status…

7:45
@cssunderhood недостаток один: немногие знают о его существовании и предпочтут делать плагины для Атома

Если VSCode действительно так хорош - народ естественным путем на него пересядет. twitter.com/nautilusdranus…

7:48
@cssunderhood Вспомнил, первым редактором кода был редактор в Far Manager с подсветкой, я довольно долго в нём сидел #farmanager

Даже боюсь спросить - было удобно?) twitter.com/dshster/status…

7:58
@cssunderhood думаю даже если чего-то не знаешь спрашивать и не бояться, и главное желание делать даже если не сразу получается
8:03
@cssunderhood найди уже своему Деду занятие чего он "внука" отвлекает от твиттера)

Бабы ему не хватает:) twitter.com/nemcik7/status…

8:06
@ardshock @cssunderhood с какой стати бэкэнд диктует тебе, каким инструментом пользоваться? ты же не говоришь им, какой фреймворк юзать

Бывает, например, в php-фреймворках, есть написанные под бутстрап готовые модули и для проекта в целом они нужны. twitter.com/_ramoona/statu…

8:11
Да я именно про это и говорю и это боль особенно когда у тебя отторжение к бутсрапу... twitter.com/cssunderhood/s…

Боль еще какая, но ради блага) twitter.com/ardshock/statu…

8:13
@cssunderhood сомнительного какого-то блага

Ну мы же - часть проекта. И я про случаи, когда мне быстрее стилизовать бутстрап, чем бекенду переписывать модули. twitter.com/_ramoona/statu…

8:18

@cssunderhood Мне еще повезло, такие случаи в моей практике - редкость.

8:19
Наконец-то я буду более-менее знаком хоть с одним иностранным языком :: geektimes.ru/post/274956/

Маразм крепчал... twitter.com/webholt/status…

8:29
@cssunderhood лучше спроси кто использует, например, Brave brave.com
или Vivaldi vivaldi.com ?

А действительно, есть ли среди нас такие? twitter.com/SilentImp/stat…

9:15
@webholt надо уже начинать внутри команды общаться на JS, а то пока без консоли научишься говорить..

в России надо бы поокуратнее с этим - быстро в иностранные агенты запишут:) twitter.com/meuwka/status/…

10:52
@cssunderhood уметь говорить "я не знаю". Часто стажеры пороли чушь, пытаясь показать, что они знают то, о чем не имеют понятия
11:07

А помните, я обещал вам устроить небольшой литературный конкурс? Можете не отвечать, конечно же помните:)

11:55

Я люблю, когда люди лаконично и образно излагают мысли. В этом умении предлагаю Вам себя проявить.

11:56

ИТАК, ПРАВИЛА КОНКУРСА: до воскресенья присылайте мне в личку небольшой текст на тему: "Почему я в веб-разработке?"

11:57

Попробуйте интересно и емко рассказать - почему вам нравится то, чем вы занимаетесь, что дает вам труд веб-разработчика?

11:57

Авторитетным жури выступим я, жена моя и Марина Ивановна, теща моя распрекрасная.

11:58

Все работы будут опубликованы, а лучшая из них - удостоится памятного приза, который я покажу Вам в пятницу:)

11:58

Надеюсь, Вам будет интересно попробовать себя в этом и, заодно, поделиться с нами дельными мыслями!

11:59
@cssunderhood призы будут?

Конечно, памятные, приятные и ручной выделки:) Анонсирую в пятницу! twitter.com/Copypasting/st…

12:14
@cssunderhood прекрати же уже писать "вам" с большой буквы! Хочется кого-нибудь ударить :)

Ну не ругайся, это - застарелая привычка :) давно борюсь с ней. twitter.com/the_mobius_cat…

12:40

@cssunderhood поправочка, "жюри", конечно :)

12:42
@cssunderhood с какого возраста верстальщик/фронтендер становится немолодым?

Думаю, после пары-тройки лет работы в коллективе) twitter.com/losewmac/statu…

12:43

По поводу личной эффективности я не лучший пример, имхо. Но кое-какие наработки имеются, сейчас расскажу, спасибо за идею, @hiway_real

11:24

Пробовал использовать Toggl, но почему-то он понравился мне меньше, чем @trackingtime – аналогичный функционал free. pic.twitter.com/L2z4fVNho8

11:31

Для личных нужд ещё хорош «помидорный» PomoDone, синхронизируемый с Вундерлистом (предпочёл Тудуисту) @d3head pic.twitter.com/J17ti5juI3

11:37

Все мои достижения в сфере веб-разработки — самообразование; специализированного диплома у меня нет (разве что фельдшера). Не жалею ни чуть.

11:41

Я поступил в ИТМО экстерном на середину второго курса на бюджет. Но с помощью каких-то махинаций «выше» меня зачислили на платное.

11:43
@cssunderhood а потом ты встретишь задачу требующую знания алгоритмов и «ОЙ».

Полностью согласен. Ощущаю нехватку именно академических курсов, матана. Всегда испытывал трудности с формулами. twitter.com/SilentImp/stat…

11:46

С другой стороны, зная свои слабые стороны, я стараюсь избегать подобных задач. Видимо, у меня напрочь отсутствует математическое мышление.

11:47

Но когда в хвалёном ИТМО тебя в 2011 г. учат скруглять углы пнгешками, а на CSS3 преподаватель смотрит, как на магию, невольно задумаешься.

11:50
@cssunderhood @d3head чем тебе нравится вундерлист?

Даже не то, чтобы нравится. Я просто узнал о нём раньше, поздно было менять. В Todoist чумовая мотивационная система twitter.com/denishus/statu…

11:52
@SilentImp @cssunderhood профессиональный стаж заменяет диплом, бзв.

А ещё я недавно понял, как важна работа в команде, когда есть наставник, па́рное программирование и код ревью. twitter.com/ostelaymetaule…

11:57
@cssunderhood какой факультет, кафедра?

Я учился на Информационные технологии в дизайне, факультет «Точных Механик и Технологий». twitter.com/vlkosinov/stat…

12:01

После того, как бросил ИТМО (они якобы перевели на бюджет на 3 курсе, а спустя полгода опять потребовали деньги — или плати, или вали)…

12:11

… поступил в Британский институт искусства и дизайна. Но, как вы понимаете, ТАКИХ денег на обучение у меня точно не было. Тешил самолюбие.

12:13
@Sigiller Это я к тому, что высшее образование, желательно два-три — нужны @cssunderhood
17:34
@cssunderhood @trackingtime а не смущает редизайн TrackingTime когда шикарный дизайн на скрине сменили на жуткий нечитаемый bleeding red?

Смущает. И гамма, и отсутствие нормальной кириллицы. Но они молодые ребята, только развиваются, им простительно. twitter.com/brusnickin/sta…

17:41

А проверяете ли вы свою вёрстку в Opera mini? Вопрос, конечно, субъективный — зависит от продукта. Но всё же… pic.twitter.com/b9kCSajYjp

17:49

Когда вы забываете об Opera mini, где-то грустит один Леонид Аркадьевич, а Вадим @pepelsbey Макеев ему тихо вторит… pic.twitter.com/3jG7Bnhh11

18:36

Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

19:29
Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

12 ответов и лишь половина правильных.
@Alex_Jegulsky, это тест, а не вопрос — не «палите», пожалуйста, свой вариант twitter.com/cssunderhood/s…

19:53
@cssunderhood это как поддержка ie6 сейчас. Если нравится им пользоваться уг, то пускай и смотрят на уг сайты.

Звучит как: «я делаю УГ, не работающее в Opera mini, теряя аудиторию в 12.000.000 пользователей по России». twitter.com/dmitrmarchenko…

20:21
@cssunderhood в рф на бюджет принимают исключительно на первый курс, так кажется положено по закону если хочешь экстерном плати знаю по себе

Была подписанная бумага от начальников кафедры и факультета на вакантное бюджетное место. На платное перевели позже. twitter.com/Aliksei/status…

20:53
Какой атрибут элемента <html> включает механизм кэширования страницы? Уже используете на своих проектах?

Если уже прошли тест, предлагаю обсудить style guides, руководства по стилю. Что думаете о подходе styleguide-first? twitter.com/cssunderhood/s…

21:13

Популярен сервис-список генераторов: styleguides.io, но есть ещё и готовые: docs.google.com/spreadsheets/d… pic.twitter.com/niPn4thftN

21:18

Из генераторов мне больше всего импонирует @SourceJS в плане функциональности и гибкости: Markdown, JSX, KSS и т. д.
youtu.be/y4KHmX8vCc0

21:23

Стайлгады важны для «не pet»-проектов, позволяя изолированно протестировать функциональность и внешний вид элемента + компонентный подход.

23:06
Для личных нужд ещё хорош «помидорный» PomoDone, синхронизируемый с Вундерлистом (предпочёл Тудуисту) @d3head pic.twitter.com/J17ti5juI3

А ещё «помидорная» система хорошо работает с идеей Вадима Макишвили из доклада «5 минут»: youtu.be/iBHr8gKc5L8 twitter.com/cssunderhood/s…

23:09

Ещё один тест, теперь на знание CSS3: что будет, если установить свойство "cursor" в значение "none"?

23:31
@cssunderhood хм, а покажи где в wercker интеграция с ftp?

Сейчас там еще и pipeline именованные добавились, а до того один именованный deploy. В него... @Copypasting twitter.com/Copypasting/st…

7:37

В него можно было добавить steps Я использовал simpletechs/ftp-deploy-exclude Искать тут app.wercker.com/#explore/steps… @Copypasting

7:38

Еще вариант, добавить в свой grunt (gulp) какой-нибудь ftp-deploy и запускать его после билда в контейнере wercker @Copypasting

7:40

У меня сегодня день рождения, буду снова смотреть youtube.com/watch?v=xPPCzr… А позже поговорим о самореализации и куда расти верстальщику

7:42

Частая тема для обсуждения профессиональный рост. Можно развиваться в своей области,стать лучим верстальщиком на планете,а можно идти дальше

9:51

А куда дальше? Менеджеры?

9:52

Я в 25 не особо задумывался над этим, а сейчас уже поздно, наверное

9:52

Т.е. как скрестить реакт с ангуляром можно нагуглить, а вот куда развиваться - гугл не подскажет.

9:54

Тут велика роль наставника, мне кажется.

9:54
@cssunderhood фронтенд, жс?

Путей, на самом деле много. js клиентский, js серверный, просто уйти в серверную разработку, мобильная разработка.. twitter.com/c01nd01r/statu…

9:56

Свое дело, т.е. Да вариант. @dbarabashdev twitter.com/dbarabashdev/s…

9:58

Тут вот интересуются @dbarabashdev twitter.com/dbarabashdev/s…

10:04

Я заговорил о наставнике. А вам нужен наставник? Ну или хотели бы иметь?

10:18
@cssunderhood оффтоп: потому что Реакт — это библиотека, а Angular 1 — фреймворк.

И об этом тоже гугл расскажет ) @twenty twitter.com/twenty/status/…

10:40
@cssunderhood я был хз, но теперь у меня начальник – препод пргмрня, может буду чёнить уметь умное прям, монады-хуяды)

А мне не хватает ментора. Человека, который бы направлял. Крутого чувака, на которого можно равняться @GrawlCore twitter.com/GrawlCore/stat…

15:17

Увидел в профиле @asakasinsky должность веб-технолог Это так согрело душу. Веб-технолог это более широкое понятие нежели фронтендер?

19:22

Интересные результаты опроса о наставнике. 68% процентов хотели бы иметь наставника и лишь 8% его имеют. Тимлиды и менеджеры - задумайтесь

19:35
@cssunderhood не всегда ученик готов \ имеет возможность заплатить ментору. Иногда мешает банальная боязнь показаться навязчивым.

Заплатить? Я думал что наставничество - это волонтерство @_luckytea twitter.com/_LuckyTea/stat…

20:09
@cssunderhood @_luckytea менторство - добровольное и бесплатное занятие. Платят консультантам и коучам. Я ментор и мне нравится =)

Вот оно! А я еще и бывший препод. Потому, менторство это еще и удовольствие @ABatickaya twitter.com/ABatickaya/sta…

20:31
@cssunderhood @jsunderhood кто-нибудь прикручивал postcss-sorting к webpack? для исходных файлов. ретвит, плиз

Понятия не имею как работает вебпак, там разве нельзя сунуть dest в pipe?:) twitter.com/d_markovskiy/s…

9:21
@d_markovskiy @cssunderhood @jsunderhood wp сборщик, gulp таск раннер, можно для wp готовить файлы через таски в gulp, wp не перочинный нож

Формально gulp - сборщик+раннер, но его сборка ограничивается композицией стримов. А grunt - только таски запускает. twitter.com/JiLiZART/statu…

9:58

Какие мысли о разметке в js без jsx?

13:28
@cssunderhood А зачем без JSX?

Мне в ангуляре он не к месту. Фигачу все в template literals. А недавно стал классы в css хэш выносить. twitter.com/sapegin/status…

13:32
@cssunderhood ребята, что делать если я боюсь jsx и мне кажется идея смешать вёрстку и код не очень? как это побороть?

Как по мне разметка - это тоже логика, но структурная. Мапы и тернары там очень кстати. И синтаксис приятный, js. twitter.com/notarseniy/sta…

13:34
@cssunderhood Ну тогда никаких, мне Ангуляр не к месту, а JSX использую везде сейчас, и не только с Реактом.

Альтернативные либы для рендера или как-то совсем низкоуровнево? twitter.com/sapegin/status…

13:35
@notarseniy Начать использовать JSX, и скоро придёт понимание, что идея разделять HTML и JS для вёрстки — бред ;-) @cssunderhood

Под js обычно понимают логику приложения. Вот тогда шаблон надо в отдельный модуль как логику разметки. twitter.com/sapegin/status…

13:38
@cssunderhood Да, но каким-то образом логика вёрстки тоже туда попала и все стали думать, что и её мешать с HTML плохо.

Глухой телефон и преданность традициям. twitter.com/sapegin/status…

13:41

Рассыпчатый вопрос: кто и почему до сих пор сидит на es5, а не транспилит es6?

19:54
@cssunderhood встречный вопрос: почему стоит перейти к использованию es2016? Который не работает в браузерах без дополнительной обработки …

Я ничего и не говорю, про es2016, кажется еще и спека не закончена. А вот es2015 хорош и почти поддерживается. twitter.com/SilentImp/stat…

19:59
@cssunderhood … и чертовой дюжины полифилов?

Никто не заставляет юзать полифилы. Для меня спасение - новый синтаксис. Кода меньше, читаемость лучше. twitter.com/SilentImp/stat…

20:00
@cssunderhood закончена, закончена. Но на вопрос вы не ответили. Зачем?

Меньше кода, больше кайфа. Хороший язык делает человека счастливым.:) twitter.com/SilentImp/stat…

20:02
@cssunderhood строго говоря если переходить от jQ, например, к dom api и es2015 кода станет больше. А то что выдает транспиллер — вовсе ужас

Ну тут еще можно поспорить, что больше jq или vanilla. А правильный транспиллер выдает красоту. twitter.com/SilentImp/stat…

20:03
@cssunderhood бабель правильный?

Мне не очень, хотя мощный.
Тут на выходе чистенький код получается. buble.surge.sh twitter.com/SilentImp/stat…

20:04
@cssunderhood ути-пути, а к gulp и webpack оно прикручивается?

Канеш, для галпа я делал обертку. По ключевым словам найдется. twitter.com/SilentImp/stat…

20:09
@cssunderhood сравним работу с классами, атрибутами и выборкой.
jsfiddle.net/pgmms2na/

Пожалуй частный случай. И нативы быстрее. classList.add оптимизирован, а jq с className пересчитывает все. twitter.com/SilentImp/stat…

20:10
@cssunderhood да не особо частный, почти со всем так, если присмотреться. В плане оптимизированы — надо не забыть полифил для classList ;)

К полифилу я тоже руку приложил github.com/jwilsson/domto…
Но он не нужен. Ниже ie11 даже в siemens не просят. twitter.com/SilentImp/stat…

20:14
@cssunderhood приходят какие то ещё аргументы в голову, кроме лаконичности?

Я говорил только про стандарт языка, а не про браузерные спеки. twitter.com/SilentImp/stat…

20:15
@cssunderhood а о чем речь если не о применении его в скриптах в браузере? node.js что ли?

И там и там. Но jq и vanillajs тут вообще не причем, они просто API. twitter.com/SilentImp/stat…

20:18
@cssunderhood язык используется для решения конкретных задач. Можно конечно применять es2015 с jQ но это мягко говоря бессмысленно, так как…

Почему же? Не обязательно юзать весь стандарт. Те же arrow functions очень хороши в цепочке итераций. twitter.com/SilentImp/stat…

20:25
@cssunderhood стандартный jq-JavaScript vs es2015+dom api решение

Да не решал jq синтаксических задач, а es2015 не дает более лаконичный API. Огонь и вода все таки. twitter.com/SilentImp/stat…

20:27
@cssunderhood «цепочке итераций»?

each, map, filter и т. д. То же самое и с нативными методами. Объекты раскурочивать удобнее. jq никак не прячет их. twitter.com/SilentImp/stat…

20:28
@cssunderhood jQ решал и решает две основные задачи: кроссбраузерность и удобный синтаксис.

jQuery на синтаксис никак не влияет. Это БИБЛИОТЕКА, не язык. Просто код. twitter.com/SilentImp/stat…

20:29
@cssunderhood И, впоследствии, часть решений, использованных в jQ и других библиотеках стали частью стандарта.

Это никак не синтаксис. И до jq люди писали функции обертки. Библиотеку JS расширили, чтобы убрать повторяющийся код twitter.com/SilentImp/stat…

20:35
@cssunderhood если ты действительно отрицаешь заимоствование языком решений из фреймворков, то это очень странно.

Вот это синтаксис goo.gl/J66oW1. Встроенное API - это не то, что транспилят, а то, что полифилят. twitter.com/SilentImp/stat…

20:45
@cssunderhood к тому же мы очень далеко отклонились от изначального вопроса: зачем переходить на es2016. Скорость — нет. Лаконичность — тоже

Компактный код проще поддерживать. Меньше отвлекаясь на конструкции, больше думаешь о реализации. twitter.com/SilentImp/stat…

20:48
@cssunderhood each/foreach?

Изначально вопрос задан о транспиле. Никакие API не подразумевались. Что вы привязались со своим jQ. R.I.P. twitter.com/SilentImp/stat…

20:50
@cssunderhood … то же и короче. Вот почему я привязался к jQ. es2016 это не сферическая лошадь в вакууме. Это инструмент решения задач.

Ох, да причем тут jQ все-таки? Это инструменты для решения разных задач. Не замена они друг другу. twitter.com/SilentImp/stat…

20:55

Доброе утро, друзья. Рабочий день у меня сегодня загруженный, так что активности будет мало.

6:54

Сегодня хотелось бы поговорить о сообществах и митапах. Тема тут поднималась не раз, так что было бы неплохо обсудить неочевидные вещи

6:56

Начну с того, что отсутствие в нашем городе каких-либо сходок веб-разработчиков и конференций побудило меня начать это самому.

6:57

Так появилась группа вконтакте vk.com/frontseagulls и чат в телеграме. Пока все только онлайн, но уже на подходе первая встреча.

7:00

Не хотелось ставить в название что-то вроде "dag" или "05", поэтому выбор пал на чаек. pic.twitter.com/cWJbHKkzOp

7:02

Чайки ассоциируются с морем, они классные и я их люблю.

7:04
@cssunderhood Ты когда-нибудь пробовал, например, чистить рыбу на берегу, где много чаек?)

Нет :D Но бросался хлебушком зимой, а они ловили его на лету. Было красиво. Даже фоточки есть где-то. twitter.com/webholt/status…

7:10
@cssunderhood как попасть в чат?

Пардон, проглядел.
telegram.me/frontend_seagu… twitter.com/WestonCharles/…

7:27

У каждого региона и даже города есть свои предпочтения в соцсетях и мессенджерах, которые делятся по сфере интересов.

7:30

Поэтому самым популярным и активным местом обсуждения стал даже не вк, а чат в телеграме.

7:31

Пробовал и гиттер и слак. В слаке даже набралось сколько-то людей и воцарилась тишина. Необходимость регистрироваться отсеивает много людей.

7:32
@cssunderhood телеграмм для таких вещей объективно удобнее. Слак хорош только для работы, для простого чата его функционал изботчен

+1. Slack больше подходит оффлайновым командам разработчиков, которым нужна удобная для обсуждения площадка. twitter.com/Sigiller/statu…

7:36
@cssunderhood @Sigiller слак ещё удобно для всяких онлайн-курсов использовать - каждый урок в отдельной теме, запиненые ДЗ и тд

На заметку! twitter.com/zhyvebelarus/s…

8:02

Вопрос к жителям "не-столиц". Какие конференции вы посещаете, участвуете ли и как они вам помогают?

8:13

Когда-то давно у нас проводился DjigIT, который благополучно пропал. Кроме этого неоткуда черпать опыт проведения таких мероприятий.

8:14

В том плане, что закулисье обычно бывает не таким простым и очевидным, как поначалу кажется.

8:15

Тут очень помогает доклад @olmokhov "Путь бобра".
youtube.com/watch?v=b7kFvT…

8:16
@cssunderhood @olmokhov Таки ты посмотрел и оценил (=

Посмотрел, оценил, вдохновился, понял, что это не фантастика, и начал. twitter.com/webholt/status…

8:19
@cssunderhood зачетное название для конференции в вашем регионе 👌

Да, название отличное. Жаль, что организаторы куда-то пропали. Там был и геймдев и микроконтроллеры и много другого twitter.com/rboykov_/statu…

8:20
@cssunderhood ездил в Харьков, Киев и Москву на конференции. Узнавал новые фишки, общался с людьми. Это давало понимание некоторых вещей
8:21
@cssunderhood ну разные бывают. обычно компании проводят. itnonstop, javaday. И фонды (ФРИИ). Если ты эксперт, особо не помогает) это связи
8:44
@cssunderhood в моем городе Гродно ничего подобного не было :( смотрела онлайн и ездила. а потом перебралась в Минск.
8:45
@cssunderhood иногда проводятся необычные встречи, правда. По дизайну и мини-воркшопы. Это наиболее полезные сходки) иногда приглашают топов
8:46
Макетов нет, но вы держитесь!
9:20

А есть среди вас верстальщики и фронтендеры, которые в работе используют все то, о чем рассказывают на конференциях?

12:11

Просто я смотрю, вдохновляюсь, пробую, изучаю, а потом прихожу в офис и лезу в мешанину битрикса чинить костыли.

12:11
@cssunderhood было. типа фронтенд, а занимаешься версткой ) думаю, все от проджект менеджера зависит. интересно где крутую команду найти
12:25
@cssunderhood если честно, я вообще не использую препроцессоры, сборщики, git и живу нормально)
12:30
@cssunderhood зачем себя так мучать? Нет работы с нормальным стеком технологий? Битрикс - адок тот еще

Увы, нет. На фреймворках работают одиночки-фрилансеры. Студии поголовно сидят на CMS twitter.com/id2473/status/…

12:41

Не сразу) @_yukkat

13:45
@cssunderhood в двух местах работала с битриксом. Фронтенд всегда настраивали как хотели
13:45
@cssunderhood если компания помогает с переездом?

Не все помогают) И это надо еще дистанционно заинтересовать. У меня такого пока не было. Только удаленка. twitter.com/olmokhov/statu…

14:09
@id2473 @cssunderhood есть вариант спрятать битрикс за nginx, вместе с nodejs, и поручить последнему фронт. А битрикс пусть json ему отдаёт.

мсье, да вы проказник twitter.com/vitkarpov/stat…

15:17
@cssunderhood А что смущает в 5-6 классах на диве?

Мне лично кажется это ненормальным. 2-3 класса - самое оно twitter.com/midler/status/…

5:27
@cssunderhood не знаю, как там с крупными проектами, но я смысловые названия пишу. searchmd, newsmd и подобное. Чтоб по названию было ясно.
5:27
@cssunderhood А зачем 5-6 классов? Это какое-то адовое миксование. Это надо решать на этапе проектирования блоков.

Часто бывает, что даже в утвержденном проекте начинаются правки. Причем лавиной - сначала немного, а потом - вагон twitter.com/moskwin/status…

5:28

Как работать с CSS-препроцессорами и БЭМ: nicothin.github.io/idiomatic-pre-…
/via @moskwin

5:29
@cssunderhood а как это решается без БЭМ и блоков/модификаторов?

Изменяем код как и в БЭМ twitter.com/soulmusic/stat…

6:31
Соглашусь. Один — класс от блока, второй — модификатор (если нужен). Ну и максимум третий — класс миксования. @cssunderhood
6:31
Если это layout-элемент, то класс от блока layout__ может быть. @cssunderhood
6:31
Если 5-6 классов и при этом — это «БЭМ», то это уже не БЭМ, а классянка. БЭМ — это как раз про уход от атомарности. @cssunderhood
6:31
@moskwin single-responsibility principle, functional CSS и все такое @cssunderhood
6:31

Я бы выбрал первый вариант. Комьюнити, поможете Александру с выбором? :) twitter.com/AlexanderEin/s…

11:54
@cssunderhood бэм совсем не провоцирует на использование 5 классов на блоке. Стоит сначала разобраться в теме, потом ненавидь наздоровье.

Разбирались в коде любителей БЭМа. Спасибо, заберите обратно twitter.com/f0rmat1k/statu…

11:55
@cssunderhood Видимо, ты разбирался в коде тех, кто не умеет БЭМ. Как в анекдоте - "мне Рабинович напел - не понравилось".

Всяк кулик своё болото хвалит. Сколько ни слушал верстальщиков: "у всех все плохо, но вот у меня!.." twitter.com/DmBabenko/stat…

12:20
@cssunderhood Ты что, смотришь в HTML, а не BEMJSON?

Я смотрю в Slim: slim-lang.com twitter.com/ruGreLI/status…

14:24

Всем доброго вечера! Сегодня чуть-чуть позже хотелось бы обсудить с вами собственные проекты и поделиться своим опытом в их разработке

16:24

Вы ведете свои проекты? Вечерам или в выходные? :)

16:57

1) Честно - много раз пробовал, но забивал ибо сил не хватает на это. Нужно 100% времени уделять на проект, иначе сроки затягиваются...

16:57

2) ...желание пропадает, приходят новые идеи проектов, которые более приоритетные и еще масса причин. Поэтому лекарство - фуллтайм!

16:58
@cssunderhood Есть ещё вариант «прямо на работе» (=

Кто ваш работодатель, если не секрет? ;) twitter.com/webholt/status…

16:58

Один проект хорошо зашел - я получил поездку в Кремниевую долину от Казанского ИТ-парка на 2 недели. Было очень круто. Проект в итоге закрыл

17:00
@cssunderhood Не секрет, но я разве говорил, что сам этим занимаюсь?)
Что, кстати, под проектом подразумевалось?

Да, давайте дадим определение. Собственный проект - то, что вы делаете для того, чтобы был пассивный доход twitter.com/webholt/status…

17:01
@cssunderhood Не секрет, но я разве говорил, что сам этим занимаюсь?)
Что, кстати, под проектом подразумевалось?

Будь то сервис, шаблон для ThemeForest или тому подобных twitter.com/webholt/status…

17:01
@cssunderhood Ну то есть они добросовестно выполняют свою работу и остаётся достаточно много времени на левую (фриланс чаще, чем проект).

про фриланс мы поговорим в другой день ;) twitter.com/webholt/status…

17:04
@cssunderhood Я к тому, что у людей есть время на подобное. Но чаще при этом основная работа у них не шибко крутая (хоть и уместная).
17:08
@cssunderhood мои проект - моя работа. Я стартапер)))
17:24
@cssunderhood Я веду свой проект, кажется, круглые сутки:)
17:40
@cssunderhood На счёт того, что на это уходит всё свободное и не свободное время - абсолютная правда!
17:44

Сегодня вышла статья на @smashingmag о БЭМ: Борьба с 10-ю основными проблемами в БЭМ: smashingmagazine.com/2016/06/battli…

19:08

Большой материал на тему прокрастинации: Почему прокрастинация полезна: vc.ru/p/adam-grant-t…
БРОСАЕМ РАБОТУ И ПРОКРАСТИНИРУЕМ! %)

19:20

Вчера на vc.ru задали вопрос: Как совместить постоянную работу и стартап: vc.ru/p/problem-14879

20:11
@cssunderhood не всегда есть силы и желание сидеть за компом после работы
20:29
@okunev @cssunderhood глобальный импорт в Less доступен в виде плагина less-plugin-glob. Под капотом все прелести Glob.
9:02
@cssunderhood хелп, не могу найти туториал по параллакс эффекту, как здесь 8eight.co.il со всеми этими бургерами. Не подскажете?
9:02
уволившись с работы (учитель), подумала: А почему бы не пойти в верстку. И заверте... twitter.com/cssunderhood/s…
9:03

@cssunderhood @Fabian_Lagrange Ссылка на плагин не та =) github.com/htdt/parallax

9:33

Сегодня давайте поговорим про визуальщину и дизайн.
Дизайнер и верстальщик - друзья, враги, один человек? Ваши варианты

9:37
@cssunderhood должны гармонично дополнять друг друга)
11:01
@cssunderhood с дизайнером нужно дружить, тогда ваша работа будет приятней:) особенно в мелочах это может проявиться сильно
11:01

А должен ли дизайнер уметь верстать? А верстальщик понимать в дизайне?

11:33
@cssunderhood на западе дизайнеры верстают ) понимать верстку нужно, чтобы диснейленд не рисовать. Верстальщик - насмотренность на behance?)
11:36

Да, у нас произошло разделение этих профессий. Сейчас верстальщики больше из технарей ребята @PMarinchenko @cssunderhood

11:42
@cssunderhood Естественно. Это ж одна профессия.
11:42
@cssunderhood Дизайнеру уметь верстать не помешает. Верстальщик обязательно должен понимать в дизайне.
11:42

Как думаете, в будущем, обьъединение професии будет? Или будет полное разделение?

11:43

Да не, ты передёргиваешь. Просто функции вертальщика должны поделить верстальщик и программист @ardshock @GolubevVictor

13:03

Тьфу! Отвлекли. Дизайнера имел в виду. @ardshock @cssunderhood @GolubevVictor

13:08

Ладно, это всё холивар.
Лучше скажите, как Дизайнер передаёт вам анимации в вёрстку?

13:09
@cssunderhood спрашивает у меня(!) можно ли что-то реализовать,мы советуемся, ищем прототипы или видео,устно составляем тз вместе и делаем:)
13:46
@cssunderhood я пару раз делал их в AE или сам наверстывал в codepen и кидал ссылку
13:54
@cssunderhood рисует в after effects, утверждает с заказчиком, а потом присылает мне *.mov
*убейте меня*
13:55
@ardshock @GolubevVictor @cssunderhood Дизайнеры, как программисты, делятся по классам. Веб-дизайнеры могли бы верстать. Иллюстраторы - нет
13:55
@cssunderhood @napilsya сейчас рисую / верстаю сам, в т.ч. и на фрилансе. Так проще.
17:28
@cssunderhood верстка это навык, а не профессия.
17:42

Меня ещё попросили узнать best practice анимаций и GreenSock. Так что если есть чем поделиться, пишите!

17:48
@cssunderhood по GSAP куча туториолов. На codepen куча примеров, ищи.
19:44
@GolubevVictor @ardshock @cssunderhood Господи, это вёрстка должна основываться на дизайне. Никак не наоборот.
19:44
@cssunderhood будущее — t-shaped skills
19:44

Я обещал другой формат. Сегодня пробую паттерн «аргументированный наброс», а заодно — немного смежную и более «человечную» тему — сотрудники

9:41
Желание стартовать ночью вызвано стремлением понять срез местной активной аудитории перед началом недели. Итак, вы:

В начале недели я опрашивал по составу местной активной аудитории.Срез небольшой,но наверное как-то отражает отрасль twitter.com/cssunderhood/s…

9:43

Обратите внимание, всего 10% женской аудитории. На мой взгляд, это странный результат. Наброс: вёрстка скорее женская профессия, чем мужская

9:46

Аргументировать наброс буду на основе личного опыта, но, возможно, у кого-то есть схожий/альтернативный — не стесняемся, реплаим

9:48

Если вы посадите в абстрактном вакууме верстальщика и верстальщицу с одинаковым опытом, скорее всего женский код будет качественнее

9:49

Ясно, что критерии качества сложны, но можно выделить простоту, но не примитивность, аккуратность. Возможно, он будет даже документирован

9:51

Почему так? Девочки почему-то внимательнее следуют рекомендациям, правилам, не срываются писать велосипеды — ровно, предсказуемо работают

9:53
@cssunderhood при одинаковом сроке?

Но если было всё так просто, то наверное, результаты опроса значительно отличались бы. Хороший вопрос twitter.com/dcromster/stat…

9:54

Всё меняется в агрессивных условиях работы. При фоновом стрессе выигрывают эмоционально выносливые люди. Сколько стресса на вашем проекте?

9:56

Кроме того, склонность писать велосипеды (даже очень плохие велосипеды) иногда реально «выстреливает», окупая негативные издержки

9:58

Кроме того, способность принимать рискованные решения, катить «решето» в прод под свою ответственность — то, чего иногда недостает

10:00

Зачем я тут всё это пишу: не с целью кого-то задеть или наоборот. Полезно понимать особенности сотрудников и использовать их сильные стороны

10:01
@cssunderhood какого рода стресса?
10:01
@Sigiller @cssunderhood Проект надо сдать вчера, о нём узнали только сегодня, а он ещё и требует нетривиальных решений.
10:01

Вообще понятие стрессовой ситуации у всех людей разное. Кому-то, например, вообще сложно жить с фиксированным сроком запуска промо-акций

10:03

С коллегой-девушкой почти всегда проще договориться,если в проекте она играет роль ведомой.Возможно, ведущей—тоже,но тут у меня меньше опыта

10:04

Если у вас в команде верстки есть девушка — хорошо. Попробуйте перераспределить задачи так, чтобы вам шло больше треша, ей — меньше

10:06

Речь не про джентльменов и вот это все. Просто такой подход скорее всего окупится по результату.

10:07
@webholt @cssunderhood впрочем это я бы стрессом не назвал. просто придётся посидеть подольше. но переработки-то все оплачиваются

А вот кстати переработки могут не всегда оплачиваться. Принуждение к переработке без переоплаты — тоже стресс twitter.com/Sigiller/statu…

10:09

Старайтесь приглашать девушек в команды. Да, это может менять командную атмосферу, но заставит вас посмотреть на ваш код под другим углом

10:11
@cssunderhood но вроде как в приличных конторах такого не бывает?

Ну вот в ok нет понятия переработок. Есть понятие ежегодной премии, которая как-то формируется twitter.com/Sigiller/statu…

10:12

Если вы собеседуете девушку, которая немного «не дотягивает», возможно, лучше отнестись чуть более лояльно, отдать кусок задач «попроще»

10:14
@cssunderhood это если есть свободные деньги у компании.

Это хороший и глубокий комментарий, я попробую ответить на него чуть позже twitter.com/bayevn/status/…

10:16
@cssunderhood но у вас переработки я так понимаю - это экстренная ситуация и по идее их вообще не должно происходить?

Всё зависит от того, что считать переработкой. Деплой ok идет только ночью, иначе риск упасть — это переработка? twitter.com/Sigiller/statu…

10:17
@cssunderhood недавно слушала тему о формировании команды. Найм девушек важен не сколько из-за распределения обязанностей, сколько
10:18
@cssunderhood для социальной стабильности внутри команды. То, о чем ты пишешь, можно применить к любому джуну, вне зависимости от полу. :)
10:18

С утверждением о применимости моих утверждений к любому джуну не согласен по опыту. Просто особенности хорошо видны на граничных ситуациях

10:19

У меня была кандидатка, которая руками обновляла весь html на проекте, вместо докручивания туда любого шаблонизатора. Никто не заставлял

10:21

@cssunderhood это граничный случай. Практически любому джуну-мальчику было бы тупо лениво всё это перебирать руками

10:22
@cssunderhood когда команда однополая, в силу законов человеческой природы начинается дедовщина и перераспределение гендерных ролей.
10:22
@cssunderhood В итоге устанавливается нездоровая система отношений, которая ухудшает выполнение профессиональных задач.
10:22
@cssunderhood ну по ночам за так сидеть тоже не особенно-то приятно.

Мне кажется, в крупных компаниях есть негласное понятие «лояльности», когда на какие-то вещи взаимно закрывают глаза twitter.com/Sigiller/statu…

10:24

@cssunderhood стандартный внутренний мем ok — с утра накатывал [апдейт], буду позже/работаю из дома/поликлиники/маршрутки

10:26
@cssunderhood Тут как с готовкой: обычно готовят женщины, но лучшие повара — мужчины. Если нужно хорошенько подумать, вряд ли она справится.
10:28

Смотрите, еще один наброс: хороший сотрудник — не обязательно хороший специалист

10:28

На каждом своём месте работы я рано или поздно начинаю собеседовать людей.Не все люди,которых я взял,идеально верстали.Кто-то вообще не умел

10:31
@ruGreLI @cssunderhood наверное потому, что девушек воспринимают как эфемерные создания для украшения пространства и не предъявляют

Такого вообще никогда нигде не встречал. Проще посмотреть в дифф, на стейдж, чем в соседнюю ячейку опенспейса twitter.com/SheVasya/statu…

10:32

@cssunderhood зато каждый человек оказался порядочным, обладал конструктивными личными качествами. Я не знаю, как так вышло =)

10:35
@cssunderhood и обратное тоже верно
10:39
@cssunderhood но из хорошего сотрудника можно сделать хорошего специалиста. а вот обратный процесс гораздо сложнее, если вообще возможен
10:39
@cssunderhood но брать очевидный якорь - зачем?

Зависит от контекста. Якорь удобно затачивать под конфигурацию корабля, если руки позволяют twitter.com/SheVasya/statu…

10:41

@cssunderhood если говорить человеческим языком, то я упоминал, что в среднем девушки более внимательно относятся к правилам и рекомендациям

10:43

Смотрите мой негативный опыт: в ok хантят суперспециалистов. Суперспециалист — часто суперличность, с суперопытом и суперуверенностью

10:45

Даже на этапе собеседований с таким человеком может быть некомфортно договариваться. После приема на работу тоже бывают нюансы общения

10:48
@cssunderhood я понимаю, что крупным компаниям выгодно так поступать, но и джунов для обучения они набирают пачками вне зависимости от пола.

А джунов на верстку мы не берем совсем, потому что высокий порог входа. До ok много брал, но тут всё иначе twitter.com/SheVasya/statu…

10:50

Стандартная проблема специалистов — убеждены, что их личный опыт может перевешивать проектный. Это может быть некорректно в сложном проекте

10:57

@cssunderhood какая-нибудь специфика, по которой (примитивный пример) ресурсы клеят в спрайты, а не в base64, или наоборот

10:58

Я видел случаи, когда проектнонеприменимые предложения суперспециалистов отклоняли, они «ломались», и больше толка от них не было

11:01

Я оставлю в стороне рассуждения, почему это плохо вообще для всех, и перейду к способам борьбы с такими проблемами

11:04

В ok есть стандартный процесс «менторства». Кажется, он применяется не во всех командах, но у верстальщиков он точно есть

11:09

Он длится весь испытательный срок (3 месяца) и подразумевает наставничество и контроль. Не все задачи в этот период могут быть продуктовыми

11:11
@cssunderhood не согласен с таким подходом, это какой-то сексизм, но в другую сторону

Мы все разные, и это не хорошо и не плохо. Нужно учиться видеть в этом сильные стороны и уметь ими пользоваться twitter.com/dimaip/status/…

11:13
@cssunderhood соединить какие-то хорошие вещи и сложный проект вообще может быть той ещё задачей по сложности.
11:14

С точки зрения нашего руководства выход на реальные задачи для свеженанятого верстальщика—месяц.На практике всё сложнее,и зависит от ментора

11:17

С чего я вообще всё это начал: каждый из вас рано или поздно может оказаться ментором в вашей команде, со всеми вытекающими последствиями

11:20

Процесс менторства при найме крайне полезен как для кандидата, которому нужно облегчить коммуникацию с коллективом, вхождение в стек,

11:22

@cssunderhood оградить его от лишней нагрузки на старте,оберечь от лишнего стресса,«сгорания»,прикрыть его косяки,дать раскрыть способности,

11:24

@cssunderhood так и для ментора. Систематизация инструкций, аргументация причин решений, последовательность усложнения задач, вовлечение ->

11:27

@cssunderhood в атмосферу коллектива, подбор «подходящих» задач под уровень, контроль подопечного — всё это позитивно сказывается на менторе

11:29

Раньше в ok новый сотрудник начинал с работы над «библиотекой компонентов», которая не обладала привязкой к проду, но сохраняла специфику

11:32

Этот подход позволял приучить человека к кодстайлу,процессам ревью,обсуждениям и критике до того,как это негативно сказывалось бы на задачах

11:33

До ok было удобно менторить, сажая сотрудника на проект рядом с собой. Так и контролировать проще, и создается командная согласованность

11:36

С контролем нового сотрудника вообще очень сложно: плохо недоконтролировать и плохо переконтролировать. Тут где-то в области интуиции

11:37

Недоконтролируете — сотрудник потеряет время на разработку заведомо бесполезных, некорректных вариантов,переконтролируете — оба потеряете ->

11:39

@cssunderhood -> время на избыточные обсуждения. Во втором случае будет трата вашего, более «дорогого» времени, тут аккуратно нужно

11:41

Вообще, навык делегации задач значительно сложнее, чем это может показаться. Без него никак — чем выше ваш уровень, тем меньше у вас времени

11:45

Тактика наброса хороша тем, что привлекает внимание, но плоха тем, что за развитием темы уже не следят. Хотя фоновые обсуждения — хорошо

11:47

Сделаю еще одну попытку. Наброс: хантить сложнее, чем хорошо верстать

11:50

Каков возраст вашей легаси-верстки? Во сколько бы оценили стоимость её поддержки? (Любая хорошая верстка рано или поздно становится легаси)

11:53
@cssunderhood в первый год работы верстка становится легаси практически ежемесячно)
12:01

Наверное, логично, что слабый фидбэк по легаси коррелирует со слабым фидбэком по рефакторингу. Я тогда за себя: в промопроектах, например,

12:22

@cssunderhood код запросто может устареть за полгода. В ok можно найти используемый код какого-нибудь 2007 года. Специфика, вы понимаете

12:23
@cssunderhood О этого всем будет плохо, если он не один.
12:23
@cssunderhood Зависит от того, кто автор :-/ У некоторых она становится легаси в момент коммита.
12:27

На самом деле сколько бы у вас ни было легаси кода и как бы ни было тяжело его поддерживать, это не так страшно, как найм «не того» человека

12:31

Если вас привлекают к собеседованиям на каком-нибудь этапе процесса найма, ответственность, наверное, не так сильно ощущается

12:33

Когда принимаешь решение о найме единолично — тяжело. Когда принимаешь решение об увольнении — еще сложнее. Кажется, это не для всех

12:35

У меня небольшая карьера верстальщика — лет 5, я начинал с построения отдела верстки. На аутсорс, как продукта, тогда было не очень много

12:37

Сделать свой бизнес бывает заманчиво. Возможно, кому-нибудь из вас из этого опыта что-то пригодится

12:38

Руководство предполагает, что финальную ответственность всегда несешь лично ты. Ты несешь её в три стороны — заказчику, подчиненному и себе

12:40

Сложнее всего отвечать перед подчиненными. Можно отказаться от проекта или уволиться самому, но увольнять/штрафовать людей — плохо

12:42

Отсюда важно сформировать коллектив, на который можно рассчитывать в экстренных ситуациях. Достаточно автономный в работе, например

12:43

Отсюда критично понимать распределение ролей участников коллектива в случае отсутствия руководства.Формирование мягкой иерархии без «базара»

12:45

Каждый из участников вашей команды силен в своей области. Отдайте ему эту зону ответственности, делегируйте — результат будет качественным,

12:46

@cssunderhood сотрудник будет морально удовлетворен, внутри коллектива будет формироваться взаимное уважение (делегировать — сложно,я писал)

12:47

Сохранять авторитет внутри команды — сложно, особенно, если подчиненные растут быстрее тебя (больше практики, меньше бюрократической возни)

13:17

В этой ситуации нет механических инструментов; важно признавать рост человека, поощрять его интересными задачами, возможно, премиями

13:18

Плюс к авторитету может дать вовлечение нового человека в профессиональный инфопоток.Сейчас таких каналов больше, неясно, хорошо это или нет

13:20

Сагитируйте своих коллег на _совместное_ посещение бесплатных конференций. От этого профит больше, чем от коллективного чтения твиттера

13:21

Шаг назад к теме найма: какое количество людей оптимально для максимальной эффективности отдела? 7-8 человек. Параллелят 2-3 проекта

13:23

Важно не перенабрать людей. Во-первых, тяжело и сложно увольнять. Во-вторых, неудобно координировать. Сложнее дифференцировать задачи

13:24

Специфика микростудий: руководитель может самостоятельно искать заказы подчиненным, чтобы вообще было чем им платить. Малоприятная ситуация

13:25

Меня спас аккаунт на фриланс.ру, который, в силу потока производства и общего качества поднялся, дал возможность найти постоянных клиентов

13:27

Тему оценки проекта до меня поднимали. Дополню схемой работы того отдела, удачными и неудачными решениями оценки времени и стоимости

13:29

50% времени сверху — минимальный запас времени. Съедается на стыковке модулей, тестировании, устранении первичных недоработок, форсмажорах

13:30

Мы тогда работали «вчерную». Отчисления шли только на аренду, инфраструктуру, покрытие издержек сотрудникам при отказе заказчиком от проекта

13:32

Целились в преднизовую нишу рынка — не так, чтобы треш, но чтобы з\п были в районе 30к рублей. 5 лет назад это было терпимо для найма

13:34

Цену проекта формировали по статическому прайс-листу, исходя из «примерных» временных трудозатрат. Что-нибудь в духе «одна страница — 300р»

13:35

Ясно, что такая оценка смешна, но в среднем з\п на фуллтайме вполне могла пробивать 30к, если человек работал. Речь о _простой верстке_.

13:36
@cssunderhood это если есть свободные деньги у компании.

А вот теперь я вернусь к комментарию про «свободные деньги». Свободных денег у нас не было никогда,но схема работала twitter.com/bayevn/status/…

13:40
@cssunderhood а как должно быть? Работники сами должны искать себе заказы?

Вообще у нормальных людей бывает отдел продаж. Поиск заказов руководителем отдела верстки — странная практика twitter.com/ardshock/statu…

13:41
@cssunderhood надо просто определиться, менеджер ты или программист. И расти в конкретной области.

Надо просто не бояться и не ограничивать себя спецификой написанного в трудовой twitter.com/SheVasya/statu…

13:42
@cssunderhood ничего себе небольшая :)

На этой неделе мне реплаят люди с опытом работы > 10 лет, по блогам которых учился — представляете, какой опыт ) twitter.com/SheVasya/statu…

13:44

Еще рекомендации «коллективного» плана: собираетесь увольняться — говорите об этом заранее и только тем людям, которых зааффектит явно

13:51

Если у вас в коллективе есть человек на ваше место — спросите, интересно ли ему заниматься вашими задачами. Представьте его руководству

13:52

Если такого человека нет, постарайтесь его найти заранее, чтобы успеть передать все свои дела без накладок. Обычно помогает опрос знакомых

13:53

Вы можете быть со мной не согласны в моральном плане, но я считаю корректным «переманивание» сотрудника из другой компании в его интересах

13:54

Например, если вы гарантируете, что ваш текущий работодатель будет лучше выполнять обязательства и гарантирует лучшую оплату труда

13:54

Важно не забывать, что в момент вашего увольнения у вашего работодателя почти всегда возникают проблемы, лучше их минимизировать

13:57

Ну то есть, побыв в шкуре такого работодателя, начинаешь как-то более внимательно относиться к проблемам в т.ч. «старших» коллег

13:58

Я упоминал об ответственности перед собой. Важно следить, можешь ли выполнить обещания, данные подчиненным, например, при собеседовании

14:01

Я ушел с позиции руководителя, когда не смог выбить для подчиненных переход с «черной» схемы оплаты в «серую». Говорят, потом им всё сделали

14:02

Хотите начать карьеру руководителя — постарайтесь быть уверенными во всех качествах вашего партнера. Или заранее запасайтесь деньгами

14:04
@cssunderhood добавь только сюда "на неограниченное время" :) потому что с ограниченным - будет наоборот.
14:04

Теперь я готов поотвечать на ваши вопросы о личном опыте _не в ok_

14:11

Формат наброса не оправдался. Завтра попробуем обсуждать «всё спорное»—от инструментов до сайд-проектов. Вы кого-то:

15:08
@cssunderhood Коллективное чтение твиттера? Это когда все садятся в кружок и кто-то зачитывает вслух твиттер?

Ну да, это когда у вас есть общий чатик и в нем расшаривают занятные ссылки twitter.com/ruGreLI/status…

15:37
@cssunderhood аа отдела, ещё и верстки… А если в копании 3 человека?

Мне кажется, найти проект на 3х человек проще, чем на 7 twitter.com/ardshock/statu…

20:10
@cssunderhood зачем люди в России работают за такие деньги, если есть западный рынок?

У нас были и западные заказчики, кстати. Платили больше, но и времени на их проект уходило больше twitter.com/dimaip/status/…

20:11
@cssunderhood @sapegin надоело находится в текущем месте. Я, например, не могу жить больше года без изменений.
7:44

Привет, ребята.
Сегодня утром было безумно много работы, ну и ещё я поставил себе покемонов, да.

10:13
@cssunderhood принципиально не снимаю жилье дальше получаса езды, т.к. 30 мин. позволяет собраться с мыслями перед работой и отдохнуть после
10:13

Сегодня у нас тема дня: «Обучение»

10:14

Ещё 9 лет назад я даже не думал, что буду разработчиком интерфейсов.

10:20

8+ лет назад я закончил школу и выбирал специальность просто по названию – какое круче звучит и чтобы не эконом. Каюсь, да.

10:26

Вообще, мне кажется, что проблема выбора специализации у оканчивающих школу катастрофическая. Как думаете?

10:27
@cssunderhood я, например, пошёл в универ, чтобы в армию не забрали. а специальность выбирал по принципу - что лучше знаю. поэтому ИстФак)
10:35
@cssunderhood никакой профориентации в принципе нет, поэтому часто выбор образования совершается от балды совершенно.

Это боль, конечно. Наблюдал, много случаев, когда доучиваешься до курса X и уже всё, что есть не нравится :( twitter.com/Sigiller/statu…

10:56

Университет – специфичное место: пары, окна и прочее. Нравятся больше предметы с харизматичными преподами и сложные предметы. Парадокс.

11:00
@cssunderhood ну и опять же, люди перед поступлением ходят на ВУЗы сморят, а надо ходить смотреть на потенциальных работодателей
11:01

Реальность должна быть ближе. Рассказывать про профессии. Как в американских садиках встречи с людьми разных профессий. @Sigiller @borovikov

11:04
@cssunderhood в чем парадокс?

Сложное обычно никому не нравится. twitter.com/Sigiller/statu…

11:05

Очень популярная тема сейчас "полезности" предметов. Кстати, как вы считаете, все ли предметы полезны в будущем?

11:07
@cssunderhood что за покемоны? О_о

Олег, ну ты чегооо? meduza.io/cards/kak-igra… twitter.com/olmokhov/statu…

11:09

Что вам больше всего нравилось в университетском обучении? Или же во что стоит немного вложить, что стало значительно лучше?

11:11
@cssunderhood мне нравится (еще учусь) настраивать коммуникации между мной и преподавателями [1/2]
11:28
@cssunderhood для того, что бы можно было одновременно учиться и работать. Университет учит решать практически все жизненые ситуации [2/2]
11:29
@cssunderhood я корки о вышке получал уже зная большинство предметов, но на 4м курсе так достали семинары и куросовые - чуть не бросил

Я учился все 5 лет без перерыва, но знаю людей, которые брали академ. Как думаете легче ли так учиться? twitter.com/andrew_yesin/s…

11:44

По опыту работы, кажется, что в it особо не смотрят на высшее образование (было бы хорошо). Ты должен просто всё знать. ВО вообще помогает?

12:08
@cssunderhood у меня друг брал два академа и два раза менял специальность в универе и в итоге работает по последней. Так что может и да
12:08
@cssunderhood есть пара друзей, которые за счет академов вышку растянули на 6 и на 9 лет ) но думаю это не облегчает учебу
12:41
@cssunderhood без диплома рабочую визу в ЕС не дают. Пожалуй, только тут он пригодился
12:41

Кстати, а вы знали, что компании приходят в университеты и делают курсы? Что думаете? Олег @olmokhov писал об этом во время своего андерхуда

13:49

Во время моей учёбы такого не было. Кажется, что такие курсы – это бомба.

13:51

Универ уже давно позади, но всё больше учусь: язык, онлайн курсы, оффлайн курсы, статьи, документация, опенсорс, подкасты, литература.

13:54
@cssunderhood помогает, учит коммуникации как минимум.

Да, взаимодействие и социальная динамика это безумно важно, но «специальные» знания тоже остаются? twitter.com/ermo4enkov/sta…

13:56
Универ уже давно позади, но всё больше учусь: язык, онлайн курсы, оффлайн курсы, статьи, документация, опенсорс, подкасты, литература.

Достаточно ли унив.знаний для того, чтобы быть конкурентным? Кто как учится после получения ВО: курсы, митапы? twitter.com/cssunderhood/s…

13:58
@cssunderhood мне моё экономическое образование в работе не пригодилось, а вообще очень даже пригодилось

Я взорвался и ничего не поооонял :( twitter.com/Sigiller/statu…

14:00
@cssunderhood я по образованию инженер. Мне в жизни помогает только широким кругозором и пониманием того, что задачу можно решить по-разному
14:00
@cssunderhood пригодилось вообще в жизни, но не в работе.
15:56
@ermo4enkov @cssunderhood Правильное инженерное образование — это понимание того, что часть задачу можно вообще не решать.

Мощно 😂 А меня университет научил учиться, как мне кажется. twitter.com/webholt/status…

15:57

Переместился работать с работы домой. Перекушу и через минут 20 продолжим.

15:59
@cssunderhood зачем быть конкурентным? Спрос выше предложения. Можно просто заниматься тем, что нравится

Зависит от амбиций же!111 twitter.com/vladimore/stat…

16:32

Как считаете, есть ли разница между получением знаний на таких курсах в университете или же онлайн курсах, например, на той же курсере?

16:39

И вообще, получается ли учиться на онлайн курсах?

16:40

У тебя был опыт обучения на @HexletHQ, @coursera и @HTMLAcademy. И каждая из них – это различных опыт. Они абсолютно разные.

16:42
@cssunderhood Я бы спросил: есть ли польза от того или другого :-)

Я немного перефразирую :) В оффлайн курсах ты получаешь знания и навыки, а в онлайн только сертификат? twitter.com/sapegin/status…

16:43

И ценно ли само наличие сертификата для повышения собственной ценности?

16:44

За этот год я успел побывать ментором на спец.курсах в УрФУ и наставником в базовом интенсиве в @htmlacademy_ru.

16:46

Сначала мне казалось, что это что-то похожее и ворфлоу примерно один и тот же, но это совсем не так.

16:47
У тебя был опыт обучения на @HexletHQ, @coursera и @HTMLAcademy. И каждая из них – это различных опыт. Они абсолютно разные.

* у меня, очепятка, да twitter.com/cssunderhood/s…

16:49

В университетских курсах учиться "проще", потому что вся атмосфера вокруг про обучение, есть мотивация дойти зо конца – получить зачёт.

16:56

Ещё важно, что в университете есть отбор по знаниям.

16:57

Вариант онлайн-курсов более сложен тем, что обычно ты не можешь посвятить всё время курсам – это не единственная задача.

17:00
Вариант онлайн-курсов более сложен тем, что обычно ты не можешь посвятить всё время курсам – это не единственная задача.

Работа, дети. Может не хватать времени. На интенсиве были ребята, которые не могли выделить больше 30 минут в день. twitter.com/cssunderhood/s…

17:02
Работа, дети. Может не хватать времени. На интенсиве были ребята, которые не могли выделить больше 30 минут в день. twitter.com/cssunderhood/s…

А есть жёсткие тайминги и это тоже причина падения мотивации :( twitter.com/cssunderhood/s…

17:04
@cssunderhood учеба в университете это комьюнити, разные точки зрения, знакомства.Имеется очень важная соц.составлчющая
17:04

Как вы считате как стоить оценивать стоимость преподавания разработчиком предмета? Дорого или бесплатно? Если дорого, то как? #немногоХайпа

17:07
@rainrb Это только в немногих хороших университетах. @cssunderhood

Очень зависит от группы, я бы даже сказал. twitter.com/freiksenet_ru/…

17:07

С одной стороны это победа над собой, трата сил, прокачивание общения, с другой – реструктуризация знаний, приобретение новых @cssunderhood

17:11

Из каких соображений вы пошли/не пошли бы преподавать?

17:12

Теперь коротко затрону обучение на работе.

17:15

Всегда считал, что одна из самых важных составляющих работы – это обучение: тренинги, личная библиотека, встречи с просмотром конференций.

17:17

Делиться знаниями между командами – это тоже обучение.

17:17

Делаете ли вы что-то такое у себя на работе?

17:19

Упустил важное: онлайн-курсы дарят веру в то, что 2х недельные курсы сделают из тебя специалиста с пятилетним стажем. Это не так.

17:26

К обучению на работе отношу и конференции. Как слушатель или спикер, разницы нет.

17:28

Ездите ли в другие города на конференции или они проводятся в вашем городе? Выступаете на них или слушаете?

17:29

Был на разных форматах таких мероприятий и на них важны далеко не сами доклады, а общение между людьми и insights, которые могут озарить, да

17:31

Есть ли доклады, которые вам наиболее запомнились, показались уау?

17:32

Вспоминается старый, но не устаревший "36" bit.ly/1Mn9Wic (точно я не первый) и "5 минут" bit.ly/29DwU8K Вадима Макишвили

17:37
@cssunderhood ага. К концу школы так и не смог определиться куда идти. Пропустил год, потом поступил на психфак. В итоге бросил.
17:37
@cssunderhood twitter.com/twenty/status/…

Да, этот доклад Алексея @simonenko божественный. Подача и содержание отличные. twitter.com/twenty/status/…

17:39
@cssunderhood с другой стороны, вижу студентов, у которых ТААКИЕ знания, но они не могут их применить на практике. Батхёрт лютый.

Проблема в том, что университет обычно никак не показывает как эта теория применяется в реальной жизни на практике. twitter.com/doberbober/sta…

17:41
@cssunderhood Мне наоборот не понравился. @simonenko @twenty

Само содержание? Есть тот, который ты бы порекомендовал посмотреть? twitter.com/freiksenet_ru/…

17:42

Как считаете, теряется ли что-то полезное, если просто смотреть доклады в записи? (ну кроме бейджика, конечно)

17:44
@cssunderhood Доклады это самое бесполезное на конференции.
17:45

Как считаете, в чём отличие конференций с оплатой вами овер9000 за вход и бесплатными? Организация, кажется, у нах на аналогичном уровне.

17:49
@cssunderhood не всегда записывают вопросы из зала. Да и сам вопрос уже не можешь задать

А если трансляция или оффлайн посещение? twitter.com/boriscoder/sta…

17:50
@cssunderhood Наоборот, удобнее смотреть на повышенной скорости.
17:51
@cssunderhood Никогда не слышал про бесплатные конференции. Какая разница, всегда компания же платит.

YaC, YaC/m (events.yandex.ru/events/yac/), Web Standarts Days (wsd.events) с бесплатным участием, например twitter.com/freiksenet_ru/…

17:55
@cssunderhood Никогда не слышал про бесплатные конференции. Какая разница, всегда компания же платит.

🙈 twitter.com/freiksenet_ru/…

17:55
@cssunderhood йеп. Так работу получил. Htmlакадемию стандартный интенсив прошел
17:56
@cssunderhood здесь уже разницы меньше. В оффлайновой конфе разве что атмосферы праздника больше
17:56
@cssunderhood удручает перспектива разжевывать азы день ото дня

На старших курсах далеко не глупые ребята, но да, повторяться приходиться, согласен