Хей-хо котаны. Эту неделю с вами @mr_skriming из Минска.

Пообщаемся о жизни разработчиков в Беларуси, образовании, (пре|пост)процессорах, куда катится верстка, что делать с молодыми и чуть о жизни

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

А тем врменем @delaz в @jsunderhood обсуждает когда же уже вёрстка умрёт, кому интересно подключайтесь

@cssunderhood, привет. Расскажи немного о себе :) Ну и первый вопрос как в Беларуси живется it-сообществу?

Я молодой разработчик, верстаю всего пару лет. Захотелось привнести в @cssunderhood мнение человека не испорченного IE6 :D

В Беларуси it-сообщество сейчас переживает активный рост, но пока что далеко до Москвы, Киева. Государство поддерживает it только на словах

Но к счатью колличество митапов и конференций растёт очень быстро. Спасибо таким ребятам как @4frontby , и @webstandards_ru

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

Еще интересно, что Минск активно захватывают друзья из Китая, и уже начинают понемногу приходить в it :)

Понедельник день тяжелый, поэтому пообщаемся на отвлечённые темы. Есть у меня кое-что)

В Беларуси срочная служба в армии, и до 27 лет тебя могут захватить. И вот у меня к вам вопрос, есть ли жизнь у разработчика после армии?

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

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

@cssunderhood я за 2 недели отпуска отвык писать код, а тут целый год =/

@cssunderhood есть, сам служил

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

На тему армии есть клёвый блог дизайнера из Москвы: kefiijrw.com/army/
очень увлекательное чтение

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

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

@CodeRuleZZZ @cssunderhood я тебя умоляю. Армия культивирует тотально распиздяйский образ жизни

А тем временем @Realetive ради сайта cssunderhood.ru прошил свой e-book и окирпичил его :D

@iamstarkov пытаюсь открыть сайт @cssunderhood на PocketBook … и Loading page failed

@iamstarkov @cssunderhood сейчас попробую обновить прошивку. Думаю, это поможет.

@iamstarkov @cssunderhood не-а. То есть, в попытке прошить e-book, он превратился в кирпич =)

@cssunderhood мне в армии достаточно было один раз показать, насколько быстро печатаю (+ вслепую). Вся служба прошла за компами :D

@mr_skriming @cssunderhood css - это слишком сложно для меня. Я всего лишь маленький Java программист.

Есть еще у меня большая нелюбовь ко всяким большим компаниям. Как по мне в них жизни нет. Всё по линеечке, и никакой импровизаци)

@cssunderhood конечно сейчас полетят помидоры, что в @yandex там поощряется писать новые крутые фичи, и вообще выделяться.

@cssunderhood но это скорее исключение. И всего лишь моё скромное мнение, возможно предвзятое)

@cssunderhood Согласен, стартапы наше всё :) И научится в стартапе легче, тк делать придется скорее всего всё.

Я говорю не столько про стартапы, сколько про небольшие компании в которые новое привнести проще. @freiksenet_ru

@cssunderhood кто либо ещё страдает таким: классы элемента в таком порядке: сначала -стилевые, потом для _скриптов? pic.twitter.com/ndb6iLlwkQ

Я обычно пишу такие классы в стиле: 'show-list-js' @beshur

Не есть хорошо вешать js на стилевые классы @beshur

@cssunderhood @beshur Гитхаб тоже рекомендуют, но префиксом: primercss.io/guidelines/#cl… Как узнал про js-*, только радуюсь и рекомендую всем.

@cssunderhood Я научился различать размер компании и команды. В моей компании 6000+ человек, но команда маленькая и клёвая.

@cssunderhood Посоветуйте хороший html5 audio player. Может кто плотно работал с audio и знает отличные решения )

@cssunderhood потому, что цена ошибок новичка — смерть стартапа

@veged @cssunderhood, добавлю еще один вариант: css на .button:disabled, js на .js-action-name.

@beshur @cssunderhood мы пошли дальше, классы у элементов только для стилей, атрибуты с префиксом js-* уже для логики.

@cssunderhood вот Майк Монтейро хорошо написал по этому поводу deardesignstudent.com/8-reasons-to-t… Для дизайнеров, но разработчикам тоже подходит

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

@mamyashev @cssunderhood Ни в коем случае это не вина новичка, а вина менеджера (основателя) который взвалил на новичка непосильную задачу.

