Привет! Эту первую неделю осени с вами будет @meuwka, Минск.

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

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

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

Периодически накатывает желание поработать в крупной компании. Чтобы все как у людей: офис, команда, статус )

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

Поэтому я очень люблю читать фрилансеров, это мотивирует меня не сворачивать с него.

Но о личном больше завтра. Сейчас по горячим следам @frontend_union предлагаю обсудить

Я, к сожалению, смогла подтянуться онлайн только в конце. Все доклады, которые видела, были хороши! #func2015

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

В одиночку сложно двигать себя дальше. pic.twitter.com/Pzy4y1a1xv

@cssunderhood как быть если нет возможности посещать митапы и конференции? Из за отдаленности городов, в которых они проходят.

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

@vdv73rus @Bizi @cssunderhood вебстандарты делали отличную трансляцию #func2015 в твиттере, например. Плюс вроде записи будут позже

@cssunderhood @frontend_union styleguide, diffsync — супер.

@cssunderhood, приходите в Минск и в этом году, скоро объявим даты WSD.

@cssunderhood в этом плане удобнее возможность удалённой работы в проекте: можно и быть в команде, и работать откуда удобно в данный момент

@cssunderhood а почему ты решила идти своим путём? Не уж то компании зло?

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

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

@life_maniac @cssunderhood эволюция, ты всегда будешь недоволен своим результатом. А когда станешь доволен — пора на пенсию ))

@cssunderhood как собираешься прокачивать скилл JS?

@cssunderhood расскажи об окружении, ветовая тема плагинчики, редактор. Это все

Кстати, может кто подскажет, можно ли в WebStorm применить sass подсветку синтакса к css файлу?

@cssunderhood нужен ли jQuery верстаьщику, пора ли выкидывать его?

Как раз был доклад на эту тему "Прощай, jQuery!" c #func2015

@antonfrolovsky Какая-то нездоровая мания — выбросить Джейквери отовсюду. @cssunderhood

@antonfrolovsky @cssunderhood Он пока и не собирается умирать, третью версию же готовят.

@Sigiller плюсы: батарейки, меньше времени тратится на совместимость браузеров и syntax sugar для управления dom.

@Sigiller минусы: производительность(смартфоны страдают + 3g), борьба с зависимостями(bower решает). Главный критерий время и скилл кодера

@Bizi @cssunderhood впрочем, по-моему каждый год пытаются попрощаться с jQuery, но пока всё никак

@life_maniac @cssunderhood видео с выступлений будут в течение пары недель :)

@life_maniac @cssunderhood @Bizi а ещё если откажешься от jQuery, то первое время будут мучить острые фантомные боли)

@antonfrolovsky Например я спокойно обхожусь без Джейквери в Реакте, но просто сайты делать по-прежнему проще с ним. @cssunderhood

@cssunderhood Какие js фреймворки используешь чаще всего?

забавно, но jQuery, спрос. Есть небольшой опыт Angular, на заре его славы, мне он не понравился. Сейчас ковыряю React @alexpivtorak

@cssunderhood к слову о прокачивании JS - можно брать рядовой проект и делать его полностью без jQuery, если время позволяет конечно.

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

@cssunderhood @alexpivtorak но jQuery и React - это не фреймворки )

ну в общем-то да, библиотеки @amel_true @alexpivtorak

@smithua @Sigiller @cssunderhood какие альтернативы jQuery есть? Явно писать нативным JS не вариант

Vanilla JS??)) @smithua @Bizi @Sigiller

@cssunderhood давайте поговорим про вёрстку. Меня интересует отказ от Bootstrap и переход на Flexbox, сегодня это реально?

@dshster @cssunderhood простите, но в @getbootstrap v4 флексбоксы

@dshster @cssunderhood никогда не использовал бутстрап в верстке, а где его использовали программисты одна боль в кастомах.

@sapegin @cssunderhood можно развить в две темы, но я действительно упустил из виду bootstrap4...

Тут наверное дело вкуса, нет правильного рецепта. Я например в основном отказалась от Bootstrap, хотя 4 еще толком не смотрела @dshster

@Bizi @smithua @Sigiller @cssunderhood jQuery - набор утилиток от AJAX до анимации. Выбор профильных npm-плагинов более выразительный

@Sigiller @Bizi @smithua @cssunderhood а какая лучшая «ванильная» замена для $.ajax(...).done(...).fail(...).always(...)?

Верстальщики не согласятся. Хотя, надо их спросить. Ребята, были ли у вас сложности с JS как первым языком? twitter.com/alexfedoseev/s…

сейчас глянула вроде в 4 убрали наконец > li > a, но все равно вложенных селекторов много @sapegin @dshster

Встречала неплохое решение проблемы Bootstrap + БЭМ именование за счет использования @Extend и @include andersonorui.com/2014/08/08/boo…

@Sigiller @justusebrain @juwain @Bizi @smithua @cssunderhood зато стильномодномолодежно:). Но серьезно, лично мне с jQ пока спокойнее как-то

звездочку использую только раз в css, так: css-tricks.com/inheriting-box… @sapegin @solilin @dshster

@cssunderhood Пользуешься какой-нибудь методологией верстки?

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

Тут уже была кажется неделя БЭМ ) Так что не охото повторяться. Просто действительно полезно усвоить и перенять основные идеи оттуда.

Большое влияние на меня оказала также MCSS operatino.github.io/MCSS/

В общем поддерживаю отечественного производителя )

@cssunderhood Та же фигня: nano.sapegin.ru/all/opor-metho…

