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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

pic.twitter.com/RfnVsjTIxO

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

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

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

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

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

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

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

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

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

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

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

17-й выпуск «Веб-стандартов»: семантика, CSS новичкам, Git-клиенты, JS-модули, Google I/O — soundcloud.com/web-standards/… pic.twitter.com/9AtwxTtYMH

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

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

@cssunderhood разок участвовал в game jam. Затащили с индюшатиной grawl.ru/geom/

@cssunderhood нечто подобное и со мной сейчас происходит, хирургия) “На этой иконки не видно диафрагмы…”

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

@cssunderhood Начинал, как все с GM, в школе на конкурсах занимал места. Потом перешел на unity 3D и через врем забросил

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

на глазок @koderhan pic.twitter.com/R9gS1WkFxb

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

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

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

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

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

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

@cssunderhood да кого волнует, что думают разработчики? Самое главное - что думает клиент и его аудитория! :D

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@cssunderhood 5 гигабайтов.

@cssunderhood если это сайт пивного фестиваля — можно всё, если портал по трудоустройству — стоять с палкой над дизайнером... С битой скорее

Он самый @c01nd01r

@cssunderhood верстал около 50 макетов. Огромный е-магазин, который закрылся довольно быстро.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@cssunderhood ездил в Харьков, Киев и Москву на конференции. Узнавал новые фишки, общался с людьми. Это давало понимание некоторых вещей

@cssunderhood ну разные бывают. обычно компании проводят. itnonstop, javaday. И фонды (ФРИИ). Если ты эксперт, особо не помогает) это связи

@cssunderhood в моем городе Гродно ничего подобного не было :( смотрела онлайн и ездила. а потом перебралась в Минск.

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

@cssunderhood #jsnn рулит. Нижегородская конференция js.

Макетов нет, но вы держитесь!

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

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

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

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

Не сразу) @_yukkat

@zeihlis @id2473 @cssunderhood habrahabr.ru/post/282333/

@cssunderhood в двух местах работала с битриксом. Фронтенд всегда настраивали как хотели

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

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

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

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

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

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

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

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

@cssunderhood используем часть из atlassian.com и Hangouts Гугла для переписки и видеозвонков.

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

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

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

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

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

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

@cssunderhood @smashercosmo посмотри на #gitlab

Я вдруг понял, чем мне так не нравятся пиксели в CSS – подходом от внешнего вида, а не от содержимого.

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

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

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

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

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

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

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

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

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

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

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

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

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

@cssunderhood Настольный футбол стоял как предмет интерьера, приставку изредка поздно вечером трогало 1-2 чел. Дешевые печенья вообще норма

@cssunderhood но смотрелась эта здоровая плазма на стене с набором PS4+гитархиро+барабаны круто. При устройстве на работу сыграла свою роль

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

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

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

@cssunderhood вот была статья недавно medium.com/russian/%D0%BE…

@cssunderhood Падаван. Первые полгода @htmlacademy_ru + codecademy и попытки выхода на фриланс. Спустя 1.5 года работаю в студии. Мне норм )

@cssunderhood Вопрос: может кто-нибудь может поделиться опытом миграции БД в связке с гитом и битриксом?))

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

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

@cssunderhood Мы в Webskola учим так: набор лекций, потом даем проект и фигачим. Пока не сделают как надо дальше не продолжаем.

@cssunderhood крутейший гайд для фронтендеров (на английском): frontendhandbook.com

@cssunderhood Надо просто верстать интерфейсные блоки и шаблоны, а не ссылки коллекционировать.

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

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

Решили не так давно в авторами @cssunderhood попробовать поэкспериментировать с форматом вещания.

Опрос: будут ли интересны тематические недели в @cssunderhood (1 неделю 1 тема освещается несколькими авторами)?

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

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

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