Был случай, когда весь проект взвалили только на новичков, закончилось всё плохо. Но не думаю что это их вина. @mamyashev @krasivieglaza

. @usernamus так в этом случае как раз логичнее отдельынй класс для js использовать... нет?

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

@mamyashev @cssunderhood то есть сидеть и не рыпаться? Дать взрослым дядям дела делать?

Ну это совсем не вариант. Как тогда учиться?) @ardshock @mamyashev

@mamyashev @cssunderhood серьезным стартапам - серьезные разработчики, все по честному.

@cssunderhood а делал кто баннеры в Google Web Designer или Adobe Edge Animate? Что выбрали из них?

Доброе утро! pic.twitter.com/rJ2tV4BGnF

@jsunderhood @cssunderhood утренний вопрос. Если бы предложили не раздумывая прыгнуть в чёрную дыру. Прыгнули бы?

По традиции расскажу про своё рабочее окружение.

Живу я на linux, а точнее использую дистрибутив elementary os. Та же Ubuntu но красивая и глючная. Но чуть приложить рук, и всё очень круто.

Кстати про linux. У меня ноут с переключаемой графикой, и в линуксе просто ад с драйверами. Не знаю как победить. Может у кого есть знания?)

Волею судьбы сейчас по работе приходится исползовать windows 10. Система нормальная как по мне, но на linux работать удобнее и приятнее.

@cssunderhood Такая же нога и ничего не болит. Хотя зачем в линуксе дискретное видео? Только греется больше и аккум садится быстрее.

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

@cssunderhood а как верстается на linux?

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

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

@cssunderhood Ого, это меняет дело :) Я использовал для переключений nvidia-prime на убунте. С bumblebee не вышло.

. @morontt хм, попробую. я с bumblebee шаманил вроде.

. @c1n1k не скажу про 400мб, но 200мб psd открыл как такой же фотошоп на винде. а что со шрифтами?

@cssunderhood меня пока больше фотошоп напрягает, и шрифты в переходе не linux. Как wine справляется с рукожопными psd? допустим в 400мб?

@cssunderhood @c1n1k в кореле сделанный макет однажды приходилось верстать)

. @Sigiller @c1n1k меня больше бесит adobe indesign, как по мне творение сатаны.

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

. @int16h так не холивара ради, я работаю на двух системах, и просто говорю что на windows можно жить. не полноценно, но жить.

@cssunderhood как рендеринг, как с наличием популярных?

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

. @c1n1k в том же webstorm, на шрифты больно смотреть.

Раз уж начал, то продолжу про окружение.

Работаю обычно в sublime, нравится он мне, красивый тёплый, удобный. Использую vintage mode, это как vim если кто не знает.

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

Есть один клёвый плагин, который вроде мало кто юзает, называется EasyMotion, очень помогает в навигации по коду: github.com/tednaleid/subl…

Вообще мой sublime выглядит примерно так: pic.twitter.com/Gx1cOCUmyo

@cssunderhood какая версия,пиратчина? extractor не пробовали? Насколько падает кпд и насколько большие шаблоны пробовали?

. @gunlinux каюсь, пиратка. extractor не пробовал, но пробовал шаблоды до 200мб, разницы с windows не заметил.

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

@cssunderhood а @brackets ?

. @dcromster @brackets пробовал, но как то не зашло. даже не знаю в чём причина

@cssunderhood А мне нравится в brackets функция вырезки макетов. Только тоже тормозной. Поэтому я там только макеты вырезаю.

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

. @sherlaimov тема для кода Monokai Extended Bright, для самого редактора Material Theme
github.com/equinusocio/ma…

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

@cssunderhood Atom тоже на js написан как и brackets ? C выходом nodejs 4 ситуация изменится ?

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

@cssunderhood @int16h по твоей логике ты вообще не полноценно живешь. Ибо с линуемом проблем не меньше у тебя.

.@denysbutenko @int16h чего ж?) у меня толькоодна проблема с видеокарточкой, и то проявилась на фоне нового ноута, за неделю не успел решить

@CodeRuleZZZ @cssunderhood вроде как они оба построенны на chromium-e и не сильно завязаны на nodejs, или я сильно ошибаюсь?

. @hellbeast92 @CodeRuleZZZ так то да, атом построен на chromium

@cssunderhood, как же ты верстаешь макеты из Иллюстратора или Скетча?)

