Заметки Ильи Страйко́ва

Руковожу Кодельной. Живу в Калининграде.

Домашняя страница

Обида на прогресс

После презентации iPhone X в твитере (а скорее всего и в остальных местах) появились ребята, которым паз сверху и полоска снизу не нравятся не эстетически, а потому что из-за них придётся адаптировать приложения, думать, что делать с дизайном.

Ребятам кажется, что на них свалится какая-то лишняя работа: бизнесу придётся выделить ещё денег и времени, чтобы учитывать новые условия. Придётся заплатить даже за то, чтобы просто оценить масштаб бедствия!

Мне кажется, что эти граждане провели все предыдущие годы в коме и забыли, что новые телефоны и обновления операционных систем выходили постоянно и почти каждый раз приходилось на это как-то реагировать: придумывать, как будет вести себя приложение на ширине, которой до сих пор не было, переходить с карамельных кнопочек на стиль iOS 7 и так далее.

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

Ну и вообще такая реакция выглядит как обида на прогресс:

— Остановитесь, дайте нам спокойно пять лет пожить и ничего не менять!

Неринга и Клайпеда в мае 2017

Неринга — это общее название посёлков Юодкранте, Нида, Пярвалка и Прейла, которые вытянуты по литовской стороне Куршской косы.

Нида

Такое:

На кладбище встречаются бывшие жители Кёнигсберга. Рождение — звёздочка, смерть — крестик:

У литовцев осталось много всякого языческого:

Советские люки:

Велодорожки вот: можно половину косы на велике пропилить — что мы и сделали (по российской половине косы, тем временем, можно проехаться разве что на унынии и стыде):

Юодкранте

В Юордкранте приятно пожить недельку жизнью обычного литовского пенсионера, когда всё задолбало — делать там совершенно нечего, но можно гулять по лесу, смотреть на море или смотреть на залив. Мы с удовольствием поработали.

Из развлечений есть таксофоны:

А вот этих ребят я коллекционирую — есть сценки из Варшавы, Гданьска, Амстердама, Берлина и Вильнюса:

Невероятной красоты поленница:

Снова кладбище:

Пиктограммы пляжей — нудистского, мужского и общего:

Ближе к Юодкранте есть отдельный женский пляж.

Клайпеда

В отличие от российской стороны, литовская коса отрезана от материковой части. На ту сторону ходит паром:

Чё-то такое:

Про Клайпеду вообще ничего не понятно, какая-то никакая вроде и слишком туристическая. В Юордкранте туристов удалось избежать: конец мая — ещё не сезон.

Лиза и Марго изучают краешек Балтийского моря:

До новых встреч!

Вакансия разработчика сайта на Вордпрессе

Ищу кого-то для работы над клиентским проектом: поддерживать и развивать блог Эвотора.

Технологии: Wordpress, Gulp, Less, React (необязательно), Vagrant, Ansible (в общем, хорошо, если вы уже работали с Trellis, но все штуки из него по отдельности — тоже норм).

Это удалённая парттайм-работа. Может случиться, что она станет занимать всё время. Работать надо будет со мной и вторым разработчиком: мы будем делать из простого блога крутое издание. Ещё придётся помогать верстальщику статей внедрять новые форматы.

Чтобы начать разговор, напишите письмо на ilya@straykov.ru с кратким рассказом о себе, проектами и ссылками на них.

Покажите вакансию знакомым!

Спросить клиента об отношениях внутри компании

На прошлой неделе понял, что в первый разговор с клиентом нужно обязательно включить такой вопрос: «Есть ли у вас тёрки или война внутри компании? Если да, но кто воюет против кого, за что выступают стороны и как это может повлиять на проект?»

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

Странно, что раньше это в голову не пришло узнавать — наверное, потому, что лезть в личные дела клиента как-то не клёво, пусть там воюет с кем хочет. Так вот, короче, не пусть. Это важно.

Жабка

Давайте расскажу вам историю про редизайн.

В Польше есть сеть продуктовых магазинов Жабка — это такая Пятёрочка, по магазу на каждом углу. У Жабки классные логотип и стиль:

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

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

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

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

Мораль: не всегда получится лучше, даже если кажется, что то, что было до вас — говно.

Ещё мораль: редизайн ради редизайна — плохая идея.

Вакансия фронтендера в Кодельной

В Кодельную нужен ещё один фронтендер для сдельной работы над клиентскими проектами (а со знанием React — для развития внутреннего продукта).

Набор слов

HTML, SCSS, JavaScript, Gulp (Initium), Sketch, Git.

Системные требования

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

Собеседование

Напишите письмо c рассказом о себе и ссылками на проекты на почту inbox@codecode.ru. После мы созвонимся по скайпу: обсудим какие-то вещи подробнее, и если всё будет хорошо — сразу расскажем про первую задачу.

Дизайн-просмотр в два-кей-семнадцать

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

Открытие этого года: оказывается, можно быть тупым и очень неясно выражающимся мудаком, фигача в одну точку десять лет подряд. Время вообще ни на что не влияет.

Фух, отпустило.

Кодельновский стандарт именования файлов

Это такая специальная заметка, в которой я рассказываю о том, как назвать файл так, чтобы я не злился и чтобы на него потом было удобно ссылаться. Это справедливо для джипегов, которые утверждаются у арт-директора и показываются клиенту. Скетч-файлы называются просто project.sketch, а всё разделение на страницы и версии — внутри файла (есть исключения, но они пока не важны).

Смотрите, тут всё просто:

Дата. День и месяц показа. Если это будет день создания файла — всё нафиг запутается.

Проект. Общепринятое название проекта — как чат к Слэке.

Часть. Страница или важное состояние. Важное состояние — это, например, попап, который блокирует экран. А открытый дропдаун — неважное, такое мы маркируем модификатором.

Модификатор. Все части названия отделяются дефисом, а модификатор (по аналогии с БЭМом) — двумя подчёркиваниями. Используется, чтобы показать состояние или, что бывает чаще, вариант существующей страницы.

Номер подхода к снаряду. Не всё получается сдать сразу: 2503-kadet-main.png, 2503-kadet-main-2.png, 2503-kadet-main-3.png.

Закрепим:
— Вот поиск: 1801-bilux-search.png
— Ага. А выдачу без результатов дорисуй?
1801-bilux-search__empty.png
— Пасиб

— Вик, цитаты вместе со всем остальным покажешь?
— На: 2102-nen-article-4.png
— <3

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

Что касается аутлайна

Предостерегаю от ошибки тех, кто использует Инитум в своих проектах.

У некоторых ХТМЛ-элементов есть аутлайн: такая уродская голубая подсветка (или как там ваш браузер это показывает) вокруг поля. Я убеждён, что в настоящих сайтах для людей её использовать нельзя и она существует только как напоминание — «эй, не забудь полям состояния сделать». К сожалению, многие думают, что это что-то готовое и нормальное — ну и выпускают сайты.

input, textarea, button {
  outline: none;
}

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

Так вот. Ребята! Посмотрите, что происходит у вас на фокусе и не забудьте застилить свою замену аутлайну. Запишите в чеклист куда-то себе, бумажечку на монитор приклейте. За своими-то я услежу, а у вас может случайно выпуститься сайт с косячной доступностью (придёт Вадим Макеев и наругает).

Не болейте.


Добавлено 6 июля 2017. Вадим рассказал об аутлайне в «Шортах»

Конспект лекции Быстроновского об интересе и важности

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

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

«Интерес и важность», 22—23 августа 2015, Москва

«Закрой ноут и слушай папу», — Лев Пикалёв

Вероятность удачи у всех одинаковая. Если две работы в год — то удача может посетить, а может и нет. А если делать дофига проектов, то удача ловится проще.

Чтобы научиться делать — надо просто делать.

Но есть ребята, которые много делают, но не становятся молодцами.

Баскетбол (не смотри на мяч). Знания о дизайне (очень быстро стухают, кроме знания о теле человека — сначала оно, потом РГБ). Дизайн (как выделить чувака на площади — пусть просто все от него на 50 метров отойдут). Переговоры ( — А что важное? — А мы про это не думали). Бюджет (сберегать немного денег каждую неделю, чтобы через какое-то время оставалось на то, что не очень горит). Время (самое важное для менеджера — ясная голова, надо смотреть не на мяч, а на площадку).

Все реагируют на шум. Люди им заняты. В переговорах важное умение — прервать неважную бубнёжку, например. Письмо из пяти абзацев надо переписывать.

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

Враг шума — ритм. Отстукивание ритма в мире шума.

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

Но отстукивать можно по-разному и слушать тоже. Кто-то хуёво стучит. Ритм иногда плохо доходит до людей. Нормальная тема недостаточно хорошо артикулирована.

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

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

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

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

Работа руководителя — отбивать ритм, а не создавать шум.

Но тут раз, блять, и Игра престолов на всю ночь, сезон. Чего-то не хватает. В игру вступает интерес. Нужно, чтобы проекты было интересно делать. Если участвовать в какой-то деятельности, которая неинтересна, надо понимать, что это сольётся. Обычно не учитывается интерес команды, которая будет делать проект. Это проёб.

— А что переделать, чтобы стало интересно? А что тебе обычно интересно?

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

Интерес — очень ценный ресурс. Навязать интерес нельзя. Нужно, чтобы людям было интересно вместе со мной работать. Интерес связан с подкреплениями и победой. Внезапные наказания убивают волю, интерес и желание жить. Как только в системе появляется интерес, она становится осмысленной. Умирает интерес — важность идёт под откос. Надо всё переформатировать и перезапускать. Задача вывести из зоны комфорта — тупая. Надо вывести куда-то.

Книга «Поток».

Держат ли людей на работе деньги? Нет. Только тех, кого прут деньги.

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

В мире без целей можно жить в танце. Просто нравится. Нравится танцевать дизайн. В танце цели не ставятся, правил нет.

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

Важность уступает интересу. Шум, ритм, важность, интерес — система. Цели и танец — личные штуки, чтобы было хорошо.

В дизайне можно использовать ритуалы. Быстрые проекты нужны для изменений в голове — маленькие победы важны. Если вещь не работает, не важно, сколько времени на неё потрачено — надо выкинуть.

Похуизм — не делиться сомнениями.

Официальное образование нужно для уверенности. Разница между образования с бумажкой и любого другого — в голове студента.

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

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

Обязанность старшего в конторе — не пускать мудаков.

Тех, кто наводит шум и свои другие ценности — не важны скиллы, профессионализм и другое. А то наведут шизофрению.

Заебись дизайн — когда начинается с админки. Сразу выдача настоящих данных. Решения и гипотезы пока ещё никакой нет, а сайт уже есть.

Для Людвига самый важный проект — /e/ в урле студии вместо и вместе с /everything/. Лебедев делает дизайн из умения раскладывать по полочкам. Людвиг делает дизайн из рефлексии.

Ранее Ctrl + ↓