Di_Ed_Seagull

23 мая 2016, Махачкала, Россия

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

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

6:15

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

6:17

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

6:21

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

6:22

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

6:26

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

6:31

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

6:35

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

6:36

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

6:39

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

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

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

6:45

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

6:46

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

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

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

6:50

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

6:53

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

6:55

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

7:31

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

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

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

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

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

7:36

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

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

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

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

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

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

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

7:50

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

7:54

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

7:58

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

8:01

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

8:02

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

8:07

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

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

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

8:13

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

8:16

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

8:18

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

8:19

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

8:21

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

8:22

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

8:27

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

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

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

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

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

8:41

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

8:43

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

8:43

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

8:44

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

8:46

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

8:47

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

8:48

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

9:21

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

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

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

9:35

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

9:43

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

10:25

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

10:28

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

10:31

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

10:32
@cssunderhood почему у вас в инпутах падингов нету?

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

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

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

10:39

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

10:40

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

10:46

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

10:47

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

10:48

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

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

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

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

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

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

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

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

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

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

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

12:17

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

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

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

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

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

12:44

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

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

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

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

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

13:08

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

13:09

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

13:10

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

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

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

13:16

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

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

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

13:20

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

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

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

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

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

13:43

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

13:52

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

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

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

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

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

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

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

21:14
@cssunderhood я так другу давал под сраку в течении года, сейчас мидл )))

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

21:28

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

Дробное утро, друзья. Я патологическая сова, так что утро у меня начинается в 11 утра.

7:47

Сегодня будем говорить о пересечении верстки и дизайна

7:47
@cssunderhood иди на стажировку куда-нибудь в большую компанию

Пока я в самой большой в городе. Если идти дальше, нужно переезжать, а это малость проблематично. twitter.com/olmokhov/statu…

7:48
@cssunderhood я, будучи гуманитарием до мозга костей, пытался изучать программирование, читая книги по python и собирая образцы кода
7:49
@cssunderhood и как работается в большой компании ? Не чувствуешь себя маленьким винтиком?

Разочарую тебя. Большая она в локальных масштабах. Около 20 человек. twitter.com/koderhan/statu…

8:02

Есть компании больше, но он занимаются продажами, а не разработкой, я там буду ни к месту как разработчик.

8:03
@cssunderhood вопрос ко всем: как задаёте отступы блокам? стараетесь ли делать это централизованно, например через сетку?
8:04

Просматривая зарубежные вакансии, я заметил, что у них нет отдельной должности верстальщика. Только web-designer и frontend developer

8:17

Люди, которые только рисуют — графические дизайнеры. А если назвался веб-дизайнером, изволь знать html/css/js

8:18

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

8:21
@cssunderhood в смысле между верстальщиком и js-программистом. Даже если специализируешься на чем-то одном, другое знать должен

Как по мне, js-программист больше работает с данными и логикой, а верстальщик занимается интерфейсами. twitter.com/Sigiller/statu…

8:23

И вот эту "лицевую" часть сайта разбивать на верстальщика и дизайнера немного странно. У каждого человека в любом случае свое видение.

8:25
@cssunderhood да, но эти логика и данные выводятся на интерфейс и неразрывно связаны с ним.

Разумеется, верстальщик - подмножество фронтендера. Но это не значит, что ему нужно думать о "лице" сайта. twitter.com/Sigiller/statu…

8:27
@cssunderhood имхо такой подход как раз несколько ограничивает полёт дизайнерской мысли. веб-дизайнер должен быть художником, а не версталой

Я бы не согласился. Интересно, что думают читатели twitter.com/alexzdesign/st…

8:29

О том, чтобы кнопки работали, таблицы сортировались, данные сохранялись. А следить, чтобы кнопки не съехали - работа верстальщика @Sigiller

8:31
@alexzdesign @cssunderhood 1) чем лучше дизайнер понимает вёрстку, тем лучше потом будет свёрстан его макет
2) дизайнер - не художник
8:31

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

8:32

Дизайнер должен быть немного верстальщиком и наоборот, верстальщик дожен быть немного фронтендером, фронтендер бэкендером

8:33
@cssunderhood а лучше все сразу должны быть фулл-стеками и не морочить друг другу головы =)

Ну, не сразу, но да) twitter.com/ABatickaya/sta…

