37 заметок с тегом

работа

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

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

Набор слов

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

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

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

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

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

29 июня   вакансия   веб   кодельная   проект   работа

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

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

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

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

30 апреля   дизайн   лекция   наблюдение   опыт   работа

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

Это такая специальная заметка, в которой я рассказываю о том, как назвать файл так, чтобы я не злился и чтобы на него потом было удобно ссылаться. Это справедливо для джипегов, которые утверждаются у арт-директора и показываются клиенту. Скетч-файлы называются просто 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. Вадим рассказал об аутлайне в «Шортах»

2017   веб   инитум   принцип   проект   работа   совет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всегда плати зарплату

Вы, наверное, знаете про принцип «сначала заплати себе». В случае жопы подразумевается, что начальник должен заплатить себе, чтобы смочь вырулить из трудной ситуации, а команда подождёт. Это фигня.

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

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

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

Всегда плати зарплату.

2016   команда   принцип   работа

Наболело

У меня есть два десятка черновиков заметок про разные ситуации из прошедших и текущих проектов. Я пишу их прям по горячим следам — одну только что написал.

Публиковать их сразу нельзя: клиент обидится, расстроятся коллеги, кто-то приедет набить лицо.

На каждую у меня заведено событие в календаре — опубликовать через год. Тогда будет безопасно, но мне уже не захочется. Пар вышел, никто не пострадал :-)

2016   переговоры   принцип   проект   работа

Инитум

В основе фронтендовых проектов Кодельной лежит Ини́тум — шаблон для быстрого старта вёрстки. Без него было бы грустно и медленно.

На скриншоте — первый запуск версии 2015 года. Сейчас работает pug-шаблонизация

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

Посмотреть на Гитхабе

Расскажу прям одним абзацем буквально, чё там. Шаблоны верстаются в pug-файлах — это бывший Jade. В стилях — PostCSS с минимальным набором плагинов. Пока нам нужны только вложенность и переменные. Исходные файлы живут с расширением .pcss, чтобы можно было отличить от боевых и заставить джейтбрейнсовские программы считать его SCSS-ом. Babel, конечно же. Для ретроградов — jQuery. Работает сбрасывалка кэша для стилей и скриптов. Картинки сжимаются.

Попробуйте и приносите пул-реквесты (там как раз туннель в интернет не всегда стабильно работает). Расскажите потом, если сделаете проект на основе Инитума. Или напишите мне письмо и приходите работать.

Спасибо Кириллу Чернакову, Олегу Алешкину, Алексею Чикину, Арсению Максимову и Ване Клименко.

2016   веб   вёрстка   проект   работа   технологии

Сразу в среде

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

Потом придумал рисовать сразу в сафари или в айфоне.

А на позапрошлой неделе додумался поставить на фон маковскую завставку — и наконец-то избавился от ощущения, что делаю что-то стерильное в вакууме.

Шаблон для нового проекта:

Расскажите о секрете друзьям и своей маме.


Файл обновился 20 октября
Костя Терещенков сделал браузер резиновым

2016   браузер   дизайн   наблюдение   работа

Прогрессбар в макете

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

Для разработчика — маленький ад. Сущностей много, легко запутаться, что-то потерять, о чем-то подумать, что сделал, а на самом деле не сделать, забыть поменять картинки или текст.

Когда начинал верстать, нарисовал себе рядом с макетом упрощённую схему:

Она помогла запомнить макет, уже неплохо.

Добавим информативности:

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

Пользуйтесь на здоровье.

Ctrl + ↓ Ранее