@cssunderhood есть другие походы для решения этих проблем. Например, CSS Modules лучше в некоторых областях

А поделитесь интересными ссылками по теме CSS Modules. Помню в каком-то докладе было, не могу найти.. Неплохая статья glenmaddern.com/articles/css-m…

@cssunderhood Прошу прощения что не по теме, сегодня активный день? Или это всегда так? :-) (Я первый день подписан.)

@cssunderhood почему микс, а не чистый БЭМ? В чём отличия?

Не всегда, но бывает ) Если я слишком шумлю в ленте, жалуйтесь, приму меры ) @DimMetal_92

@cssunderhood как сверяешь отвёрстанное с макетом? На глаз, pixel perfect, что-то третье?

@amel_true @cssunderhood gemini

Есть PerfectPixel Chrome extension, но у меня редко требуют @amel_true

Я вообще не люблю это словосочетание pixel perfect. Дизайнер редко когда может учесть все ньюансы. Иногда макеты вообще без логики

@amel_true @cssunderhood как вообще сверяют pixel perfect при адаптивном дизайне?только на тех размерах, под которые были нарисованы макеты?

@cssunderhood встречал случаи, когда после PP-протяжки по макету сайт прямо оживал внешне.

@cssunderhood …olookexactlythesameineverybrowser.com — старый сайт, но всё ещё нужный.

@sapegin @cssunderhood может я скажу кощунство, но зачем вообще нужен pixel perfect?

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

Бывали задания на творчество: сверстать по PSD стайлгайду и мокапу )

@cssunderhood значит плохой дизайнер

@Sigiller @sapegin @cssunderhood дизайнер страдал, двигал туда-сюда, зачем же его труд в помойку выбрасывать?

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

считаю это хороший опыт, если в задании есть вызов и есть свободное время, стоит потренироваться @dshster

@dshster @sapegin @cssunderhood вот тут отлично про pixel perfect jonyablonski.com/2015/front-end…

@cssunderhood давайте еще тему подкину - должен ли верстальщик понимать дизайн, создавать дизайн, видеть, что дизайн дизайнера плох?

Опыт в дизайне очень помогает в работе верстальщика. Не только наоборот. @dshster

@amel_true @cssunderhood можно ворваться и посоветовать инструмент? Мы там и разрабатываем, и тестируем github.com/2gis/makeup

@cssunderhood pixel perfect становится попросту ненужным, если есть нормальная библиотека компонентов, пусть даже и в зачаточном состоянии.

По этому поводу скажу, что интересный доклад у @toivonens "СНАЧАЛА СТАЙЛГАЙД или как перейти на компонентный подход" varya.me/func-2015/

@amel_true @dshster @cssunderhood это же прекрасно, когда дизайнер понимает возможности CSS

@cssunderhood раз уж мы говорим о дизайнерах - как у вас организовано версионирование макетов? Пока встречал только полный бардак с этим :)

@amel_true @cssunderhood сейчас никак :) Собираюсь попробовать вот эту штуку avocode.com

@cssunderhood раньше в качестве задания на "творчество" верстали по JPEG картинке макета ;)

@cssunderhood а сейчас вообще могу "на слух" (то что дизайнер на ухо шепчет) собрать интерфейс :)

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

Сложно вспомнить) но был случай когда я только ушла на фриланс и не знала куда податься @gunlinux

Я чуть было не подписалась индусу на odesk сделать дизайн и сайт за копейки, без вообще каких либо внятных требований. @gunlinux

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

Сразу отвечу об odesk, точнее upwork уже. Я там так и не поработала. Есть профиль, пройдены тесты, но всё как-то не складывалось.

Там очень активный демпинг цен, очень много WordPress, очень много тупости.

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

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

сейчас на полставки по контракту и ещё с одной студией сотрудничаю. постоянного потока нету. хочу команду близкую по духу @diqi_qick

@cssunderhood откуда преимущественно берешь заказы?

Когда я начинала, как раз появился freelansim.ru и был бесплатный, а потом просто сарафанное радио @neonick

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

@Sigiller @sapegin @cssunderhood я говорю о тех случаях, когда реализовать задумку дизайнера мешает только лень верстальщика.

Это точно. Главное чтобы дизайнеры тоже не борщили с творчеством @amel_true

Всех с 1 сентября! Надеюсь вы отлично провели лето, зарядились солнцем )

@harisov @cssunderhood я вот пишу .blockName-elementName_modifierName, и это работает. Как видишь, не люблю -- и __

@GrawlCore @cssunderhood @harisov Полюбишь, если команда потребует ;-)

@GrawlCore @cssunderhood как то слышал мысль, что в -, Camel, можно промахнутся. __ -- типа визуально проще детектить. Хотя дело каждого

@cssunderhood кстати про БЭМ, & или инлайн. Или с интересными отступами?

просто делаю &, очень "читабельно" выходит и легко потом удалить ненужный блок с его элементами @gunlinux

@GrawlCore классы писать camelCase - ужас @harisov @cssunderhood

@antonfrolovsky @cssunderhood @GrawlCore @harisov Я тоже так пишу, так совпадает с классами компонентов в реакте.

Если заинтересовала тема style guide driven development, вот вам обзор инструментов smashingmagazine.com/2015/04/an-in-… #func2015

@cssunderhood @GrawlCore @harisov @delaz Да, тоже сталкивалась с информационным вакуумом. Например, о том что БЭМ встроен в SASS мало знают.

