pgrekovich

14 сентября 2015, Минск

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

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

6:36

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

6:39

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

6:39

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

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

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

6:57

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

7:00

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

7:01

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

7:04

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

7:09
@cssunderhood @delaz @jsunderhood не верстка же)) а просто когда этот процесс станет более автоматизированным))

Ошибочка вышла :) twitter.com/hellbeast92/st…

7:12

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

7:34

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

7:35

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

7:35
@cssunderhood честно говоря, по наблюдениям за российскими служащими, время есть не только на программирование, но и на игры в ммо.
7:39
@cssunderhood я за 2 недели отпуска отвык писать код, а тут целый год =/
7:39
@cssunderhood есть, сам служил
7:39

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

7:41
@cssunderhood Был друг. Ушел в армию. Стал PHP'шником.... :(

Ужас какой... Всё что угодно, только не это :D twitter.com/dcromster/stat…

7:42
@cssunderhood какой актуальный вопрос :D Меня как раз осенью могут либо забрать, либо комиссовать.

Я на год еще защищен, а что дальше не знаю. Не хочется тратить время в пустую) twitter.com/Bizi/status/64…

7:46

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

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

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

7:55
@CodeRuleZZZ @cssunderhood я тебя умоляю. Армия культивирует тотально распиздяйский образ жизни
7:55
@7rulnik @cssunderhood есть :) Если ты шаришь в компах, то служба будет легкой. Я весь год просидел в кабинете у руководителя ВСО

История успеха)
Только не всем так везёт. twitter.com/kuflash/status…

7:59
@cssunderhood Эмигрируй за границу и не служи.

Неплохой рецепт, но неужели так просто отпустят? @freiksenet_ru twitter.com/freiksenet_ru/…

8:14

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

8:16
@iamstarkov пытаюсь открыть сайт @cssunderhood на PocketBook … и Loading page failed
8:16
@iamstarkov @cssunderhood сейчас попробую обновить прошивку. Думаю, это поможет.
8:16
@iamstarkov @cssunderhood не-а. То есть, в попытке прошить e-book, он превратился в кирпич =)
8:16
@cssunderhood мне в армии достаточно было один раз показать, насколько быстро печатаю (+ вслепую). Вся служба прошла за компами :D
8:30
@mr_skriming @cssunderhood css - это слишком сложно для меня. Я всего лишь маленький Java программист.
8:33

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

9:25

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

9:25

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

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

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

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

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

10:11

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

10:12
@cssunderhood @beshur Гитхаб тоже рекомендуют, но префиксом: primercss.io/guidelines/#cl… Как узнал про js-*, только радуюсь и рекомендую всем.
10:40
@cssunderhood Я научился различать размер компании и команды. В моей компании 6000+ человек, но команда маленькая и клёвая.
10:41
@cssunderhood Посоветуйте хороший html5 audio player. Может кто плотно работал с audio и знает отличные решения )
11:06
@cssunderhood @beshur деление на js и css классы восходит корнями к тому, что js и css пишут разные люди

1) это всё чаще не так
...

Но разве это не помогает избавиться от проблем? Удалили мы стилевой класс, и js перестал работать. Это не нормально. twitter.com/veged/status/6…

11:30
@cssunderhood стартапы — другая крайность и новичкам не стоит туда соваться.

А почему? twitter.com/vladimore/stat…

11:31
@cssunderhood неактивная кнопка: зачем делать button_disabled-css и button_disabled-js, если всё можно привязать просто к button_disabled?

Представим что при клике на какой либо блок текста, нужно подсветить его красным цветом. На что вешать событие? twitter.com/veged/status/6…

11:36
@cssunderhood потому, что цена ошибок новичка — смерть стартапа
11:43
@veged @cssunderhood, добавлю еще один вариант: css на .button:disabled, js на .js-action-name.
11:49
@beshur @cssunderhood мы пошли дальше, классы у элементов только для стилей, атрибуты с префиксом js-* уже для логики.
11:49
@cssunderhood вот Майк Монтейро хорошо написал по этому поводу deardesignstudent.com/8-reasons-to-t… Для дизайнеров, но разработчикам тоже подходит
12:17

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

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

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