8:35
@cssunderhood было у меня такое, нарисовали макет в формате (cdr) corelDraw)

Бывало и такое. Или в иллюстраторе. twitter.com/forwardomg/sta…

8:39

Для верстальщика жизненно важно уметь работать с редактором, в котором нарисован макет.

8:43

Кривая верстка из-за неумения посмотреть размер шрифта, или правильно вырезать иконку - частая история.

8:43
@Sigiller @cssunderhood а при чём тут веб-дизайнер и вёрстка!
Веб-дизайнер по сути рисует схему, а верстальщик по этой схеме собирает.

При том, что у веба есть свои стандарты и ограничения, обходить которые в угоду макету стоит большого труда. twitter.com/alexzdesign/st…

8:45
@cssunderhood но есть же авокод

Я не доверяю магии черных ящиков) twitter.com/Sigiller/statu…

8:46
@cssunderhood Некоторые верят, что графику должен нарезать дизайнер :-/

Зная наших верстальщиков, я нарезал. Иначе себе дороже выйдет. Один кадр скриншотил экран, чтобы получить иконку. twitter.com/sapegin/status…

8:47
@cssunderhood ну и зря, это же узкоспециальный инструмент как раз для тех целей для которых он нужен верстальщику

Я не только про avocode, но и про prepros.io, графические gui для гита и все остальное twitter.com/Sigiller/statu…

8:52
@sapegin @cssunderhood хороший дизайнер подготовит материалы так, что вам даже в голову не придёт открыть графический редактор.
8:52

Реализация макета должна подчиняться стандартам веба, их нельзя игнорировать. @alexzdesign @Sigiller

8:59
@cssunderhood @alexzdesign @Sigiller Самое страшное, когда в веб приходят дизайнеры-полиграфисты - тогда в макетах начинается ад

Дизайнеры-фотографы тоже способы отличиться. twitter.com/brainsapiens/s…

9:03
@cssunderhood а я всегда думал, что из-за ленивых верстальщиков :)

По-настоящему ленивые верстальщики верстают все сразу правильно twitter.com/c01nd01r/statu…

9:09

А кто из вас работал над сайтами с большим количеством анимации в интерфейсах и на странице? Как приходили к общему видению?

9:14
@cssunderhood @forwardomg про иллюстратор уже говорили: он больше годится для веба, чем фш

Что есть, то есть. Но люстра не так распространена как фш. Если появится sketch на винду, будет вообще прекрасно. twitter.com/curlymario/sta…

9:24

Подниму еще одну холиварную тему. Сайты с обилием анимаций и эффектов, коими заполнены awwwards.com и cssdesignawards.com

10:07

Обычно обсуждение делится на два фронта: 1) "Анимации не нужны в продакшене"; 2) "Анимации есть добро и несут счастье"

10:08

Например, сайт navigatingresponsibly.dk
Невероятно красивые анимации и переходы, параллакс, интерактивные элементы.

10:11

Стоит ли "wow"-эффект огрехов в UX и как определить золотую середину?

10:12
@cssunderhood а что с ними?

Среди разработчиков бытует мнение, что все эти красивости не нужны. А я люблю глазами и обожаю такие сайты. twitter.com/Sigiller/statu…

10:22
@cssunderhood ну тут как, наличие каждого элемента должно быть обосновано. Анимация должна быть тоже не просто так
10:28
@cssunderhood да кого волнует, что думают разработчики? Самое главное - что думает клиент и его аудитория! :D
10:28

Еще один очень красивый сайт
lookbook.quechua.com/spring-summer-…

10:31

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

10:31

Я фанат красивого UI.
Особенно нравятся анимации A->B, B->C, а не A->B->A, когда при сдвиге мыши анимация продолжается, а не реверсится

10:36
@cssunderhood перед тем как пихать паралакс везде где можно и нельзя,разве не стоит подумать-а зачем он в интернет магазине?
10:42

Есть такое, да. НО КРАСИВЕНЬКО ЖЕ! @revakoreva

10:44

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

10:45
@revakoreva @cssunderhood А зачем он вообще?

Если очень часто говорить в дизайне "зачем?", от сайта в итоге останется одна типографика) twitter.com/TheArtdizain/s…

10:47

