Так, всё.
Заканчиваю прокрастинировать и раскачиваться.
Есть что навёрстывать, есть о чём рассказать и что показать.

Я ещё здесь. Спасибо вам, что вы тоже.

В 1970 году математик Джон Конвей придумал игру под названием «Жизнь» (Game of Life). Это сетка из квадратных ячеек, каждая из которых может быть закрашенной (населённой, «живой») или пустой.

На старте игрок определяет, какие клетки живые, какие – нет, и запускает «эволюцию», на каждом шаге которой проверяются два условия:
1) пустая клетка становится живой, если среди восьми окружающих клеток есть ровно три живых, остальные остаются пустыми.
2) живая клетка остаётся живой, если среди восьми соседей есть 2 или 3 живых, остальные становятся пустыми.

Несмотря на простоту правил, эта система проявляет свойства, не присущие её отдельным элементам.

Например, отдельные структуры обладают цикличностью (осцилляторы). Другие могут перемещаться по полю (глайдеры). Третьи генерируют глайдеры (ружья). Четвёртые перемещаются по полю и оставляют за собой след (паровозы).

Более того – из этих небольших структур можно создавать ещё более сложные, способные к генерированию и обработке сигналов, хранению логических состояний, проверке условий – то есть всему тому, что определяет вычислительные машины. «Жизнь» полна по Тьюрингу – то есть на ней можно «запрограммировать» любой алгоритм, доступный компьютерам.

Например, саму «Жизнь»: https://www.youtube.com/watch?v=xP5-iIeKXE8

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

Визитки для небольшой компании

Найден самый удобный способ собирать макеты визиток так, чтобы их заказчик мог редактировать и готовить в печать сам.

Коротко: PDF-форма.

Развёрнуто: выгружаем макет в PDF, в Акробате делаем из него форму. Чтобы потом заполнять поля, достаточно бесплатного Adobe Reader. А заполненную форму потом надо «напечатать» PDF-принтером. Стандартный микрософтовский даже шрифты в кривые переводит.

Фиксация долгов

Иногда видишь какой-то несущественный косячок в макете, который уже ушёл в печать, по которому уже все работы закрыты, и исправлять его нет либо смысла, либо времени. В таком случае в папке проекта надо создать файлик «Долг» (debt.txt), в котором описать проблему.
Когда придёт время вновь вернуться к этим макетам (делать новую версию, внести изменения или просто передать исходники) – этот файл бросится в глаза, и к остальным работам можно будет безболезненно приурочить устранение старых долгов.

Как перестать беспокоиться и начать жить

Чтобы не помереть, надо чётко разделять работу и отдых. Причём время на работу меняться может, а время на отдых – свято, сдвигать и работать в него нельзя. Даже думать про работу нельзя. Как в той поговорке – «делу время, потехе час» – обязательно не меньше часа, и обязательно только потеха.

А чтобы вне работы можно было отдыхать, все дела, пусть даже самые мелкие, надо фиксировать письменно. Помнить – херня; я пробовал, мне не понравилось. Если больше одной вещи в голове держишь, то от одного этого уже уставать начинаешь.

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

Рационализация странностей

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

Может быть, клавиши отсортированы по частоте использования (0, 1 и 2 в центре). Или они намеренно расставлены в непривычном порядке, чтобы оператору пришлось переключить внимание на ввод и снизить таким образом вероятность ошибок. Или, может быть, сигнальные контакты в панели расставлены в таком порядке, чтобы сэкономить на монтаже – и эта выгода превосходит дополнительные трудозатраты оператора. Или, может, просто инженер дорабатывал последние две недели перед сокращением и, как мог, отомстил потомкам.

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

История с ваттметром возымела продолжение!

@Lex_Murrey запостил картинку с вопросом «зачем так?» на Пикабу, а пикабушник EnableDevice написал в компанию Энергомера и получил (!) официальный ответ:

Да, действительно, имел факт выпуска приборов с такой клавиатурой. Производителем клавиатуры был допущен брак. Но в связи со срочностью изготовления приборов была выпущена ограниченная партия ЦЭ6802 с такой клавиатурой до изготовления новой партии клавиатуры.

С уважением
ведущий инженер
Дмитренко А.Т.

На этикетке молока увидел прекрасное: круговая диаграмма, показывающая, что молоко почти наполовину состоит из углеводов, и спидометр, наглядно демонстрирующий, что 260 ккал – смерть.

Это пример графики ради графики: пытаешься понять смысл, заложенный в образ – а его нет.

Наконец я завёл блог с очень персонально-брендовым адресом http://sarnetsky.ru/

Плюсы своего сайта:
· теги
· комменты
· пермалинки с осмысленными названиями
· редактирование постов больше чем через сутки
· поисковая индексация

Постепенно буду переносить контент отсюда туда.

Велкам :)

Фасад и структура

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

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

При этом оба макета правильные, но на разных этапах работы.

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

Автолейаут, как и сетка, является инструментом выравнивания, а не конструирования. Их присутствие на ранних стадиях — такая же ошибка, как отсутствие на поздних.

TIFF, экспортированный из Иллюстратора, можно уменьшить на 20–200%, открыв его в фотошопе и сведя слои (Layer > Flatten Image)

В гугл-музыке мне очень не хватало каких-то обозначений синглов и EP в списках альбомов.

У Яндекса с этим получше, но ещё лучше было бы указать продолжительность и количество треков.

В конце прошлого года выступил на митапе брянской dev-тусовки с рассказом про свои находки и просчёты (ticks and trips, ага) при разработке страниц интернет-магазина.

Там про UI/UX, взаимодействие с разработкой и изобретение велосипедов. И, разумеется, цитата Стива Джобса в конце, как же без этого.

Текстовый баббл с обводкой

В одном чате возник вопрос: как в фигме сделать текстовый баббл с автолейаут и обводкой? AL не понимает Union-объектов, а если делать сам текст и «хвостик» отдельными объектами, то не получается убрать обводку на стыке прямоугольника и хвостика.

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