Сегодня расскажу немного об учебе и как попала в IT.

«Мечта стать программистом — это современный тренд» — @simonenko

Когда я поступила ровно 10 лет назад на программиста это ещё не было трендом.

Кстати в группе было всего 4 девочки. Я отметила, с каждым следующии годом уже больше девочек поступало.

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

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

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

Результата программы они ждали по несколько дней. Ошибка? Исправил и жди снова.

На её работе я впервые увидела Интернет. Это был чат, я была поражена. На темном фоне разноцветные ники общались текстом.

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

@cssunderhood блин, вот это реально была магия в первый раз. Общение в реалтайме с любыми людьми! Охренеть просто!

@cssunderhood мои родители свои программы вообще мелом на доске писали :)

@cssunderhood да даже общение с теми, кто сидит рядом казалось более интересным в локальной сети, чем наяву :)

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

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

@cssunderhood а мне в детстве в руки попал zx-spectrum: программы на аудиокассетах, телевизор вместо монитора — вот это всё )))

@juwain @cssunderhood у меня аналогичный опыт - speccy (кассеты) > 5.25" > Pentagon 128K, а потом уже PC, а вместе с тем MSX2, C64, Ammy

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

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

Это сейчас зашел в интернет и любая информация разжёвана и с примерами.

@cssunderhood Нам сначала тоже читали TurboPascal, потом Delphi. И все шло хорошо, пока не начали читать Java. Мозг просто плавился.

Вкус программирования впервые ощутила с С++. Потом я всегда выбирала C# и .NET в качестве технологий, Java как-то сразу не взлюбила.

В моем городе самый удобный путь студента пролегал через Epam, пошла на их курсы Java. Но почти сразу бросила.

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

@cssunderhood ничего себе! И как оно в верстке после плюсов?

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

@cssunderhood а какие сейчас лучшие IT-курсы (?) для пенсионеров?

как раз думаю об этом @SelenIT2

Я в общем-то самоучка в верстке. CSS и HTML были суперпонятными. Я никогда не думала, что это станет моим основным занятием.

@cssunderhood программирование - чудесное занятие. Им можно заниматься даже в декрете! Чего не скажешь о других профессиях(ну кроме бух-а)

Я пришла в компанию как Flash/ActionScript. После универа никуда не брали .NET джуниора, а распределение отработать надо.

@cssunderhood неужели даже схлопывающиеся марджины у предка и потомка и неявно открывающийся <body> были суперпонятными? По-белому завидую!)

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

А недавно узнала из dev.by, что работодатель был как-то связан с кибер-бандой международного масштаба и вообще находится в розыске. Бывает)

@cssunderhood Золотой человек — твоя мама!

В компании проработала более 2 лет, постепенно ушла от AS. Там же попробовала себя в дизайне, потом в основном работала с CMS.

ActionScript и JavaScript похожи. Мне нравился AS. А может просто проекты были интересные.

@cssunderhood с какими CMS работала?

@cssunderhood время для CMS-холивара!

Joomla!, немного Drupal, Битрикс, сталкивалась с Liferay(CMS?), может еще что, в основном конечно WordPress @alexpivtorak

@li_rian @cssunderhood брр, как хорошо, что я давно не работаю с CMS

@iamstarkov @cssunderhood “CMS” === “See a mess" ©

на самом деле на WP кастомные темы не так уж ужасно получаются, но когда я недавно столкнулась с платными.. 😖 themeforest - зло.

@cssunderhood а что думаете о WordPress? Не считаете ли, что он очень неудобен для разработки? Пользовались ли стартовой темой Sage для WP?

Я уже давно не работаю с ним, но раньше для старта брала roots.io, тогда еще не было Sage @AndreyBerezhnoy

@cssunderhood расскажи об этом по подробнее. Почему themeforest зло?

@Bizi @cssunderhood разработчики тем на ThemeForest стараются по максимуму напичкать функциональностью для "чайников".

темы там не качественные @Bizi

@AndreyBerezhnoy @cssunderhood они стараются сделать некий комбайн. Читал что именно такие темы раскупают как горячие пирожки

@Bizi @cssunderhood да, они удобны новичкам, которым нужно поставить WP, натянуть тему и работать. Разработчикам лучше не смотреть на это :)

@AndreyBerezhnoy @cssunderhood разработчикам нет, но клиентам то вполне ок, разве нет?

когда твой клиент захочет что-то изменить, ты залезешь туда и поймешь @Bizi @AndreyBerezhnoy

@Bizi @cssunderhood ну внешне они норм, но ту часть что не норм могут оценить только разработчики, а продают не им

@cssunderhood одни из самых посещаемых статей на моем блоге до сих пор создание шаблонов для joomla :D

@cssunderhood @AndreyBerezhnoy Нравиться UNDERSCORES. Простой старт с базовым функционалом и внутренними темплейтами underscores.me

@AndreyBerezhnoy Он очень неудобен для разработки. Но что есть лучше? @cssunderhood

@sapegin @cssunderhood что-то свое, я думаю. Шаблонизатор Blade, в фреймворке Laravel мне очень понравился :) Куда удобнее WP

@sapegin @cssunderhood но я думаю. что никто не мешает нарушать стандарты WordPress, как это сделали ребята в roots.io с их Bedrock и Sage

Продолжу немного о фрилансе. Вчера были вопросы.

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

Оговорюсь, что возможно не везде так. Так вышло со мной.

Совет: лучше подготовьте себе почву для ухода. А то можете просидеть без работы первое время или хвататься за плохие проекты.