Делал такой набросок
ddsgll.github.io/site/lab/anima…
Сайт, на котором это подсмотрел, до сих пор не могу найти twitter.com/losewmac/statu…

10:49

Побуквенная анимация текста грузит браузер, но в умелых руках смотрится очень изящно и "so smoothly"

10:52
@cssunderhood это неправда. В дизайне всё должно делаться с пониманием для чего это делается. Потому что он инструмент для достижения целей

Да, это правильный дизайн. Это тот дизайн, которого не видно и который работает с мозгами, а не с глазами посетителй twitter.com/Sigiller/statu…

10:55

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

11:01

Часто так делали с деревянными и сложными клиентами twitter.com/webholt/status…

11:02
У такого подхода есть одна проблема. Заказчик может выбрать хреновый. Заказчик часто норовит всё испортить в силу своей некомпетентности.

Нужно использовать реверсивную психологию. "Мы подготовили вам два хороших макета и вот это вот говнецо" twitter.com/webholt/status…

11:07

я запустался .-. @webholt

11:10
@cssunderhood И это очень хорошо. @TheArtdizain

верстать меньше :D twitter.com/sapegin/status…

11:11
@cssunderhood был товарищ, который всегда, всегда выбирал самый страшный. Как с ним не боролись, как ни подбирали варианты
11:23

Немного фронтендером. Но главное - человеком @nemcik7

11:51

Коллеги верстальщики и дизайнеры, а сколько макетов было в вашей самой большой работе?

12:06

В работе над resort-elbrus.ru я нарисовал 25 макетов. Сверстал половину, но потом ушел из той студии. Сайт попиливают до сих пор :\

12:09
@cssunderhood 5 гигабайтов.
12:10
@cssunderhood за 50 переваливало, но суммарно с доработками даже представить страшно)

50 макетов! Соцсеть или e-commerce какой-нибудь? twitter.com/forwardomg/sta…

12:27
@cssunderhood @alexzdesign по-моему, получается не рыба, не мясо. Дизайнер не должен знать и ограничивать себя правилами верстки.

Даже если в самой верстке эти правила и ограничения есть? twitter.com/doberbober/sta…

12:27
@cssunderhood 40 макетов

Да уж, до таких масштабов мне еще далеко) twitter.com/ardshock/statu…

12:46
@cssunderhood если это сайт пивного фестиваля — можно всё, если портал по трудоустройству — стоять с палкой над дизайнером... С битой скорее
12:50
@cssunderhood но ведь параллакс нельзя нарисовать? а? в нарисованном виде — это просто плоская картинка. или было подписано «это поролакс»?

Сайты-примеры, текстовое описание поролакса и где он будет.
Идеально вообще такие штуки пилить в AЕ twitter.com/denswor/status…

12:53

Он самый @c01nd01r

12:55
@cssunderhood верстал около 50 макетов. Огромный е-магазин, который закрылся довольно быстро.
12:55
@cssunderhood ну чтобы пилить в АЕ, нужен моушндизайнер или человек с такими навыками. А это весьма скиллинтенсивное дело. Дорого, в общем

Простой дизайнер может за недельку научиться простой шейповой анимации. Большой скилл для веба не нужен twitter.com/Sigiller/statu…

13:03
@cssunderhood оу, мои мечты сбываются :-) Дизайнера заставили верстать его творение. Справедливость существует посоны!
13:03

На аутсорсе - нет) Делал для проектов внутри студии twitter.com/c01nd01r/statu…

13:04
@cssunderhood дело было так: анимация — зло ==> статика — всепоглощающающее благо ==> решено!
13:19
@cssunderhood 600+

И у нас есть победитель! twitter.com/LyubimColt/sta…

13:19

Тут или чувак меня неправильно понял или у него реально было в 600+ макетов в одном проекте @GolubevVictor

13:24

Если буква = состояние, то да, так вернее @trolizmaslom

14:30

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

15:06

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

15:08
@cssunderhood в чём именно проблематичность переезда?

В поиске жилья и работы в незнакомом городе. Тем более уроженцу кавказа. twitter.com/olmokhov/statu…

19:36
@cssunderhood не вспомню чтобы я когда-то пользовался сайтом из каталога awwards. Есть годные?

Ну, большинство из них промо-сайты. Регулярно не пользовался. twitter.com/Copypasting/st…

