pgrekovich

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

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

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

9:36

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

9:39

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

9:39

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

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

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

9:57

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

10:00

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

10:01

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

10:04

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

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

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

10:12

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

10:34

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

10:35

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

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

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

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

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

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

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

10:46

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

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

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

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

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

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

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

11:14

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

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

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

12:25

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

12:25

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

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

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

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

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

13:11

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

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

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

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

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

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

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

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

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

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

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

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

15:39

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

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

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

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

# Вторник 148 твитов

@cssunderhood howtocenterincss.com

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

9:10

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

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

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

9:37

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

9:38

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

9:39

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

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

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

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

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

9:46

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

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

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

9:48

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

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

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

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

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

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

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

9:53

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

9:54

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

9:54

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

9:56

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

9:58

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

9:59

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

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

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

10:04

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

10:10

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

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

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

10:26

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

11:29

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

11:29

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

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

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

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

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

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

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

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

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

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

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

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

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

11:44

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

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

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

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

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

11:56

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

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

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

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

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

16:21

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

16:21

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

16:22

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

twitter.com/rimmer333/stat…

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

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

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

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

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

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

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

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

21:28
@cssunderhood странный вопрос. Гораздо важнее табы или пробелы! Вот пробелы — для педиков!
22:19
@freiksenet_ru @cssunderhood Никогда? Почему нельзя использовать id для ссылок-якорей?
22:21
@LostSenSS @cssunderhood Для этого есть name.
22:21
@LostSenSS @cssunderhood Хм. Был неправ, name депрекейтед. Ок, один юз кейс нашли. Я конечно же говорил про использование для js/css.
22:21

# Среда 92 твита

@DimaSharikov @lambdadmitry @vasilenkos @cssunderhood Ты в детстве клавишу таб не ломал?
0:21
@mamyashev @cssunderhood Старый добрый классический срач - пробелы vs табы. Я за! 😃
0:22
@_h4_ когда я вёл @cssunderhood то объявлял ночные эфиры разными старинными трюками CSS. Хочется поддержать традицию :)
0:22

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

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

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

0:24
@cssunderhood "- как сгенерировать рандомную последовательность символов? - попросить джуна выйти из вим."
0:31
@cssunderhood хех... а у кого какой цвет любимый и что он означает? )) у меня это зеленый a-la #387C44 ))
10:40

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

10:42

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

10:43

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

10:44

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

10:44

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

10:45

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

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

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

11:18

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

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

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

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

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

11:20

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

11:25

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

18:08

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

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

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

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

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

18:49

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

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

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

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

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

18:56

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

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

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

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

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

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

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

19:17

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

19:18

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

19:24

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

19:25

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

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

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

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

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

19:48

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

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

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

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

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

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

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

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

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

20:04

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

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

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

20:36

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

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

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

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

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

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

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

15:56

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

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

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

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

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

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

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

11:12

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

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

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

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

17:32

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

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

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

18:12

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

18:12

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

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

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

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

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

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

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

18:40

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

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

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

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

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

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

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

20:39

github.com

other