@cssunderhood как у тебя с самоорганизацией? Сколько часов в день работаешь? В каком режиме? Как разделяешь работу и отдых?

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

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

Сложнее всего после отдыха или когда просто выпадаешь из процесса. Вернуться в струю.

В офисе тебя быстро возвращают на место. А тут бывает сложно с собой договориться.

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

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

@cssunderhood что делаешь, чтобы быстрее проснуться?

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

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

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

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

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

@cssunderhood профессиональные деформации замечала и как борешься с десоциализацией?

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

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

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

@cssunderhood обожаю работать утром с 6 до 12: бОльшая часть ещё не проснулась (у меня MSK+3), сидишь, пишешь, никто не отвлекает...

@sapegin @cssunderhood я тоже сова. Но в будни стараюсь позже часа не ложиться. Но вставать рано все равно проблема.

@MonkAlbino @cssunderhood завидую людям, который продуктивны по утрам, для меня делать что-то раньше 11 часов - анриал

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

2 года назад попала в небольшую аварию, пересмотрела многое в жизни.

Кстати можно немного помочь нашему коллеге после тяжелой аварии extreme.lv и почитать его историю.

Кто-нибудь внедрял поддержку accessibility в своем проекте?

@cssunderhood давно думаю изучить все это, потому что людей с проблемами доступа больше чем пользователей ie. А девелоперы это игнорят

Очень хороший доклад был у @roman01la "Доступный веб для всех" youtu.be/t8Td3Oq47yE?t=…

@cssunderhood делал как-то сайт для общества слепых

@cssunderhood спеки есть, нужна семантика. Например доступность svg пиктограмм noteskeeper.ru/1109/ От крутого @mista_k

Немного Accessibility
habrahabr.ru/company/yandex… (ru)
bitsofco.de/2015/the-acces… (en)
iandevlin.com/blog/2015/05/a… (en)
teamtreehouse.com/library/css-ac… (en)

Tota11y, инструмент для проверки доступности, подключается на тестовую страницу и даёт советы: khan.github.io/tota11y/ pic.twitter.com/m9vdhCMuWh

@sapegin @cssunderhood я утро вообще не люблю. Мне кажется, оно создано для того, чтобы я спала.

@Lik04ka Утро — это прекрасно :–) @cssunderhood

@cssunderhood рекомендую плавание! Дважды в неделю по 45 минут и никаких проблем со спиной + всегда в тонусе!

@cssunderhood разве эта новость не на 1 апреля в @wpmagru была? wpmag.ru/2015/wordpress…

@cssunderhood а расскажи, где заказы берёшь?

Было очень обидно однажды потерять хороший командный проект из-за переезда. @COSMOSTV_BY подключал интернет около 2 недель

Немного перепутала, CMS на Node.js это keystonejs.com

@cssunderhood а @GetPencilBlue ?!

@cssunderhood звездами тут меряются, панимаешь...

@gunlinux @cssunderhood в bem-components сделана отличная поддержка a11y, мы специально про это заморачивались.

@cssunderhood раньше прогонял тестами от Cynthia Says™ по WCAG и Section 508. По просьбе клиента один раз было для usairways.com

@cssunderhood мы в @magento много над этим работали, WAI-ARIA, отдельный keyboard ux, тесты скринридеров, в своё время, кусочек мозга съели

Доброе утро, верстальщики! pic.twitter.com/ojUBiRQMF8

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

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

Я в целом за развитие веба, каким бы оно не было.

@cssunderhood смотришь вакансии - ищут волшебника на Jade+Haml+Sass+Stylus, JavaScript+Angular+React+Ember. Бл@дь, где вы их находите таких?

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

@hellbeast92 @freiksenet_ru @cssunderhood вопрос не в бэкбоне. вопрос, что ищут человека-оркестра, который ВСЕ умеет.

@gearmobile @cssunderhood @hellbeast92 @freiksenet_ru фул-стек разработчик ^_^

@gearmobile @cssunderhood @hellbeast92 @freiksenet_ru да а что тут всё-то? 3 фреймворка, 2 препроцессора для html и 2 препроцессора для CSS

Гайз, кто WebStorm пользует? Можно его научить делать строкой выделенный текст, а не заменять его на кавычки? /cc @cssunderhood

@gearmobile @cssunderhood никто не ищет волшебников, соискателю достаточно уверенно владеть парой техно-гий из стэка и быть в курсе других

@kofeeanon @cssunderhood @gearmobile По-моему это неправильный подход. В итоге люди неуверенные в себе, совсем начинают депрессить.

@kofeeanon @cssunderhood @gearmobile Надо писать что за стек используется и что за стек вы хотите использовать, а не заваливать кейвордами.

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

@freiksenet_ru Всё-таки обычно так и пишут: careers.stackoverflow.com/jobs/91190/fro… careers.stackoverflow.com/jobs/87274/sen… @Sigiller @gearmobile @cssunderhood @hellbeast92

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

@freiksenet_ru @Sigiller @sapegin @gearmobile @cssunderhood @hellbeast92 работодатели часто не могут правильно выразить в вакансии кто нужен