12:39

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

12:46
@cssunderhood, если есть несколько сменных состояний с разными стилями. Тупо чтоб не изменять каждый раз два класса.
12:46
@mamyashev @cssunderhood то есть сидеть и не рыпаться? Дать взрослым дядям дела делать?
13:20

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

13:21
@mamyashev @cssunderhood серьезным стартапам - серьезные разработчики, все по честному.
13:35
@cssunderhood а делал кто баннеры в Google Web Designer или Adobe Edge Animate? Что выбрали из них?
16:53

# Вторник 154 твита

@cssunderhood howtocenterincss.com

Полезный сайт, помогает сгенерировать свойства для позиционирования элементов. twitter.com/gearmobile/sta…

6:10

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

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

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

6:37

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

6:38

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

6:39

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

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

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

6:44
@cssunderhood а как верстается на linux?
6:45

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

6:46

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

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

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

6:48

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

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

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

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

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

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

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

6:53

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

6:54

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

6:54

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

6:56

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

6:58

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

6:59

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

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

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

7:04

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

7:10

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

7:21
@cssunderhood А мне нравится в brackets функция вырезки макетов. Только тоже тормозной. Поэтому я там только макеты вырезаю.
7:22
@cssunderhood а что за плагин/скин такой, что позволяет ему так выглядеть?
7:22

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

7:26

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

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

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

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

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

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

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

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

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

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

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

8:21
@cssunderhood, каменный век.
8:23

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

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

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

8:25
@ilnurkhalilov @cssunderhood ) нужно еще учесть что нужно соответствующий инструмент прикупить на mac os

Вот и я об этом же :) twitter.com/csscoder/statu…

8:27
@cssunderhood, давно пора!
8:28

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

8:29

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

8:29

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

8:30
@cssunderhood Нужен — плохое слово. Не нужен, но очень удобен. @ilnurkhalilov
8:35
@cssunderhood, рано или поздно молодые разработчики заработают денег и купят mac.

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

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

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

8:36
@rdshck @cssunderhood да, не сложнее жизни под линолеумом
8:36
@GrawlCore @cssunderhood c линолеумом перманентная, постоянная боль, а с хаком — только один раз
8:38
@rdshck, это же вроде как юзать поделку собранную на коленке неизвестно кем @cssunderhood
8:38

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

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

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

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

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

8:42
@cssunderhood если нет денег, но есть стремление к прекрасному, то почему бы и не потратить немного сил на танцы с бубном
8:42
@cssunderhood @usernamus пользовался маком вернулся на винду так что каждому свое
8:42
@cssunderhood Попробуй, клёвая прога, сижу на убунте, макет режу в avocode, никаких бубнов и прочей нечести =))))
8:44

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

8:44

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

8:47
@cssunderhood Да!! скетч макеты пожалуйста, векторные элементы в svg пожалуйста, свойства в sass пожалуйста =)
8:50
@SemenZadorozhny @cssunderhood о боже! Где же ты раньше был, друг, спасибо!
8:50
@SemenZadorozhny @cssunderhood avocode тоже платный ((
8:53

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

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

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

8:56

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

9:18
@cssunderhood удобно ли верстать с vim?

Мне очень удобно. Конечно долго привыкал, но теперь очень рад. vimtutor очень помог. twitter.com/MikitaLisavets…

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

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

13:21

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

13:21

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

13:22

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

13:23
@cssunderhood а я табулирование больше люблю. Jade & Sass.
13:29
@cssunderhood имхо - выкинуть из css {}; - и будет неплохо совсем ))
13:29
@cssunderhood синтаксис - как в stylus
13:29

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

13:30
@cssunderhood В этом суть препроцессоров :-)

Не считаю это хорошим. Миксины, вложенность и прочее - хорошо, логика - нет. twitter.com/sapegin/status…

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

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

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

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

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

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

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

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

13:42
@helloilya @cssunderhood в пост всё это тоже существует
13:42
@helloilya @cssunderhood Циклы в стилях это жестко. Зачем там загаживать стили? Все от этого воздерживаются обычно.

Полностью согласен. twitter.com/koloskof/statu…

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

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

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

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

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

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

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

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