. @ilnurkhalilov иллюстратор так же заводится под вайном без проблем, на скетч пока у нас дизайнеры не хотят переходит и ладно :)

@cssunderhood После того как попробовал Atom не могу пользоваться ничем другим. У тебя он долго открывается или в чем тормоза?

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

@cssunderhood, каменный век.

. @ilnurkhalilov в чём именно? в том что скетч не используем?

@cssunderhood, конечно. Фотошоп дорогой и вообще для обработки растра. Скетч специально для вёрстки интерфейсов и дешёвый (относительно).

. @ilnurkhalilov и только на mac os, вот в чём проблема то главная :)

@cssunderhood, давно пора!

. @ilnurkhalilov как раз хотел обсудить, на сколько нужен mac для верстальщика.

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

Для молодых разработчиков это не так то просто. Поэтому linux я считаю хорошим компромисом для начала.

@cssunderhood Нужен — плохое слово. Не нужен, но очень удобен. @ilnurkhalilov

@cssunderhood
есть еще вариант — хакинтош

. @rdshck а вот хакинтош стоит ли того?

@rdshck @cssunderhood да, не сложнее жизни под линолеумом

@cssunderhood @rdshck, нет.

@GrawlCore @cssunderhood c линолеумом перманентная, постоянная боль, а с хаком — только один раз

@rdshck, это же вроде как юзать поделку собранную на коленке неизвестно кем @cssunderhood

Мнения по поводу хака сильно разделились :D

@cssunderhood Не пробовал avocode для нарезки?

. @SemenZadorozhny я пробовал плагин для photoshop csshat, как то по скидке купил, вроде неплохо, но не особо юзал: csshat.com

@usernamus @helloilya @cssunderhood сейчас все в разы проще. Есть проект iAtkos, где тебе соберут сборку за $10 специально под твое железо

. @rdshck @usernamus @helloilya ого, круто!

@cssunderhood если нет денег, но есть стремление к прекрасному, то почему бы и не потратить немного сил на танцы с бубном

@cssunderhood @usernamus пользовался маком вернулся на винду так что каждому свое

@cssunderhood Попробуй, клёвая прога, сижу на убунте, макет режу в avocode, никаких бубнов и прочей нечести =))))

. @SemenZadorozhny ага, почитал, звучит здорово, photoshop вообще не нужен?

. @SemenZadorozhny сегодня вечером затестирую, я смотрю он и со scetch может 0_о

@cssunderhood Да!! скетч макеты пожалуйста, векторные элементы в svg пожалуйста, свойства в sass пожалуйста =)

@SemenZadorozhny @cssunderhood о боже! Где же ты раньше был, друг, спасибо!

@SemenZadorozhny @cssunderhood avocode тоже платный ((

. @CodeRuleZZZ @SemenZadorozhny 9$/месяц нормальная цена если продукт хороший

@cssunderhood @SemenZadorozhny я вам мозг сломаю, а вы платили за sublime?

. @gunlinux @SemenZadorozhny написал им что я бедный студент, дали лицензию :)

Я тут приболел, а еще нужно и работать, так что продолжим позже. Оставайтесь на нашей волне :)

@cssunderhood вот вопрос хитрый: есть очень много svgшек и их надо отзеркалить по-горизонтали, средствами консоли. Есть идеи?

Давайте поговорим про пре\пост процессоры.

Мой путь такой: less -> sass -> postcss

По началу Sass показался помощнее less, но мне не нравится то что он привносит логику в стили. Это не правильно как по мне.

А вот Postcss привёл меня в восторг, модульность, что нужно то подключешь, всё круто. Пишешь css и получаешь удовльствие.

@cssunderhood а я табулирование больше люблю. Jade & Sass.

@cssunderhood имхо - выкинуть из css {}; - и будет неплохо совсем ))

@cssunderhood синтаксис - как в stylus

Не уверен но думаю можно использовать синтаксис с табами и в postcss. Может кто знает аналогичный postcss-nested плагин?

@cssunderhood то есть миксины не логика?

. @safinalexey Смотря про какие миксины мы говорим. Я говорю про всякие конструкции с циклами и ветвлениями.

@cssunderhood, использовал less, sass, stylus. В итоге остановился на sass.

. @helloilya в чём преимущество sass по сравнению с postcss?

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