@iamstarkov @Sigiller @sapegin @gearmobile @cssunderhood @hellbeast92 Все нанимание это гиганская проблема и все делают это через жопу :(

@cssunderhood Популярное можно будет увидеть вне гитхаба, на конференциях, в блогах.

@cssunderhood если следить, только за теми проектами, что интересны, то нормально. Постоянно чищу watch list

А куда чаще всего отправляетесь за вдохновением или решением проблемы? На какие ресурсы. Кто активно пользуется stackoverflow.com?

Вспомнилось @freiksenet_ru pic.twitter.com/IEsYo8wKqi

На stackoverflow.com еле набрала баллы, чтобы комментировать. Там надо тратить нереально много времени, чтобы рейтинг как у некоторых

Слышала мнение, что верстальщики это UI.

@freiksenet_ru @cssunderhood 8 лет назад верстка была неинтересной. интересен был actionscript, но я его не выучил из-за собственной лени.

@sapegin @cssunderhood Тогда еще мониторы не были плоскими?

@juwain @cssunderhood ноуп, интерфейсы — не вёрстка

@iamstarkov @cssunderhood окей, разработчик веб-интерфейсов )

@juwain разработчик это не только верстка, а верстка - это не разработчик @iamstarkov @cssunderhood

По моему сейчас все перемешалось, где-то на уровне верстальщиков.

@cssunderhood очень холиварная тема. Считаю, что пора перестать делить ui/верстку/js/что-нибудь еще.

Если я пишу, что я Front-end Developer от меня требуют сильный JS, если пишу HTML-coder, то сверстать письмо.

@cssunderhood про знание php не забудь, “нам тут чуть-чуть поправить надо”.

@antonfrolovsky @iamstarkov @cssunderhood @cssunderhood по моему тут загвоздка только в определении зоны ответственности верстальщика

@cssunderhood мне нравиться. Этакий хардкор из начала 2000-х))

@denysdovhan @cssunderhood мсье знает толк извpащениях

@cssunderhood на английском все сложнее. Верстальщик это "web designer" with implementation skill @life_maniac

@cssunderhood с JS и фронт-енд разработкой не лучше, ищи JS, а находишь php, java, python ибо сейчас от всех бекендеров зачем то просят JS

@juwain не, ну мало ли как у нас традиционно. У них принято что дизайнер делает и дизайн и вёрстку. @cssunderhood @life_maniac

@cssunderhood @andrey_sitnik я считаю, что да, относится: фронтендер делает и верстку, и стили, и js. Для веб-компонент особенно актуально.

@nekrtemplar @cssunderhood @life_maniac @cssunderhood я вообще за знание HTML/CSS/SVG в массы, чтобы «пофиксить» вёрстку могло больше людей

@antonfrolovsky @cssunderhood @juwain @iamstarkov с чего бы это верстка не разработка? Попробуйте дальше без верстки поразрабатывать!!!

@cssunderhood @private_face @andrey_sitnik у нас было несколько «чистых» верстальщиков, и тех упразднили, перевели во фронтенд.

@cssunderhood 90% разговоров тут и в @jsunderhood это кто такие вестральщики и нужны ли они)

@freiksenet_ru @cssunderhood @jsunderhood ну я всегда воспринимал вёрстку, как первую ступень во фронтэнде

@nekrtemplar @cssunderhood @life_maniac markup developer же

@freiksenet_ru @cssunderhood @jsunderhood я знаю много js-кодеров, которые ненавидят верстать.

@freiksenet_ru @denisfedosov @cssunderhood @toivonens Почему?) JS уже вполне себе отдельный язык, не привязанный никак к верстке.

@Sigiller @cssunderhood @freiksenet_ru @jsunderhood я так и не понимаю в чем разница? Верстальщик и frontend разработчик. Я верстаю.

@cssunderhood а вот риторический вопрос - как стать востребованным frontend'ом? чтобы заказчики искали и предлагали работу сами?

@gearmobile @cssunderhood Иметь проект с текущими горячими технологиями. Полтора года назад это был ангулар, щас реакт. Хз что дальше.

@gearmobile @cssunderhood много работать, опенсорс, конференции, много работать

@cssunderhood Я тут портировал атомовскую темы One Dark/Light для терминала на Ubuntu и прочих. Кому-то пригодиться. github.com/denysdovhan/on…

@cssunderhood коротко про stack overflow: needsmorejquery.com

@VasyaRomashova @iamstarkov @cssunderhood вообще, на практике заметно, что кто-то выбивает себе возможность браться за интересное и растет

Составили план работ pic.twitter.com/r6CFH9I43z

@cssunderhood здесь кто есть, кто знает \ юзает на практике zurb foundaton?

Обзор нового Bootstrap и немного истории scotch.io/bar-talk/whats…

А если ещё девушка программист, то 2x! // @cssunderhood twitter.com/rusbase/status…

@dshster @cssunderhood вот прямо сейчас делаю проект на MDL там вся сетка на flexbox + всю раскладку сайта построил на flexbox.

Сетка на Flexbox хорошо работает, но в работе столкнулась с багами Flexbox на новых IE и Safari. Хорошая статья css-live.ru/articles/brauz…

@cssunderhood для этого тоже есть плагин PostCSS — предупредит или исправил ошибки флекбокса браузеров github.com/luisrudge/post…

@cssunderhood @andrey_sitnik у вас есть несколько минут поговорить о PostCSS?

@cssunderhood а как же глобальное потепление из-за лишней работы? :D

@andrey_sitnik @cssunderhood поддерживаю - зачем переносить задачи на клиент если это можно на деплое сделать

@cssunderhood большинство минификаторов автоматические разрешает calc с общими единицами измерений — так что они тоже к клиенту не идут

@cssunderhood кстати, а ведь с помощью apply можно сильно улучшить минификаторы — многие опасные объединения можно сделать проще