19:36
@cssunderhood @GolubevVictor все верно. Я занимался редизайном админки ucoz. Ловите майндмэп навигации :) pic.twitter.com/R3zpMNhXI3

Реально победитель) Крутой масштаб!Ё twitter.com/LyubimColt/sta…

19:39

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

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

6:54

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

6:56

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

6:57

Так появилась группа вконтакте vk.com/frontseagulls и чат в телеграме. Пока все только онлайн, но уже на подходе первая встреча.

7:00

Не хотелось ставить в название что-то вроде "dag" или "05", поэтому выбор пал на чаек. pic.twitter.com/cWJbHKkzOp

7:02

Чайки ассоциируются с морем, они классные и я их люблю.

7:04
@cssunderhood Ты когда-нибудь пробовал, например, чистить рыбу на берегу, где много чаек?)

Нет :D Но бросался хлебушком зимой, а они ловили его на лету. Было красиво. Даже фоточки есть где-то. twitter.com/webholt/status…

7:10
@cssunderhood как попасть в чат?

Пардон, проглядел.
telegram.me/frontend_seagu… twitter.com/WestonCharles/…

7:27

У каждого региона и даже города есть свои предпочтения в соцсетях и мессенджерах, которые делятся по сфере интересов.

7:30

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

7:31

Пробовал и гиттер и слак. В слаке даже набралось сколько-то людей и воцарилась тишина. Необходимость регистрироваться отсеивает много людей.

7:32
@cssunderhood телеграмм для таких вещей объективно удобнее. Слак хорош только для работы, для простого чата его функционал изботчен

+1. Slack больше подходит оффлайновым командам разработчиков, которым нужна удобная для обсуждения площадка. twitter.com/Sigiller/statu…

7:36
@cssunderhood @Sigiller слак ещё удобно для всяких онлайн-курсов использовать - каждый урок в отдельной теме, запиненые ДЗ и тд

На заметку! twitter.com/zhyvebelarus/s…

8:02

Вопрос к жителям "не-столиц". Какие конференции вы посещаете, участвуете ли и как они вам помогают?

8:13

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

8:14

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

8:15

Тут очень помогает доклад @olmokhov "Путь бобра".
youtube.com/watch?v=b7kFvT…

8:16
@cssunderhood @olmokhov Таки ты посмотрел и оценил (=

Посмотрел, оценил, вдохновился, понял, что это не фантастика, и начал. twitter.com/webholt/status…

8:19
@cssunderhood зачетное название для конференции в вашем регионе 👌

Да, название отличное. Жаль, что организаторы куда-то пропали. Там был и геймдев и микроконтроллеры и много другого twitter.com/rboykov_/statu…

8:20
@cssunderhood ездил в Харьков, Киев и Москву на конференции. Узнавал новые фишки, общался с людьми. Это давало понимание некоторых вещей
8:21
@cssunderhood ну разные бывают. обычно компании проводят. itnonstop, javaday. И фонды (ФРИИ). Если ты эксперт, особо не помогает) это связи
8:44
@cssunderhood в моем городе Гродно ничего подобного не было :( смотрела онлайн и ездила. а потом перебралась в Минск.
8:45
@cssunderhood иногда проводятся необычные встречи, правда. По дизайну и мини-воркшопы. Это наиболее полезные сходки) иногда приглашают топов
8:46
@cssunderhood #jsnn рулит. Нижегородская конференция js.
8:46
Макетов нет, но вы держитесь!
9:20

А есть среди вас верстальщики и фронтендеры, которые в работе используют все то, о чем рассказывают на конференциях?

12:11

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

12:11
@cssunderhood было. типа фронтенд, а занимаешься версткой ) думаю, все от проджект менеджера зависит. интересно где крутую команду найти
12:25
@cssunderhood если честно, я вообще не использую препроцессоры, сборщики, git и живу нормально)
12:30
@cssunderhood зачем себя так мучать? Нет работы с нормальным стеком технологий? Битрикс - адок тот еще

Увы, нет. На фреймворках работают одиночки-фрилансеры. Студии поголовно сидят на CMS twitter.com/id2473/status/…

12:41

Не сразу) @_yukkat

