Подписаться на блог
В Твиттере

Реплики и ссылки на заметки

В Фейсбуке

Ссылки на заметки

Вконтакте

Ссылки на заметки

В Телеграме

Ссылки на заметки

В Тумблере

Заметки целиком

В Же-же

Заметки целиком

По РСС

Заметки целиком

Если что-то из этого не работает, напишите мне: ilyabirman@ilyabirman.ru.

Блог

Из недавнего:  Переворот в мобильном интерфейсе  ·  Регистрация на рейс «Аэрофлота»  ·  Как выучить иврит  ·  Вселенная знает  ·  Сила


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

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

Беджи сотрудников

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

26 марта   жизнь   идиоты   фото

Простая установка Эгеи на ДО, Линод и всё такое

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

«

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

Каждый раз когда Эгея попадалась мне на глаза, я её скачивал, а потом вспоминал что её нужно же как-то куда-то установить, и откладывал в долгий ящик. Если ты программируешь не на ПХП, все эти „залить на хостинг за одну минуту“ становятся от тебя бесконечно далеки.

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

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

Программистский способ

Программистский способ — это:

  • арендовать виртуальный сервер с линуксом (Digital Ocean, Linode, Scaleway);
  • поставить туда нужные версии Апача, ПХП и MySQL;
  • все правильно сконфигурировать;
  • и залить туда Эгею.

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

Можно конечно написать себе инструкцию на будущее. Можно баш-cкрипт. Но есть способ получше: записать инструкции в Ansible playbook.

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

Ансибл

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

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

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

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

Установка Эгеи с помощью Ансибла

Для начала установите Ансибл. На Маке так это делается в две команды:
sudo easy_install pip
sudo pip install ansible

Команда easy_install в Макосе идет в комплекте с предустановленным Питоном, так что пугаться её не стоит. Инструкции для других операционок подсматривайте на сайте Ансибла.

Дальше:

  1. Скачайте плейбук с репозитория.
  2. Поменяйте значения переменных в секции vars в setup.yml или хотя бы посмотреть на самые важные из них — они понадобятся при первом запуске Эгеи:
    db_name: e2
    db_user: e2
    db_password: secret
  3. Запустите плейбук, указав после ключа „-i“ адрес сервера с запятой на конце:
    ansible-playbook -i ’yourdomain.com,’ setup.yml

Должно произойти примерно такое:

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

Выводы

Это может выглядеть как оверкилл для внешнего наблюдателя, но в этом и есть суть программистского подхода: „лучше день потерять, потом за пять минут долететь“. И во все следующие разы, когда снова понадобится, снова долетать за пять минут.

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

P. S. Привет программистам в этом блоге ;-) Читайте мой свежеподнятый блог, в твиттере я @inem. Если интересно почитать ещё что-нибудь программистское, подписывайтесь на мой бесплатный курс для новичков.

»

Наносхема московского метро для Эпл-часов

У меня ещё одна схема московского метро — Наносхема 2.0. Ну, что поделаешь.

Вторая версия наносхемы адаптирована для Эпл-часов:

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

Чтобы установить, надо сохранить картинку на Айфон и включить ей сердечко:

Наносхема метро для часов

Сильно нажать на часы, чтобы вылезла настройка циферблата, добавить циферблат «Фото», выбрав в нём эту картинку, потом снова зайти в настройку циферблата, переместить часы вниз и настроить компликейшены на свой вкус:

Наносхема метро для часов

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

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

Создание сочетаний клавиш на Маке

Недавно писал, что вылечить текст от капслока — стандартная фича любого текстового поля на Маке. Мне пишут: «Да, но в Пунто-свитчере это можно повесить на сочетание клавиш!».

Ребят, ну вы чё.

На Маке любую команду меню можно повесить на сочетание клавиш. Идём в настройку системы, открываем клавиатуру:

Видите у меня тут настроено, чтобы выход из браузеров был не по комманду, а по контролю. Это чтобы случайно не закрывать. А ещё настроены Гугль-доковские сочетания клавиш на стили текста в Ноутсах (не понимаю, как можно это мышью делать).

Короче, добавляем всем приложениям команду «Make Lower Case» (или как это будет по-русски, если вы мазохист и используете русский язык системы) и ставим любое сочетание клавиш:

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

Тут у некоторых может возникнуть вопрос: как я снял последний скриншот в режиме ввода сочетания клавиш? Почему ⇧⌘4 не вписалось в поле? Ребят, ну вы чё. Есть же программа Grab для этого. Встроенная, да.

24 марта   лайфхак   Мак

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

Когда я выпустил в сентябре обновлённую схему метро с Окружной линией — вам она известна под дебильным названием МЦК — я поленился сделать ПДФ-версию и не обновил плакат. С тех пор открылись новые станции Люблинской и Солнцевской (на днях) линии.

Я добавил станции и сделал новый плакат:

Плакат 60 × 75 см (по ширине как экран 27-дюймового Аймака) на «Принтдиректе» за 890 ₽:
Пойти купить