13:59
@cssunderhood, retina images, clearfix, grid (а-ля susy) и другие.
13:59
@cssunderhood ну и не пиши туда логику

Так поэтому они и не нужны мне :) twitter.com/GrawlCore/stat…

14:03
@cssunderhood @helloilya бесшовная интеграция. Autoprefixer + postcss-assets + Sass – яркий тому пример.

Хороший пример. twitter.com/GrawlCore/stat…

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

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

14:07
@cssunderhood @helloilya а как код подсвечиваете и автокомплитеры используете?
14:12
@cssunderhood первый день привыкаю к vim, иногда голова просто взрывается от разрыва шаблонов)
14:22
@cssunderhood а есть хорошие порталы с рецептами/туториалами/подсказками по хоткеям по виму?
14:22

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

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

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

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

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

14:28
@npofopr @cssunderhood id идеально подходит для логики. тк имеет наилучшую производительность! А такого подхода нет -, только +.
14:30
@hellbeast92 @npofopr @cssunderhood а если у тебя повторяющийся блок? уникалить ID или лучше всё-таки вязать к другим элементам? :)
14:39
@GrawlCore @npofopr @cssunderhood все зависит от целей.Если для логики это уникальынй блок, то использовать id, иначе атрибуты/классы.
14:39
@npofopr @cssunderhood стараюсь писать JS так, чтобы id никогда не был нужен

twitter.com/rimmer333/stat…

14:39
@hellbeast92 @cssunderhood а что даёт вим?
14:47

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

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

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

14:50
@rimmer333 @npofopr @cssunderhood не встречался с такими проблемами. ID нужен, но использовать его надо с умом.

Вывод верный. twitter.com/hellbeast92/st…

14:51
@cssunderhood @andrey_sitnik а postcss поддерживает синтаксис без :, {, ;?
16:33
@sky2high0 @cssunderhood PostCSS поддерживает сменяемые парсеры. Пока все хотят, но никто не написал. Я напишу в декабре, наверное
16:33
@sky2high0 @cssunderhood вот тут можно подписаться за статусом github.com/postcss/postcs…
16:33
@sky2high0 @cssunderhood но вообще можно использовать PostCSS после Sass — всё равно PostCSS не про синтаксис и миксины …
16:33
@sky2high0 @cssunderhood а про магию типа CSS Modules, cssnext, Font Magician, autoreset и т. п.
16:33
@MikitaLisavets @cssunderhood мы уже не используем термин «постпроцессор» потому что это бессмысленный терминологический спор :)
16:34
@MikitaLisavets @cssunderhood но тем не менее PostCSS очень далёко от Sass, потому что он не про переменные и примеси, а про сложную магию
16:34
В @cssunderhood серьёзно обсуждают как использовать id. Никогда не используйте id, в этом нет преимуществ, одни ограничения и недостатки.
18:27
@freiksenet_ru @cssunderhood @GrawlCore @npofopr посмотрите любое гугловское приложение, например музыку, там куча id в стиле bem
18:27

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

18:28
@cssunderhood странный вопрос. Гораздо важнее табы или пробелы! Вот пробелы — для педиков!
19:19
@freiksenet_ru @cssunderhood Никогда? Почему нельзя использовать id для ссылок-якорей?
19:21
@LostSenSS @cssunderhood Для этого есть name.
19:21
@LostSenSS @cssunderhood Хм. Был неправ, name депрекейтед. Ок, один юз кейс нашли. Я конечно же говорил про использование для js/css.
19:21
@DimaSharikov @lambdadmitry @vasilenkos @cssunderhood Ты в детстве клавишу таб не ломал?
21:21
@mamyashev @cssunderhood Старый добрый классический срач - пробелы vs табы. Я за! 😃
21:22
@_h4_ когда я вёл @cssunderhood то объявлял ночные эфиры разными старинными трюками CSS. Хочется поддержать традицию :)
21:22

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

21:22
@ros_ivanov @cssunderhood webinars.makeweb.me

Завтра вебинар по БЭМ. Кому интересно подключайтесь) twitter.com/gearmobile/sta…

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

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

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

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