13:45
@cssunderhood в двух местах работала с битриксом. Фронтенд всегда настраивали как хотели
13:45
@cssunderhood если компания помогает с переездом?

Не все помогают) И это надо еще дистанционно заинтересовать. У меня такого пока не было. Только удаленка. twitter.com/olmokhov/statu…

14:09
@id2473 @cssunderhood есть вариант спрятать битрикс за nginx, вместе с nodejs, и поручить последнему фронт. А битрикс пусть json ему отдаёт.

мсье, да вы проказник twitter.com/vitkarpov/stat…

15:17

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

@cssunderhood новинки занимают очень много времени на изучение и внедрение, поэтому я делаю все по старому. А новомодные штуки только в тест
6:46
@cssunderhood Яндекс?

А где можно подробнее почитать об условиях стажировки и работы в Яндексе? twitter.com/olmokhov/statu…

7:03

Стажировку не нашел. Или это в разделе вакансий? @SheVasya

7:06

Пардон, нашел. Еще не отошел от вчерашнего. @SheVasya

7:06
CSS-анимации моя любимая часть в CSS. Правда это иногда становится опасно, т.к. я начинаю тратить на них времени куда больше, чем нужно
9:07

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

Доброе утро. Вчера был нагруженный день и я решил не отвлекаться на твиттер.

7:17

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

7:18

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

7:19
@cssunderhood а подскажите чатик в телеграмме, про верстку и про все все все в это духе

В телеграме подписан только на каналы telegram.me/frontendraccoon и telegram.me/proglibrary Обилие подписок мне мешает twitter.com/aleshaoleg/sta…

7:23

Недавно наша компания перешла на скрам (о боги!) и работа пошла намного быстрее. Задачи стали яснее, сроки конкретнее, а работа приятнее.

7:25
@cssunderhood Стыд и скрам.

Всяко лучше водопада) twitter.com/webholt/status…

7:33
@cssunderhood используем часть из atlassian.com и Hangouts Гугла для переписки и видеозвонков.
7:33
@cssunderhood Используем Скрам, он быстро показал где кроется основная проблема.

Вот да, сразу становятся ясны узкие места. У нас проблемой стала оперативная работа с клиентом. Дал заказ — и пропал twitter.com/forwardomg/sta…

7:34
@cssunderhood Этой проблемой оказалось ТЗ. Product owner'у конечно это очень не понравилось)

Насколько я знаю, в скраме нет четко обозначенного тз. Наши клиенты смотрят на это искоса, но соглашаются. twitter.com/forwardomg/sta…

7:36
@cssunderhood Со временем конечно все привыкли, воспитали людей и задачи стали продвигаться быстрее и яснее)

Нам пока полноценной воспитать удалось только одного PM'a и разработчиков) twitter.com/forwardomg/sta…

7:37

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

7:41

CMS убивают любой креатив. Подавляющее большинство заказов -покупка битрикса, готового решения и его модификация. Быстро, эффективно, скучно

7:46

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

7:47

Это gulp + stylus + jade + PostCSS, чтобы "причесать" готовый css, browser-sync для отладки на мобильниках и опитимизаторы графики.

7:49

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

7:49

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

7:50
@cssunderhood slack + github + pivotal tracker + скрам мастер, который следит за процессом и не позволяет скраму превратиться в срань.

Третий месяц зову всех на гит. Никто не идет :( Техдир говорит, мол, надо, но потом. twitter.com/smashercosmo/s…

7:59
@cssunderhood лучше сам стань техдиром, потому что «потом» — навсегда :)

Яниумеювкоммуникации ( ._.) Когда я вижу, сколько он общается с клиентами и членами команды, мне становится страшно twitter.com/soulmusic/stat…

8:05
@cssunderhood У вас скрам-мастер является участников спринта?

Да. Занимается поднятием решения и заполнением контента. twitter.com/forwardomg/sta…

8:06
@cssunderhood @PostCSS Попробуй CSSO один раз, и ты уже не сможешь от него отказаться. Насамделе, поразительные результаты оптимизации.

Использую) Оптимизатор отличный, но минификация - не всегда выход. twitter.com/Alex_Jegulsky/…

8:08
Но @cssunderhood же ведешь, значит норм всё с коммуникациями ;)

Тут я вижу только текст и аватарки) Это проще. twitter.com/soulmusic/stat…