. @helloilya могут, но не понимаю - зачем?)

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

. @helloilya а какие миксины чаще всего используешь?

@helloilya @cssunderhood в пост всё это тоже существует

@petyapetrelly @cssunderhood, существует, но, если не ошибаюсь, нужно отдельно ставить.

. @helloilya @petyapetrelly так в этом же и суть postcss: модульность! всё что нужно доставляется, а ненужное и не нужно)

@koloskof @helloilya @cssunderhood а мне норм. особенно для сеток, спрайтов и тд. очень удобно

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

@cssunderhood nda) ситуация:есть много индикаторов состояния с цветами.с сервера приходит код состояния, который так же класс в css(state-x)

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

. @safinalexey ты сейчас говоришь про sass который компилируется на клиенте?

@cssunderhood боже, нет, кто компилирует на клиенте?) но вообще да - про любой препроцессор..ну кроме less'a - там циклы просто ужасны))

. @safinalexey ох я встречал и не таких извращенцев :D Доля правды в твоих словах есть, но всё же часто циклы читабельность портят сильно.

@cssunderhood, retina images, clearfix, grid (а-ля susy) и другие.

@cssunderhood Ребята, подскажите не знающему postcss, почему он не препроцессор? потому что берет исходники из файлов с расширением .css ?

. @MikitaLisavets в начале так и было, но в итоге название не очень хорошо отражает суть. Андрей Ситник пояснил: codehipsters.com/2014/11/27/sit…

@cssunderhood @helloilya а как код подсвечиваете и автокомплитеры используете?

@cssunderhood первый день привыкаю к vim, иногда голова просто взрывается от разрыва шаблонов)

@cssunderhood а есть хорошие порталы с рецептами/туториалами/подсказками по хоткеям по виму?

. @hellbeast92 vimtutor прошел же? я по началу юзал обоины на рабочий стол в стиле: img-fotki.yandex.ru/get/6501/40718… или hsto.org/getpro/habr/po…

@hellbeast92 @cssunderhood vim.wikia.com/wiki/Vim_Tips_…

@cssunderhood плохо или хорошо указывать одинаковые id и class. Один для css, другой для js. Например: div id=loyout class=loyout.

. @npofopr я верстаю по этому гайдлайну. он рекомендует вообще отказываться от id github.com/iamstarkov/CSS…

@cssunderhood @hellbeast92 а часто ты видишь рабочий стол?

. @safinalexey @hellbeast92 есть хоткей для того что бы показать рабочий стол, юзал только для того что бы хинты для vim смотреть когда учил

@npofopr @cssunderhood id идеально подходит для логики. тк имеет наилучшую производительность! А такого подхода нет -, только +.

@hellbeast92 @npofopr @cssunderhood а если у тебя повторяющийся блок? уникалить ID или лучше всё-таки вязать к другим элементам? :)

@GrawlCore @npofopr @cssunderhood все зависит от целей.Если для логики это уникальынй блок, то использовать id, иначе атрибуты/классы.

@hellbeast92 @cssunderhood а что даёт вим?

. @Sigiller @hellbeast92 возможноть вообще не думать о мыши\трекпаде, и скорость навигации и вообще редактирования кода.

@Sigiller @hellbeast92 @cssunderhood @cssunderhood илитарность(и боль)

. @safinalexey больше всего vim ругают те кто его не использовал\не смог привыкнуть:) хотя я сам не использую vim, а юзаю vintage в sublime.

@cssunderhood @andrey_sitnik а postcss поддерживает синтаксис без :, {, ;?

@sky2high0 @cssunderhood PostCSS поддерживает сменяемые парсеры. Пока все хотят, но никто не написал. Я напишу в декабре, наверное

@sky2high0 @cssunderhood вот тут можно подписаться за статусом github.com/postcss/postcs…

@sky2high0 @cssunderhood но вообще можно использовать PostCSS после Sass — всё равно PostCSS не про синтаксис и миксины …

@sky2high0 @cssunderhood а про магию типа CSS Modules, cssnext, Font Magician, autoreset и т. п.

@MikitaLisavets @cssunderhood мы уже не используем термин «постпроцессор» потому что это бессмысленный терминологический спор :)

@MikitaLisavets @cssunderhood но тем не менее PostCSS очень далёко от Sass, потому что он не про переменные и примеси, а про сложную магию

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