7:42

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

7:43

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

7:44

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

7:44

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

7:45

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

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

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

8:18

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

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

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

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

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

8:20

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

8:25

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

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

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

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

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

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

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

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

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

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

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

8:37
@cssunderhood еще сколько-то транслируют стериотипы и то, чего уже давно нет :) например, что нет док, а они есть! :)
12:29
@cssunderhood сделал для себя вот такую подборку нужных мне плагинов - gist.github.com/r3nya/40c0b7c4… ... Может кому-то пригодиться
12:29
@cssunderhood px, rem или ... Кто, что выбирает для адаптивных сайтов? И есть ли правильные статьи по этому поводу. Или было уже?)
14:23

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

14:23
@npofopr @cssunderhood я вообще использую %, задал 1 раз шрифт а дальше %, а для блоков если надо max-min-width. Очень удобно.
14:29
@cssunderhood испольщую rem. Проще писать все в px, для этого написал миксин-конвертер gist.github.com/Krekotun/9c63b… @npofopr
14:29

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

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

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

14:30
@npofopr @cssunderhood мой подход em для компонентов, rem для остального, vw для непрерывного масшатирования страницы
14:49
@ardshock @cssunderhood @npofopr Процент имеет минус - зависимость от контекста. rem универсальный и оптимальный вариант.
15:05
@andrey_sitnik @akrekotun @cssunderhood @npofopr мне px кажутся ошибкой. Не люблю их. Они не относительны. Это уход от гибкости.
15:05
@cssunderhood youtu.be/aAwlcANlUX0

На хабре как то была серия статей на эту тему. Как правильно произносить разные термины, бренды и прочее. twitter.com/gearmobile/sta…

15:08

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

15:13
@cssunderhood броузер
15:30
@cssunderhood а вот если услышу «суперово» — перейду на противоположную вашей сторону улицы.
15:30
@cssunderhood Когда говорят по-английски или по-русски? Раздражает, когда вместо русских слов говорят английские без всякой меры.
15:30

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

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

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

15:49

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

15:50
@cssunderhood все вопросы уже отвечены
15:52
@cssunderhood Один раз спрашивал. Сам же и ответил потом.
15:52
@cssunderhood а многие ли вообще пишут js и css? 90% всего можно найти на codepen. Или каждый раз свой велосипед?
15:53
@nayanov @cssunderhood но главный (тот самый, на который 42) еще не задан:)
15:53

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

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

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

15:56

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

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

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

15:59
@cssunderhood stackoverflow совсем недавно стал с русской версией. Всё же большинство предпочитает свой язык. Да и вопрос легче задать.

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

16:00
@iamstarkov @cssunderhood ок. Большинство начинающих)

Большинство начинающих ограничевается гуглом :D twitter.com/npofopr/status…

16:17

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

16:18

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

16:24

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

16:25

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

16:25
@cssunderhood сделать и поддерживать какой нибудь проект для друзей/за деньги который будет стыдно сделать плохо.
16:30
@cssunderhood как-то не логично показываешь,моё
html -> blade ->jade/slim
css -> sass ->stylus + postcss
..-> grunt -> gulp
..-> mcss -> bem
16:33

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

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

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

16:48

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

16:49
@cssunderhood бросай ангуляр @ учи реакт
16:51
@cssunderhood понять принципы mv* на бекбоне, дождаться доков 2 ангулара и изучить его, например
16:51
@cssunderhood это конечно, если прям ангулар интересен. А так да, лучше реакт, трендовее)
16:51

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

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

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

16:53
@_nikbelikov @sapegin @cssunderhood можно пойти дальше и использовать персты да сажени вместо всяких там пикселей pic.twitter.com/2ytOiyal9w

Это пять! twitter.com/li_rian/status…

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

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

17:04

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

17:07
@ilnurkhalilov @cssunderhood все любят Реакт, а я говорю - Эмбер

Каждому своё же :) twitter.com/listochkin/sta…

17:36

# Четверг 14 твитов

@yustovskiy Я за Реакт, Редакс и далее. @cssunderhood
9:11
@sapegin @cssunderhood А что сейчас самое перспективное?
9:11

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

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

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