@cssunderhood Вопрос от дизайнеров: Как лучше передавать разработчику отступы? В макете удобнее мерить по бейзлайну. twitter.com/iamspacegray/s…

@iamspacegray для верстальщика удобно отступ от блока до блока. То есть третий, на первом и втором надо считать и это неудобно.

Hey how cool are icon fonts?!!

</sarcasm>

#UseSVG pic.twitter.com/tAgPXiJoQR

По поводу удаленной работы, есть такой список github.com/lukasz-madon/a… EN, может кому-то будет полезен. Хорошо было бы что-то подобное RU

Кстати я работаю как ИП, я долго не решалась на этот шаг, казалось не разберусь. Могу что-то подсказать по открытию ИП в Беларуси.

Мне в своё время помогла статья cherenkevich.com/blog/ip/ от @cherenkevich Правда не всё прошло гладко, налоговый инспектор попалась..

@cssunderhood на #FrontTalks был доклад про использование flexbox vimeo.com/107806094

@cssunderhood ФСЗН*

А кто-нибудь использует Сасс и CSS-модули вместе? Стоит вообще так делать? Если нет, то как лучше быть с CSS-модулями? @cssunderhood

@cssunderhood как с работой с оплатой в $/€: много ли теряется на конверсии/переводах? Договоры/акты/т. п. печатные или электронные?

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

@sapegin поделись потом опытом. Очень интересен практический опыт использования css-модулей @cssunderhood

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

Мне от прокрастинации помогал метод, очень похожий на помидор. Не нашла статью, попробую передать суть.

Ты договариваешься с собой поделать что-то всего 1-5 минут, а потом будешь заниматься другими делами. Но на деле втягиваешься.

Главное преодолеть этот первый барьер, это сложнее всего. Особенно, когда работаешь на себя.

@cssunderhood Ипользовал кто Moto CMS 3? Есть статья на хабре habrahabr.ru/company/tmru/b…

@cssunderhood это не работает, если впадаешь в прокрастинацию из-за того, что что-то тормозит: сервер ли разработки, интернет или ещё что

@cssunderhood потому что как только что-то протормаживает сильно, сразу выпадаешь из процесса(

Я встречала такое: вместо полного отпуска берут Пт и Пн, выходит 4 дня. Успеваешь куда-то съездить и при этом не выпал из процесса. Как вам?

А я ровно через 10 дней в отпуск! Обожаю это предотпускное состояние.

@cssunderhood стоит один раз куда-то съездить на два-три месяца, чтобы понять, что все эти неделя-две капиталистический обман пролетариата)

Я хоть и фрилансер, так нигде и не пожила. Постоянно какие-то препятствия. Но надеюсь еще впереди всё.

Вдохновляюсь
codepen.io
tympanus.net/codrops/
codyhouse.co

Очень рекомендую больше смотреть англоязычные доклады и туториалы. Смотришь, а verbal skills сами собой развиваются незаметно.

Но у меня нету разделения по языку и любимчиков нету. Если изучаю тему очень разношерстный список ресурсов @klierik

Когда-то любимым был Хабр, теперь только изредка рассылку просматриваю @klierik

@cssunderhood @klierik я туда стабильно захожу дайджест по веб-разработке смотреть + в твиттере их статьи иногда интересные проскакивают

radiojs.ru/2015/06/radioj… тут можно послушать интересное мнение от @andrey_sitnik о CSS Modules @ros_ivanov @sapegin

@cssunderhood, @amel_true, как ты организовываешь на файловом уровне? Каждый блок — это миксин в отдельном файле? Или как-то еще?

@cssunderhood haml мне кажется изобретением дьявола, а вот джейд сразу понравился

@cssunderhood Почему не засунешь? Частично можно )
.elem
| Text <b>here</b>

@cssunderhood я даже guideline себе сделал, когда зарываться начал github.com/Grawl/guidelin…

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

@cssunderhood простыни кода никогда не хорошо

@cssunderhood не знаю, меня скобки в нем раздражают: вот зачем они там?! В slim взяли и убрали и всем хорошо :)

@cssunderhood сколько людей столько и мнений. Считаю Jade выкидешем больного мозга :)

@cssunderhood Давайте использовать JSX, там все закрывается :-)

@cssunderhood а есть кто живой ? проблемка с мобильной версткой на бутсрепе. с меня 10 wmz за помощь . скайп koval.s.y

@ymatuhin @dcromster @cssunderhood а обычный html как альтернатива не?

@pvlpvs @ymatuhin @dcromster @cssunderhood да это как с машины на велосипед пересесть

Jade - это в первую очередь шаблонизатор. @pvlpvs

Простой пример: 10 страниц верстки html. Меняем что-то в header = изменить это в 10 файлах. Jade решает эту неприятность и кое-что посложнее

Есть аналоги, я смотрела только Handlebars. Но как-то сложно там. Jade для HTML вылитый Stylus для CSS.

@cssunderhood в точку) до jade пользовался инструментом codekit.app в нем был свой - kit

@cssunderhood есть SWIG и Nunjucks (от Mozilla), которые умеют то же что и Jade, и синтаксис HTML

@cssunderhood для Handlebars еще нужен handlebars-layouts

@cssunderhood есть ещё mustache, кстати. Простой и без особых заморочек.

Миксины помогают бить на компоненты и переиспользовать с параметрами jade-lang.com/reference/mixi…, либо, например, большую таблицу в цикле задать

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

@cssunderhood Расскажи, пожалуйста, как ты борешься с отсутствием пробелов между «inline» тегами? pic.twitter.com/9CDERl81jr