@freiksenet_ru @cssunderhood @GrawlCore @npofopr посмотрите любое гугловское приложение, например музыку, там куча id в стиле bem

Драка! Использовать или нет id?)
P.S. Я не юзаю, и вам не советую.

@cssunderhood странный вопрос. Гораздо важнее табы или пробелы! Вот пробелы — для педиков!

@freiksenet_ru @cssunderhood Никогда? Почему нельзя использовать id для ссылок-якорей?

@LostSenSS @cssunderhood Для этого есть name.

@LostSenSS @cssunderhood Хм. Был неправ, name депрекейтед. Ок, один юз кейс нашли. Я конечно же говорил про использование для js/css.

@DimaSharikov @lambdadmitry @vasilenkos @cssunderhood Ты в детстве клавишу таб не ломал?

@mamyashev @cssunderhood Старый добрый классический срач - пробелы vs табы. Я за! 😃

@_h4_ когда я вёл @cssunderhood то объявлял ночные эфиры разными старинными трюками CSS. Хочется поддержать традицию :)

. @jsunderhood @_h4_ у меня в ночном эфире извечные вопросы: табы или пробелы, id или class, светлое пиво или тёмное :D

@cssunderhood "- как сгенерировать рандомную последовательность символов? - попросить джуна выйти из вим."

@cssunderhood хех... а у кого какой цвет любимый и что он означает? )) у меня это зеленый a-la #387C44 ))

Доброе утро. Сегодня среда, 16 сентября и с вами всё еще @mr_skriming

Хотел с вами поговорить про БЭМ, но на прошлой неделе @harisov думаю достаточно рассказал.

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

Двойное подчёркивание особенно.

Так вот, люди, вы можете разделять блоки-элементы-модификаторы как вам удобно и как вам нравится! Поймите это наконец и пользуйтесь БЭМ!

Главное что бы это было очевидно, и однообразно в проекте.

@cssunderhood я до сих пор сомневаюсь, что делаю правильно, можно пример страницы вида page--about block el?

. @gunlinux ээээ... что то я вобще не понимаю, что ты делаешь? у тебя блок элемент и модификатор это разные классы?

. @gunlinux всмысле никак не связанные одним именем?

@cssunderhood в БЭМе не разделители бесят, а длинные классы. Но лучше пока все равно ничего нет.

. @fooontic_ используй scss синтаксис, или любой котоырй нравится со вложенностью, и проблема эта исчезнет.

@cssunderhood «Выбор схемы именования зависит от требований вашего проекта и личных предпочтений» ru.bem.info/method/naming-… :) #b_

. @mursya_ru просто большинство видят пример кода, и в ужасе убегают не узнав что так можно :)

. @gunlinux ты можешь добавить уровень переопределения: ru.bem.info/method/definit…Переопределение-блока

. @gunlinux или добавить модификаторы

@cssunderhood у меня есть отдельная страница - about, у нее фон темный, сайт светлый, нужно реверснуть цвета у всех блоков/ элементов.

Пользуя положением, поздравляю HRM с праздником!

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

. @CodeRuleZZZ а лучше по 1000 раз переписывать один и тот же код?)

@cssunderhood по сути блоки у нас редко мигрируют с проекта на проект.

. @CodeRuleZZZ а в пределах одного проекта? ;)

@cssunderhood может просто перечислить все эти стили? Другие посмотрят и выберут :)

. @JiLiZART всё лучше меня описано: ru.bem.info/method/naming-…Альтернативные-схемы-именования

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

. @CodeRuleZZZ или я тебя не верно понял, или ты делаешь что то не так)

@cssunderhood еще сколько-то транслируют стериотипы и то, чего уже давно нет :) например, что нет док, а они есть! :)

@cssunderhood сделал для себя вот такую подборку нужных мне плагинов - gist.github.com/r3nya/40c0b7c4… ... Может кому-то пригодиться

@cssunderhood px, rem или ... Кто, что выбирает для адаптивных сайтов? И есть ли правильные статьи по этому поводу. Или было уже?)

. @npofopr хороший вопрос. у меня тоже проблемы с выбором. кто что скажет по этому поводу?

@npofopr @cssunderhood я вообще использую %, задал 1 раз шрифт а дальше %, а для блоков если надо max-min-width. Очень удобно.

@cssunderhood испольщую rem. Проще писать все в px, для этого написал миксин-конвертер gist.github.com/Krekotun/9c63b… @npofopr