9:12
@beshur @ramainen @cssunderhood это уже какая-то js-ть :)
9:14
@cssunderhood я бы спросил людей как они в проектах разделяют es5 и es2015 файлы? по расширениям или по маске в названии
9:25
@sapegin @cssunderhood @yustovskiy главное решить поставленную задачу, ну изучит человек реакт, а к тому времени он уже устареет.
11:36
@cssunderhood сели батарейки в мозгу - что делать, чтобы быстро их подзарядить? ))
12:55

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

12:56

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

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

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

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

# Пятница 5 твитов

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

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

8:12

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

8:13
@cssunderhood, выкатывать новый, недотестированный билд на продакшен в пятницу вечером. Что может быть лучше!
8:30
@helloilya @cssunderhood Работать все выходные!
9:48

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

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

14:32

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

14:33
@cssunderhood отношусь к jQuery нормально. Почему он тебе не нравится?
15:11
@cssunderhood быстрый и легкодоступный инструмент для мелких и немелких задач
15:11
@cssunderhood не вижу причин такой ненависти к #jquery, это просто инструмент, при том ни плохой, плохо что иногда им еще гвозди забивают )
15:11
@cssunderhood считаю пережитком, от которого пора уже отказываться, он стал слишком медленным.
15:11

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

15:12

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

15:12

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

15:13
@cssunderhood ну типа "всё остальное" что-то делает, только когда ты к нему обращаешься, а лишние 50кб погоды не сделают
15:19
@cssunderhood потому что на начальном этапе jquery покрывает 95% исполняемых задач
15:19
@cssunderhood первое становится недостатком на малом проценте проектов, а второе субъективно
15:19
@Sigiller @cssunderhood такая тема только к холивару может привести, в cssunderhood кажется уже поднимали тему jq, ни к чему это не привело.

Да, наверное.... twitter.com/Bizi/status/64…

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

А что их портит? Я видел кучу молодых, которые на вопрос "Знаешь ли js?" отвечали "Ну jq знаю."
twitter.com/sapegin/status…

15:21
@cssunderhood Людей, которые не хотят учить Яваскрипт, портит не Джейквери.
15:39
@cssunderhood Их портит лень, нежелание учиться и достаточность Джейквери для их задач.
15:40
@cssunderhood очень не люблю и стараюсь везде выпиливать. В этом мне помогают webreflection.github.io/dom4/ и youmightnotneedjquery.com
15:40

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

15:40

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

15:46
@cssunderhood в jQuery в основном использую работу с событиями и селекторы. Работать с событиями на чистом JS задолбался бы.
16:14
@cssunderhood jQuery люблю и ненавижу за то, что хочешь улучшить свой JS, но знаешь, что на jQ это можно сделать в одну строку, искушает. :)
16:15
@cssunderhood и это правильно. Смотрел исходники, когда «учил jq»?
16:15

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

16:15
@cssunderhood ну, для начала, он просто уже не нужен :)
16:15
@cssunderhood а вообще, мне не нравится стиль, который навязывает jquery:
16:15
@cssunderhood отсутсвие явно выделенных геттеров/сеттеров, порядок аргументов у методов «массивов», толерантность к ошибкам в селекторах
16:15
@cssunderhood безудержный чейнинг, нейспейсы для событий, неудачные промисы, селекторы, не являющиеся таковыми по сути (:visible)
16:16
@cssunderhood и он таки мешает людям изучать нативные dom/ccsom методы
16:16
@cssunderhood Мужики, а ну его этот jquery. Может про тачки, женщин, футбол?
22:51

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

@cssunderhood любимым чтивом становится codepen - я рад этому! ))
11:16
@cssunderhood jq резко упрощает создание достаточно сложных страниц, а значит уменьшает порог входа в web разработку. Это большой плюс
11:16
@cssunderhood тут @PostHTML развивается вовсю, любителям @getbem очень советую заценить node-beml github.com/zenwalker/node…
11:18
@levwalkin @sapegin @as_Crazy @jsunderhood @cssunderhood не все умеют читать дальше заголовков pic.twitter.com/8bMPQvREMG
11:18

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

17:39

github.com

other