Ну и на странице о схеме в портфолио добавилось ПДФ для скачивания — если вдруг хотите сами себе напечатать. За подготовку ПДФ большое спасибо Илье Харитонову.

Ссылки по теме:

Это самая внятная схема московского метро. Пока всем остальным так слабо.

Рассылка «Интерфейсы без шелухи»

Антон Жиянов принёс рекламу своей рассылки про интерфейс. Слово Антону.

Это рекламная заметка. Текст предоставлен клиентом.

Привет! Меня зовут Антон Жиянов. Я веду необычную рассылку об интерфейсах.

Большинство рассылок для дизайнеров шлют «интересные статьи» и визуальную карамель для вдохновения. Читаете, и внутри остается приятное тёплое чувство. В «интерфейсах без шелухи» не так. Я публикую только те статьи, у которых есть практическое применение. Если прочитал и дописал хотя бы один пункт в туду-лист — подойдёт. Иначе это шелуха, и отправляется она в мусорку.

Анонс «Интерфейсов без шелухи»

В рассылке нет и не будет переводов и новостей. Этого добра в рунете хватает, даже чересчур.

А вот что есть:

  • классные статьи о проектировании продуктов и интерфейсов от авторов, которые пишут на русском;
  • отчёты толковых дизайнеров «как мы сделали Х»;
  • интервью с адекватными людьми в отрасли;
  • иногда статьи на смежные темы: вёрстка, фронтенд и процесс разработки;
  • конспекты книг;
  • видеолекции.

Рассылка бесплатная. Новые выпуски выходят два раза в месяц. В письме ~7 ссылок, плюс колонка редактора для разминки мозга.

Отсев материалов жестокий. Для сравнения: есть известная рассылка Юры Ветрова, где он выбирает 5% интересных материалов за месяц. Так вот, я бы пропустил не больше 5% от его 5% — остальное шелуха.

Подписывайтесь:

dangry.ru/sin

Процесс создания второй версии схемы метро Екатеринбурга

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

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

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

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

Киев и кофе

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

Рядом с местом, где я жил, была «Турка»:

Снаружи выглядит невзрачно, но внутри кайф:

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

Так же сделано в «Фекете» («чёрный») в Будапеште.

Техника:

Чашечки:

В остальных местах на фото кофе я не пил. А где пил — их нет на фото. Пардон, я ещё не стал полноценным кофеблогером.

Понравились пиктограммы на двери:

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

Кофе продают активно везде:

Обещают офигенный:

Ещё более жёлтый вход:

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

Будут ещё фотозаметки про Киев, держитесь. А потом — Берлин.

18 марта   Киев   кофе   мир

Переворот в мобильном интерфейсе

Назрела необходимость переворота в мобильном интерфейсе.

Переворот в мобильном интерфейсе

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

Эплы внедрили два костыля. Один более-менее нормальный: если потащить из-за левого края экрана, перейдёшь на предыдущий экран. Это чтобы не нужно было тянуться к кнопке «Назад». Второй — совсем кривующий: если дважды прикоснуться к главной кнопке, весь экран съезжает вниз, чтобы можно было дотянуться до верхних кнопок.

Спрашивается: нафига ставить кнопки наверх, а потом придумывать костыли, если можно сразу их поставить снизу?

На Виндоус-фонах адресная строка браузера снизу:

Переворот в мобильном интерфейсе

Правда, там непонятно: на половине скриншотов всё-таки сверху. Эпл, когда сделаешь так же?

Интересно, что переворот уже коснулся приложения «Карты». Было-стало:

Переворот в телефонном интерфейсе

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

В Сейви (умный диктофон) мы тоже заморочились, чтобы важное прибивалось к низу. Пара промежуточных макетов:

Переворот в мобильном интерфейсе

Сначала управление записью жило наверху (слева). Потом плей переехал вниз (справа).

Но в итоге вообще весь интерфейс стал стремиться к низу:

Переворот в мобильном интерфейсе

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

Правило: в мобильных интерфейсах важные элементы управления ставьте вниз.

Исправление текста, набранного заглавными

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

Edit → Transformations → Make Lower Case:

Исправление текста, набранного заглавными

Люди удивительно нелюбопытные. Поэтому постоянно появляются — и имеют успех — статьи типа «10 фич вашего айфона, о которых вы не знали». Я каждый раз охреневаю: как не знали, если вот же они, в меню, словами подписаны? Они даже не спрятаны никуда, в терминал идти не надо. Но факт остаётся фактом: для людей выбор пунктов из открытого всем меню — это «лайфхак».

Вспомнить хотя бы мою заметку Ускорить клавиатуру на Маке, за которую меня лично поблагодарили десятки людей. Или совет отключить «Капслок».

18 марта   лайфхак   Мак
Ctrl + ↓ Ранее
Эти ссылки принесут мне миллионы: When you need to buy a new car, you need car loan calculator - handy tool for car finance.