8:13
@cssunderhood Не всегда выход... откуда?

Из дебрей доработок поддержки и прочего. Да, можно все орагнизовать но на практике оказалось проще не минифицировать twitter.com/antonfrolovsky…

8:14
@cssunderhood Даже на сервере после деплоя?

Да. Все очень плохо. twitter.com/antonfrolovsky…

8:16
@andrey_sitnik @cssunderhood Правда твоя. Но в контексте оптимизации салата “готовых решений” для продакшена CSSO хорош тем, что жмет с умом

Я предлагал на сайтах, которые давно работают, склеить и сжать стили и скрипты. Ответ был что-то вроде "meh..." twitter.com/Alex_Jegulsky/…

8:22
Я вдруг понял, чем мне так не нравятся пиксели в CSS – подходом от внешнего вида, а не от содержимого.
8:34
@cssunderhood @smashercosmo и после этого вопрос, в Дагестане много работы для it? И как свободно можно поменять место работы?

Не сказал бы, что мало. Уровень требований к соискателям невысок и даже хороший джун может найти себе место. twitter.com/Tom910ru/statu…

9:23

Fix: легко может найти себе место. Правда порой тут начинает казаться тесно из-за устаревшего стека.

9:25

Назрел вопрос. Кто из подписчиков работает в "офисе мечты" с игровой зоной, иксбоксом, печеньками, спортзалом и проч.? Не отвлекает?

9:41
@cssunderhood а это вы типа вообще без контроля версий работаете? О_о

Да. *уворачивается от летящих помидоров". twitter.com/Sigiller/statu…

9:42

Однажды был сайт на Yii. В гит умели я и прогер. Остальные всё сломали и в итоге в продашене снова был перелопаченный код.

9:43
@cssunderhood я вот думаю, что я бы ей вряд ли пользовался, потому что некогда же. А в небольших перерывах можно и хартстоун погонять
9:44
@cssunderhood но как?.. я уже даже в соло не могу без него. один раз нужно было вернуть часть кода от которой я отказался и не было гита

В соло верстка у меня на гите. Но сами сайты — нет. Есть бекапы, сферическое желание на гит перейти. Но не более twitter.com/Sigiller/statu…

9:46
@cssunderhood ну то есть в этом меня смущает тот факт, что легко не заметить, когда ты кому-то понадобился в почте\скайпе\слаке

А мобильник с уведомлениями? twitter.com/Sigiller/statu…

9:47
@cssunderhood я проект в гит целиком сливаю. но у меня и не бывает, чтобы вёрстка в отрыве от остального

Фуллстек? Или просто сразу начинаете с гитом?
Я жутко завидую людям с нормальный рабочим процессом. twitter.com/Sigiller/statu…

9:49

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