А я не борюсь с этим, мне это не мешало никогда, pretty: true мне достаточно для читаемости @mista_k

@vladimore @cssunderhood @jsunderhood для чистоты кода + мы используем github.com/kizu/bemto

@mista_k, @cssunderhood pic.twitter.com/I8sPCO5w4v

@bayevn @cssunderhood шаблонизация с помощью шаблонизаторы кажется мне меньшим извращением, чем шаблонизация с помощью таск-раннера

@cssunderhood а поделитесь кто нибудь своими gulp файлами с настройкой postCSS?

@cssunderhood кто знает простой способ как инлайнить CSS в HTML через gulp?

@cssunderhood ребята, как считаете, кто должен фиксить SVG-иконки: дизайнер или верстальщик?

Наверное смотря что там фиксить, мне как-то давали svg частично с png, не буду же я перерисовывать. @twenty

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

@twenty @cssunderhood имхо, такие вещи действительно должны быть заложены в гайдлайн для создаватора этих иконок

@twenty @cssunderhood я всегда это делаю сам. Не вижу в этом ничего такого.

Кроме SVGO, можно ещё сделать кое-что вручную css-tricks.com/understanding-…

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

@smithua немного просто. @PostHTML может инлайнить CSS прямо в DOM ноды для конкретного класса :). Зависит от задач @cssunderhood

Под какие версии браузеров сейчас актуально верстать? И как проверять кроссбраузерность на mac, без паралелей? @jsunderhood

@andexds @cssunderhood @jsunderhood не надо верстать под браузеры. надо верстать под возможности. - Мысль не моя.

Хороший заказчик для меня это IE10+ Я пользуюсь Parallels. Еще тестирование browserstack.com @andexds

@andexds @jsunderhood зависит от специфики проекта, а так под последние две версии каждого браузера

Вопрос от @andexds: Есть ли смысл поддерживать IE8? Влияет ли как-то на это возраст ЦА или какие-то другие критерии.

@andexds @cssunderhood посчитать сколько вы потратите на вёрстку и поддержку IE8 и сколько вы на них заработаете.

@cssunderhood @andexds зависит от ЦА. Если ориентироваться на массовый рынок, то не стоит т.к. IE8 на рынке уже мало gs.statcounter.com/#desktop-brows…

Еще ведь вопрос нужен ли просто graceful degradation или progressive enhancement? Что из этого используете при поддержке старья?

@cssunderhood @andexds в порядке страшилки: у нас в проекте ~200К юзеров/мес. с IE6-7-8 совершают целевое действие. И выбор очевиден :)

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

@cssunderhood graceful degradation для оформления, progressive enhancement для фич :)

@cssunderhood @asktwi посоветуй кого-нибудь, кто бы помог с версткой проекта на Bootstrap 3, BEM classes и React? Недорого

Пятница! pic.twitter.com/l5vjfqCQmh

@cssunderhood поделитесь проектом где jade собирается через webpack в статику. Уже давно зреет мысль уйти от gulp.

@iamstarkov, @exdeniz, @cssunderhood, не надо уходить от Галпа, если ты делаешь «обычные» сайты, а не приложения.

@exdeniz @cssunderhood Можно сразу React-компоненты в статику собирать, получается ещё круче.

@7rulnik, @iamstarkov, @exdeniz, @cssunderhood, Галп запускает задачи, Вебпак собирает бандл(ы).

webpack.github.io/docs/usage-wit…

@exdeniz, @7rulnik, @iamstarkov, @cssunderhood, в последний раз я неистово ускорил сборку (раза в два-три) обновлением версии gulp-jade. (:

@cssunderhood эх) классная вещь этот webpack перешел и не жалею ни секунды

Очень скоро @mista_k будет рассказывать "Глубокое погружение в webpack" на @FrontTalks. Очень ждем! И остальные доклады тоже.

@cssunderhood открываешь оф. сайт и погружаешься в webpack настолько глубоко, насколько захочешь ;)

Интервью с участниками различных сообществ, объединившихся на @frontend_union, в свежем выпуске radiojs.ru/2015/09/radioj…

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

@cssunderhood guys подскажите хороший плагин для удобной смены буферов в vim'е

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

@cssunderhood примерно правильно)) но и из вебпака можно сделать таск-раннер обычный)

@sapegin @cssunderhood а насколько webpack сложен в освоении? по сравнению с тем же gulp, к примеру?

@gearmobile И вот ещё отличная книга про Вебпак и Реакт: survivejs.com @cssunderhood

@cssunderhood @mista_k у нас 1500 модулей, холодный билд 40сек, тормоза из-за babel, но ничего лишнего не транспилим. Как ускорить? ;)

Кажется потихоньку превращаемся в разработчика..

@cssunderhood @WebStormIDE - хорош, как машина бизнес класса, в долгий путь комфортней с ним, но в булочную проще доехать на мопеде Саблайма

@cssunderhood @WebStormIDE рекомендую поставить плагин key promoter goo.gl/dnsQ8P - через две недели будешь like a pro хоткеить

@cssunderhood @jsunderhood а все коллективные аккаунты родом с Украины? Где почитать историю движения? Кто создал, когда, как развивался?

@cssunderhood все было просто: я спиздил идею @jsunderhood у @iamspacegray, а потом всем понравилось и… 😂

@serhey_shmyg @cssunderhood открываешь исходники и тут же погружаешься настолько глубоко насколько хочешь.

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