. @akrekotun @npofopr а есть какие статьи по этой теме? накидайте линков)

@akrekotun @cssunderhood для такого я использую плагин для PostCSS (-:

. @npofopr @akrekotun какой? жажду подробностей)

@cssunderhood @akrekotun github.com/cuth/postcss-p…

@akrekotun @cssunderhood @npofopr подключи лучше postcss-pxtorem github.com/cuth/postcss-p…

@npofopr @cssunderhood мой подход em для компонентов, rem для остального, vw для непрерывного масшатирования страницы

@ardshock @cssunderhood @npofopr Процент имеет минус - зависимость от контекста. rem универсальный и оптимальный вариант.

@andrey_sitnik @akrekotun @cssunderhood @npofopr мне px кажутся ошибкой. Не люблю их. Они не относительны. Это уход от гибкости.

А вообще вас раздражает когда английские слова коверкают или неправильно произносят?

@cssunderhood броузер

@cssunderhood а вот если услышу «суперово» — перейду на противоположную вашей сторону улицы.

@cssunderhood Когда говорят по-английски или по-русски? Раздражает, когда вместо русских слов говорят английские без всякой меры.

. @sapegin по-русски, когда вворачивают английские слова...

@sapegin @cssunderhood да это полный факин булшит

Стало интересно, а многие тут на stackoverflow отвечают\задают вопросы? Или всё больше по готовым ищите?

И вообще полезен ли профиль на stackoverflow для репутации разработчика? Рейтинг там и прочие дела?

@cssunderhood все вопросы уже отвечены

@cssunderhood Один раз спрашивал. Сам же и ответил потом.

@cssunderhood а многие ли вообще пишут js и css? 90% всего можно найти на codepen. Или каждый раз свой велосипед?

@nayanov @cssunderhood но главный (тот самый, на который 42) еще не задан:)

Да, я согласен что на многие вопросы ответы уже есть. Но не может быть что у вас не возникало уникальных заковыристых вопросов!?

@SelenIT2 @cssunderhood я вчера смотрел про смерть вселенной и думал: а к чему вообще все эти JavaScript и т.д.)

.@nayanov @SelenIT2 оооо... вот правда, иногда посмотришь про программистов которые там ракеты в космос запускают, а ты тут сайтики версаешь

. @npofopr чем тот же toster лучше stackoverflow?

@cssunderhood На самом деле постоянно. Вечное гугление, чтение документации и кода…

. @sapegin так не проще ли спросить на том же стеке? даже если не ответят, то могут идею подкинуть (у меня чаще так)

И это подводит нас к следующему вопросу: как вы видите идеальный путь молодого верстальщика? с чего начинать и куда двигать?

Мой путь выглядел так: html/css -> Less -> SASS -> БЭМ -> Gulp -> Postcss

Может сильно упрощённо но как то так.

Сейчас двигаюсь в сторону углубления в js

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

@cssunderhood как-то не логично показываешь,моё
html -> blade ->jade/slim
css -> sass ->stylus + postcss
..-> grunt -> gulp
..-> mcss -> bem

. @talgautb я сильно упростил, у тебя как то покруче :)

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

Вот сейчас думаю в Angular податься. Но вроде вторая версия скоро и они жестко разные... что делать как быть?

Покидайте линков, ресурсов для прокачки js, и в частности Angular :)

@cssunderhood бросай ангуляр @ учи реакт

@cssunderhood понять принципы mv* на бекбоне, дождаться доков 2 ангулара и изучить его, например

@cssunderhood это конечно, если прям ангулар интересен. А так да, лучше реакт, трендовее)

Даааа! Реакт прям манит, и я на него поглядываю, но на работе нужен ангуляр :(

@iamstarkov, @cssunderhood, присоединюсь к совету.

@cssunderhood
github.com/sindresorhus/a…
github.com/sindresorhus/a…

@cssunderhood + github.com/sorrycc/awesom…

. @iamstarkov О, про эти списки вечно забываю. Спасибо!

@cssunderhood github.com/Semigradsky/po…

@li_rian @cssunderhood да можно весь CSS на русском писать! :) github.com/Semigradsky/po…

. @andrey_sitnik @li_rian "до чего техника дошла"

@andrey_sitnik @cssunderhood то, что надо! pic.twitter.com/2Y9azGfw21