9:53
@cssunderhood у нас весь фронтенд/бэкенд был в разных гитах, но деплой на ФТП был :( Сейчас всё красиво с Jenkins автоматизировано.
9:55
@cssunderhood уффф
Ну подружили без проблем почти.
У тебя на каком этапе проблемы возникают?

На этапе уговоров команды начать хоть что-то для этого делать.
Битрикс - он же большой, как вы его там храните? twitter.com/odd_wheel/stat…

9:58
@cssunderhood я всегда перевожу людей на гит. Пусть сопротивляются, но я их убеждаю.

Мне техдир сказал, что если гит тут и появится, то только моими усилиями. Я, извините, прих*ел, но все еще надеюсь. twitter.com/gladkih_m/stat…

9:59

Я хз, на себе не испытывал, но думаю, что меня отвлекало бы. Потому и спросил. @sapegin

10:00

Верстку свою храню в гите, отсылаю программистам, но они просто берут сборку и вешают на нее битрикс @gladkih_m

10:01

Пардон, вешают ее в битрикс @gladkih_m

10:02
@cssunderhood лично я вырезаю ядро битрикса при помощи .gitignore и работаю.
10:05
@cssunderhood а, ну с командой я хз
В игнор папку bitrix, при развороте копии сайта для разработки это ядро получаем

А разве темплейты хранятся не в этой папке? twitter.com/odd_wheel/stat…

10:06

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

10:08

Спасибо. Нужно будет записать это все и серьезно обсудить с программистом @odd_wheel

10:09
@cssunderhood Ну так не работай в таком офисе, нас не отвлекает ;-/

У меня нет такого офиса, не заставляй меня плакать! D: twitter.com/sapegin/status…

10:11
@cssunderhood а в чем проблема? У нас битрикс и гит и все хорошо

Проблема не в реализации, а в нежелании вообще использовать гит. twitter.com/DenisZavgorodn…

10:12
@cssunderhood @odd_wheel не обязательно хранить там ядро. Его, при желании, можно сабмодулем
10:12
@cssunderhood у нас бильярд, пинг-понг и куча муз. инструментов. примерно раз в 2 часа народ уходит отдыхать. продуктивность не страдает.

крутота twitter.com/smashercosmo/s…

10:32
@cssunderhood Настольный футбол стоял как предмет интерьера, приставку изредка поздно вечером трогало 1-2 чел. Дешевые печенья вообще норма
11:17
@cssunderhood но смотрелась эта здоровая плазма на стене с набором PS4+гитархиро+барабаны круто. При устройстве на работу сыграла свою роль
11:17
@cssunderhood мы с админом подняли и перевели все за ~неделю, правда еще пришлось всех учить гиту, это было года три назад
11:28

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

12:34

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

12:36
@cssunderhood вот была статья недавно medium.com/russian/%D0%BE…
12:41
@cssunderhood Падаван. Первые полгода @htmlacademy_ru + codecademy и попытки выхода на фриланс. Спустя 1.5 года работаю в студии. Мне норм )
12:46
@cssunderhood Вопрос: может кто-нибудь может поделиться опытом миграции БД в связке с гитом и битриксом?))
13:16
@cssunderhood прошел почти все курсы на htmlacademy, читал статьи из паблосов в вк, из забугорных интернетов. Где-то в марте понял, что...
13:16
@cssunderhood ...хватит сидеть и решил после одного случая позвонить в Студию 38. Аллах смиловистился и все закрутилось, завертелось! Ухх!
13:18
@cssunderhood реальный боевой опыт с людьми в теме - это вам не хуи пинать в кресле дома. Там придется пояснять за все, слушать, задавать...

Большущий плюс. В окружении таких людей я впервые понял, каким был посредственным ничем. twitter.com/petrthepig/sta…

13:19
А существуют какие-нибудь плакаты с темой фронтенда? хочу себе, чтобы за спиной висел :)

Бери все в свои руки — нарисуй!) twitter.com/talgautb/statu…

13:26
@cssunderhood Мы в Webskola учим так: набор лекций, потом даем проект и фигачим. Пока не сделают как надо дальше не продолжаем.
13:44
@cssunderhood крутейший гайд для фронтендеров (на английском): frontendhandbook.com
14:51
@cssunderhood Надо просто верстать интерфейсные блоки и шаблоны, а не ссылки коллекционировать.
15:04

А если надеть скафандр, но палочку держать внутри своими руками и трангрессировать в космос, то улетишь со скафандром или без?

17:20

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

18:43
@cssunderhood в чем причина нежелания? Если задачи не глобальные, то можно начать с использования десктопного приложения от @github

Самый частый аргумент - "мне и без него хорошо". twitter.com/VladKirbaba/st…

19:16
Решили не так давно в авторами @cssunderhood попробовать поэкспериментировать с форматом вещания.
20:31
Опрос: будут ли интересны тематические недели в @cssunderhood (1 неделю 1 тема освещается несколькими авторами)?
20:31

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

@cssunderhood весь креатив должен быть в обработке запросов на сервер разными алгоритмами. Проблема не в системах, а в скучных задачах.
7:08
Перестаньте использовать target=_blank! Это поведение никуда не годиться. Новая страница должна открываться в фоне, либо в текущей вкладке.

На этот счет есть правило: ссылки внутрь сайта открываются в текущей вкладке, на внешний сайт — в новой. twitter.com/mxtnr/status/7…

10:44

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

@cssunderhood плохое «правило». Крис Койер объясняет для чего можно, а для чего нельзя использовать target="_blank" css-tricks.com/use-target_bla…
6:44

Друзья, у меня проблемы с выходом в сеть, поэтому на этом твите мой дозор окончен. Будьте крутыми. Всем спасибо, вы классные =)

15:38

other