А вот в воскресение стараюсь что-нибудь поизучать и попрактиковать, настроиться на неделю. Не всегда конечно получается )

@cssunderhood каков Минск? Стоит ли ехать туристом? Чего интересного есть в городе и окрестностях?)

Я раньше не очень любила Минск. Бывала достаточно часто, но когда живешь здесь, всё по-другому. Моё мнение кардинально поменялось. @juwain

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

Но как туристу здесь, понятия не имею. Он не европейский город. Как-то общалась с каусерфером из Италии, ему дико понравилось. @juwain

@juwain @cssunderhood обожаю Минск в середине — конце сентября, когда парки усыпаны листьями и идеальная теплая погода

Меня в этом году в Ярославль занесло. Вырвалась ненадолго на местный митап @yarfrontend. А там из Минска докладчик ) pic.twitter.com/4QlypY5tit

@cssunderhood @gladkih_m Минск, наверное, единственный город СНГ куда бы я поехал работать :)

@cssunderhood жить во Львове комфортно. Много IT компаний сюда перебрались за последний год.

Рабочая станция? 😦 ergoquest.com/zero-gravity-w… pic.twitter.com/4fMQAbw01t

зп для меня не самое главное @serhey_shmyg

@cssunderhood @serhey_shmyg молодец наслаждайся жизнью держись подальше от людей которые называют очередной транслятор js новой ТЕХНОЛОГИЕЙ

@cssunderhood имхо сама верстка - скучно. Фронт - это уже что то.

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

@cssunderhood On 16 January 2016 Microsoft will end support for IE8, 9 and 10.

А что, если ты продвинутый верстальщик и уже умеешь JS и jQuery?

@cssunderhood то, во-первых, надо обратить внимание на свежую спецификацию ecma и понять что ты не знаешь, js, а, во-вторых, начать изучать…

Где же всем этим заниматься, проситься в проекты? Или на своем тренироваться? @SilentImp

@cssunderhood @kipruss забудь о фреймворках. Учи язык.

@cssunderhood @SilentImp хакатоны. Хочешь - не хочешь, а за сутки разберёшься )

@serhey_shmyg @cssunderhood @kipruss Язык — инструмент. Может и сгинуть. Учить надо архитектуру, подходы, паттерны. Работать над ходом мысли

@_sashashakun @cssunderhood толковые работодатели ищут опытного фронта, а не чувака под фреймворк (хотя это не редкость)

@SilentImp @cssunderhood фреймворки каждый день плодятся. И знать их все не реально. Хорошому фронту разобраться с фреймом 2 дня потупить.

@serhey_shmyg Для того что бы выйти на тот уровень когда ты делаешь проект а не играешь с фреймворком надо не 2 дня и не 20 @cssunderhood

@SilentImp @cssunderhood говняные фреймы диктуют что то. Хорошие фреймы всегда прозрачны и порог входа для профи моментальный. Реакту привет

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

Тут жаркая дискуссия на ночь глядя.

@SilentImp @cssunderhood @webholt Вот блин. А что делать, когда не занимаешься версткой? Все, нельзя тебе иметь хомяков? ;(((

@serhey_shmyg @SilentImp @sudodoki @cssunderhood вообще-то да. Фреймворк диктует архитектуру, библиотека выполняет свою работу.

@serhey_shmyg @SilentImp @sudodoki @cssunderhood фреймворк вызывает твой код, а в библиотеке ты вызываешь её код. Две разные вещи.

Ох, видала я верстку разработчиков. Мне кажется лучше пусть с библиотеками/фрейворками для js сидит разбирается @Sigiller

Как считаете, круче быть профессионалом в одном деле или везде по чуть-чуть? Типа full-stack.

@cssunderhood Везде по чуть-чуть, а в одном - профессионалом. И желательно чтобы это "одно" не было всю жизнь одним и тем же :)

@cssunderhood я думаю что невозможно уметь и делать все. Тот кто умеет все — не умеет ничего.

@cssunderhood очень хорошо в одном и везде по чуть-чуть — знаниям плевать на наше разделение на области

@cssunderhood … а если у нас отдельно js/вёрстка, то никто не делает интерфейс, вс только код пишут

@cssunderhood верстка вообще не столь объёмная, чтобы разработчик не мог делать хорошую вёрстку

Верстальщики, нас тут не ценят, чего молчите?

@cssunderhood про t-shaped хорошая картинка была pic.twitter.com/vwev2AlD6C

@jsunderhood @cssunderhood а чем плохо что всю жизнь одно и то же, если нравиться? (Хотя такое видимо редкость)

@cssunderhood Чтобы потом все равно забить на эти пиксели и вызвать кровотечение из глаз дизайнеров)

@webholt @cssunderhood о да. Разделение обязанностей, возложение вины и взаимные претензии - это вечно

@webholt @cssunderhood дизайнер должен неплохо знать материю, для которой дизайнит

@cssunderhood если бы мы были не нужны, нас бы не нанимали на работы. Что здесь делают все эти люди из жсандерхуд? Убивать нашу самооценку?

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

@cssunderhood лучше быть богатым и здоровым. Т.е. Всё одновременно.

@cssunderhood @mr_skriming Интереснее даже как не новичку в JS уйти от сайтов на CMS к более серьезной разработке.

Ну что же, я буду прощаться. Всем благодарна за такую насыщенную неделю! Вы очень крутые. И нас скоро 1000 =)

С нетерпением жду завтра нового ведущего. Хорошего вечера! 😊

С вами была @meuwka