. @li_rian @andrey_sitnik призумить\отзумить как то не в тему звучит

@yustovskiy Я за Реакт, Редакс и далее. @cssunderhood

@sapegin @cssunderhood А что сейчас самое перспективное?

. @yustovskiy @sapegin отличный вопрос. на который как я думаю не может быт ответа )

@ramainen @cssunderhood вспомнил, почему не юзаю js-* - а вдруг Оракл запилит какой-то левый продукт под этой маркой? и будем называть экма)

. @beshur @ramainen а еще мы все когда нибудь умрём (:

@beshur @ramainen @cssunderhood это уже какая-то js-ть :)

@cssunderhood я бы спросил людей как они в проектах разделяют es5 и es2015 файлы? по расширениям или по маске в названии

@sapegin @cssunderhood @yustovskiy главное решить поставленную задачу, ну изучит человек реакт, а к тому времени он уже устареет.

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

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

. @gearmobile @iamstarkov рассказывал в @RadioJSPodcast как боролся с выгоранием.

@cssunderhood фигасе - пару дней! вы обалдели, товарищи? два дня коту под хвост?!! ))

. @gearmobile для меня это лучше чем работать через силу и без желания.

@gearmobile @cssunderhood Во первых чаще делай перерывы в работе. Во вторых научись чему-то новому не связанному с IT. Лучшие способы, имхо.

@jsunderhood @cssunderhood по поводу пятницы думаю набор фильмов про айтишников не помешает github.com/greybax/IT-fil…

Сегодня пятница. Давайте поговорим о ваших самых сочных пятничных факапах :)

Я как то переключил ветку git на продакшенене, а в это время оказалось проект заказчику показывали. Кровь, слёзы, валидол :)

@cssunderhood, выкатывать новый, недотестированный билд на продакшен в пятницу вечером. Что может быть лучше!

@helloilya @cssunderhood Работать все выходные!

Привет ребятки. Я всё еще тут) Извините, за временно молчание

Давайте поговорим про jquery. Любите ли вы его, используете? Я лично жду когда же умрёт эта гадость.

@cssunderhood отношусь к jQuery нормально. Почему он тебе не нравится?

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

@cssunderhood не вижу причин такой ненависти к #jquery, это просто инструмент, при том ни плохой, плохо что иногда им еще гвозди забивают )

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

Он слишком медленный, и не люблю что бы всё было в куче.

Круто было бы его сделать модульным, что бы не тащить всё за собой

Ну и портит людей, никто не хочет учить js, все учат jq. Особено молодые.

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

@cssunderhood потому что на начальном этапе jquery покрывает 95% исполняемых задач

@cssunderhood первое становится недостатком на малом проценте проектов, а второе субъективно

@cssunderhood Уже давно можно сделать свою сборку с только нужными модулями.

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

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

@cssunderhood очень не люблю и стараюсь везде выпиливать. В этом мне помогают webreflection.github.io/dom4/ и youmightnotneedjquery.com

. @maxmaximov расскажи почему не любишь?

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

@cssunderhood в jQuery в основном использую работу с событиями и селекторы. Работать с событиями на чистом JS задолбался бы.

@cssunderhood jQuery люблю и ненавижу за то, что хочешь улучшить свой JS, но знаешь, что на jQ это можно сделать в одну строку, искушает. :)

@cssunderhood и это правильно. Смотрел исходники, когда «учил jq»?

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

@cssunderhood ну, для начала, он просто уже не нужен :)

@cssunderhood а вообще, мне не нравится стиль, который навязывает jquery:

@cssunderhood отсутсвие явно выделенных геттеров/сеттеров, порядок аргументов у методов «массивов», толерантность к ошибкам в селекторах

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

@cssunderhood и он таки мешает людям изучать нативные dom/ccsom методы

@cssunderhood Мужики, а ну его этот jquery. Может про тачки, женщин, футбол?

@cssunderhood любимым чтивом становится codepen - я рад этому! ))

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

@cssunderhood тут @PostHTML развивается вовсю, любителям @getbem очень советую заценить node-beml github.com/zenwalker/node…

@levwalkin @sapegin @as_Crazy @jsunderhood @cssunderhood не все умеют читать дальше заголовков pic.twitter.com/8bMPQvREMG

Всем спасибо :) На этой неделе с вами был @mr_skriming