Блог Александра Колодько

Заметки о дизайне, городах и дизайне в городе

ICNS. Как сохранять иконки для Mac OS

Для приложения в Mac OS или для клавитурной раскладки иконки сохраняются в формате ICNS. Это аналог формата ICO, только для мака.

Внутри иконка может содержать до десяти размеров: 16, 32, 128, 256, 512 px и ретиновые версии @2x. Для клавиатурной раскладки хватает двух размеров: 16 и 16@2x.

Размеры с сайта Apple:

Как сделать

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

icon_16x16.png
icon_16x16@2x.png
icon_32x32.png
icon_32x32@2x.png
icon_128x128.png
icon_128x128@2x.png
icon_256x256.png
icon_256x256@2x.png
icon_512x512.png
icon_512x512@2x.png

Переименовываем папку с иконками, добавив после имени формат .iconset.

Дальше запускаем Терминал. С помощью команды cd переходим в папку в которой лежит папка .iconset. Конвертируем папку в иконку командой iconutil.

iconutil -c icns file.iconset

Где file.iconset навание папки с ионками. Как работает команда детально описано в гайдах для разработчиков.

Наглядно:

В результате получаетс файл с иконками всех размеров.

2017   icns   mac os x   иконки

Украинско-русская клавиатурная раскладка Бирмана

В стандартной маковской украинской раскладке есть фишка: если нажать альт+і, то введется буква ы. Это позволяет оставить одну раскладку вместо двух.

Я привык еще со времен PC пользоваться типографской раскладкой Ильи Бирмана, она удобнее маковской. Но постоянно бесило держать три раскладки и переключаться между ними.

UA–RU–Birman

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

  • украинско-русская: по-умолчанию раскладка украинская, но при нажатии альт+і вводится ы, альт+є → э, альт+ї → ъ.
  • русско-украинская: по-умолчанию русская, альт+ы → і, альт+э → є, альт+ъ → ї;
    С зажатым шифтом выводятся прописные.

↓ Скачать

Особенности

  1. Из-за буквы ї я перенес из бирмановской раскладки []{} на клавиши \ и я, они у меня над левым альтом. На других маках может быть не такое расположение клавиш.
  2. Если привыкнешь на своем компе, то на других будет неудобно :)

Иконки

Для русско-украинской — красная иконка, для украинско-русской — синяя:

Иконки раскладки

В трее выглядит заметно:

Раскладка в трее

Установить

Нужно разархивировать и скопировать файл в ~/Library/Keyboard Layouts (в Finder нажать ⇧⌘G и ввести адрес), разлогиниться, войти заново. Теперь в настройках раскладок будут доступны две новые, выбирайте себе любую или обе.

 Как сделать свою раскладку

Вы можете прижелании сделать свою собственую раскладку с помощь программы Ukelele. Есть мануал, это довольно просто. Иконки для раскладки надо делать в формате ICNS и сохранять рядом с файлом с раскладкой.

Интерфейс Ukelele

Варшава 2017: транспорт

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

О городе

Варшава мне очень понравилась. После Киева выглядит город ухоженным и зелёным (здесь не выстригают газоны под ноль и не кронируют деревья до столба). И судя по разным статьям и фото Варшава так преобразилась не так давно.

Для начала сравним две столицы:

Варшава
Население: 1,7 млн (агломерация 3,37 млн)
Площадь: 517,24 км²
Плотность населення: 3 355 людей/км²

Киев
Население: 2,9 млн (агломерация 3,65 млн)
Площадь: 847 км²
Плотность населения: 3 489 людей/км²

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

Транспорт

Транспортном в городе занимается одна компания ZTM (Zarząd Transportu Miejskiego w Warszawie, Варшавское управление транспорта). Как и положено нормальному транспорту все маршруты составляют единую сеть с единым билетным меню.

Из найденной на сайте ZTM информации в городе работают:

  • 2 линии метро (21 станция);
  • 4 линии городской электрички (SKM), два маршрута ведут в аэропорт;
  • 25 трамвайных маршрутов (длина сети — 254 км, всего вагонов на линиях — 863);
  • 170 автобусных маршрутов (общая длина маршрутов 2603 км, количество автобусов — 1600);
  • из них 43 ночных маршрута.

UPD2. Подсказывают как устроена система:
Есть единая компания которая управляет транспортом — Zarząd Transportu Miejskiego (ZTM). Она финансируется из городского бюджета и поступлениями от продаж билетов. ZTM управляет движением и маршрутами, а также городскими (коммунальными) компаниями предоставляющими услуги перевоза (им оплачивает услуги):

  • Tramwaje Warszawskie (трамвай)
  • Miejski Zakład Autobusowy (автобусы)
  • Szybka Kolej Miejska (электричка)

При этом также происходят тендеры на автобусные перевозки и для частных компаний. В 2017 году на нескольких маршрутах возят немецкие Arrival, Mobilis, польские PKS Grodzisk Mazowiecki i Michalczewski.

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

Тарифы в транспорте

Билетное меню большое сделано правильно: есть разовые поездки с ограничением по времени и безлимитные билеты на день, три или выходные. Есть групповые билеты на группу до 5 человек и билеты на 30 и 90 дней.

Есть даже деление на городские зоны. Но почти весь город это одна общая зона (аэропорт тоже входит в эту зону), а другие начинаются на окраинах и продолжаются в города-спутники.

Цены:

  • разовый билет на 75 минут — 4,4 злотых (30,8 грн);
  • суточный безлимитный билет в первой зоне — 15 злотых (105 грн);
  • трехдневный билет — 57 злотых (400 грн);
  • билеты на выходные для группы до 5 человек — 40 злотых (280 грн).

В трамваях, автобусах и электричках часто ходят контролеры: за 4 дня мы встретили их дважды. В метро стоят турникеты.

Билеты

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

Для жителей конечно же есть электронная карта Warszaw City Card, на нее можно записать 30- и 90-дневные билеты. Фото отсюда.

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

Автоматы:

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

Если на остановке не купил билет, то внутри трамваев и автобусов есть электронный кондуктор. Но принимает он только монетами (о ужас, они ущемляют права пассажиров!!!! не у всех же есть мелочь!!!).

UPD: Автоматы которые принимают только мелочь в основном встречаются в трамваях 2007-2012 годов, и это жутко неудобно если на руках нет мелочи. Более новые автоматы принимают и карточку (плюс безконтакт, пополнение телефона и оплата местной системой мгновенных переводов BLIK), но в основном такие автоматы встречаются в автобусах.

Компостируем билет:

Проход с билетом через турникет в метро:

Ливрея

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

Трамвай

В основном ездят трамваи Pesa разных размеров и вместимости. Внутри всегда свободно и комфортно.

Звуковые объявления только на польском, но проблем с пониманием не возникает. В новых трамваях всегда есть экран с линейной схемой маршрута. Cлева номер маршрута, сверху название следующей остановки и весь транспорт на который можно пересесть. По центру линия с остановками, время до всех следующих. На красной плашке названия районов города, а внизу по диагонали написаны называния улиц, по которым проезжает трамвай. Иконкой инвалида отмечены станции не приспособленные для маломобильных: остановки без лифтов и подъемников.

Кроме экранов со схемой есть экраны с рекламой. На них тоже отвели место под название следующей остановки.

Маршрут обслуживает депо «Мокотов», а трамвай ведет крутой чел в очках :)

Кроме Песы иногда попадаются трамваи Konstal, я их редко встречал (фото transphoto.ru).

Есть туристический маршрут «Т», на котором ездят хорошо отреставрированные старые трамваи GFW (фото transphoto.ru).

Автобусы

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

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

Есть еще значок загогулины. Кажется он значит, что маршрут проходит через два района.
UPD: Значок значит, что временно изменен маршрут автобуса (это бывает очень часто, в связи с ремонтами, авариями или перекрытиями улиц). Маршруты мониторятся из Центра управления транспортом.

В автобусах тоже есть экраны с линией движения.

Метро

Метро в Варшаве совсем небольшое: всего две линии. Первую открыли в 1995 году, всего на ней 21 станция. Вторую ветку открыли в 2015 году и пока там всего 7 станций, но в планах достроить еще несколько. Линии обслуживают как привычные мытищенские вагоны 81-714, так и новые Siemens Inspiro и Alstom Metropolis.

Вагоны 81-714 кремово-красного цвета (фото transphoto.ru)

Alstom Metropolis 98B (фото transphoto.ru)

Siemens Inspiro (фото transphoto.ru).

Вход в метро отмечен логотипом или крышей ввиде буквы «М».

Навигация на старой ветке М1. На выходах даже не парились и просто приклеивали новые названия. Видимо сюда пока новый стиль навигации не добрался.

Обновленная навигация на новой ветке М2.

Открывающиеся турникеты. На входе висит экран со временем до следующих поездов.

Схемы выходов и рельсового транспорта на станции.

Объемная схема станции для слепых.

Монитор со временем до следующих поездов.

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

В старых вагонах, где нет экранов, висит просто линейная схема. А для рекламы отведены специальные места.

В новых вагонах экраны: один для схемы, второй для рекламы.

Экраны в старых вагонах метро

Электричка

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

Ливрея SKM в фирменных цветах транспорта (фото Wikimedia).
SKM S9 Pludy.JPG

Экраны: один с названием следующей остановки и дополнительно светодиодные в проемах.

На ткани кресел паттерн из центральных городских высоток:

Остановка и расписание на ней:

Пригородная электричка заезжает на те же станции:

Навигация на станциях городской электрички:

Прозрачная урна:

Остановки

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

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

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

Табло со временем до следующих трамваев.

Трамвайная остановка и вход в метро.

Вокзал

Точнее это даже не вокзал, а железнодорожная станция «Центральная». Ничем от остальных ж/д станций не отличается. Зато тут можно сесть на пригородные электрички и SKM, здесь же крупнейший автобусный хаб и трамваи. С метро вокзал не совмещен, до него идти по поверзности 600 метров.

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

Про городские детали я расскажу в следующем посте.

P. S.

И напоследок одна из городских мелочей в транспорте — газоны на трамвайных путях. Красота!

Ездить вдоль таких путей одно удовольствие.

P. P. S.

Недавно представили новую айдентику для всего транспорта Варшавы.


Ссылки

Еще про Варшаву и ее транспорт можно почитать в блогах:
у Александра Шутюка

у Демьяна Данилюка

у Аркадия Гершмана

и у Ильи Варламова

И если интересно, почитайте мою заметку про транспорт Будапешта из прошлой поездки.

Обновление плагинов Sketch в один клик при помощи Git

Для скетча полно самых разных плагинов: больших и совсем мелких. Большие плагины внедряют свои костыли для обновления, а за обновлениями небольших плагинов следить довольно сложно. Ручное обновление — боль.

В сети нашел интересный способ обновлять плагины с помощью гит. Работает только для плагинов, которые размещены на гитхабе, поэтому надо иметь там аккаунт.

Все очень просто:

  1. Надо изначально установить плагин при помощи гит-клиента в папку плагинов: /Users/YOUR-ACCOUNT-FOLDER/Library/Application Support/com.bohemiancoding.sketch3/Plugins/
  2. Обновлять плагин кнопкой Pull в гит-клиенте

Установка пошагово

Заведите аккаунт на гитхабе.

Установите один из гит-клиентов, например, SourceTree или GitHub Desktop и введите при установке данные своего аккаунта.

Находим ссылку на гитхаб на сайте плагина или в Sketch Toolbox нажав на View on Github.

Заходим на страницу нужного нам плагина, жмем Copy or download и копируем ссылку:

Запускаем гит-клиент, добавляем новый репозиторий кнопкой Clone from URL и вставляем ссылку.

Добавляем новый репозиторий кнопкой

По-умолчанию проект устанавливается в папку юзера:

/Users/YOUR-ACCOUNT-FOLDER/Chromatic-Sketch

Укажите папку в которой у вас лежат плагины для скечта, обычно тут:

/Users/YOUR-ACCOUNT-FOLDER/Library/Application Support/com.bohemiancoding.sketch3/Plugins/chromatic-sketch
Установите плагин в папку, где у вас лежат плагины для скечта

Вуа-ля! Плагин установлен.

Плагин установлен

Если появится обновление, то гит-клиент оповестит о нем:

Уведомление в гит-клиенте

Для обновления достаточно зайти в установленный репозиторий и нажать кнопку Pull:

Для обновления достаточно зайти в установленный репозиторий и нажать кнопку Pull

UPD
С версии 45 Скетч умеет обновлять плагины самостоятельно:
Plugins Plugins now update automatically within Sketch. Incompatible plugins will also be disabled so they don’t break Sketch.

2017   git   sketch   дизайн

Таймлапс экрана в Mac OS X

Для рабочего проекта по картам захотел заснять видео процесса работы. Но процесс отрисовки карты монотонный и небыстрый, поэтому стандартная реалтаймовая запись не подходит: снимать долго, потом видео надо ускорять, комп начинает греться и так далее. Вспомнил, что видел ролики с ускоренным процессом рисования, и тоже захотел сделать такой таймлапс с экрана (или как это можно назвать?).

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

Автоматор и AppleScript

Берем маковский Автоматор и собираем простую конструкцию:

  • Скрипт для автоматических скриншотов
  • Блок с паузой
  • Повтор предыдущих действий 30—60 минут, потом скрипт останавливается. Скрипт также можно остановить вручную, нажав в Автоматоре кнопку Стоп.

Вот так это все выглядит:

Скрипт в автоматоре

Сам скрипт для скриншотов работает тоже довольно просто:

  1. Задаем папку для сохранения скринов. У меня это Desktop/Screens.
  2. Задаем переменную со временем скриншота, чтобы использовать его в имени файла.
  3. Непосредвественно сама команда захвата картинки с экрана и сохранения в выбранную вначале папку.
  4. И последняя часть просто делает уменьшение скриншота до 1280 пикселей по ширине. Если вам нужны скриншоты размером 1:1, то просто удалите эту часть кода и не используйте.

Код скрипта:

set ScreensDir to (path to home folder as string) & "Desktop:" & "Screens:"
set theDate to do shell script "date +%Y-%m-%d-%H-%M-%S"

-- Take a screen capture
set captureImg to ((POSIX path of ScreensDir) & theDate & ".jpg") as string
do shell script "/usr/sbin/screencapture -x -tjpg " & quoted form of captureImg

-- Resize image file
tell application "Image Events"
    set this_image to open captureImg
    scale this_image to size 1280
    save this_image in captureImg
    close this_image
end tell

Interval

Когда нужное количетсво скринов готово и сохранено в папку, открываем программу Interval. Жмакаем кнопку «Import» и указываем путь к папке с картинками. Когда картинки загрузились, можно нажать внизу кнопку пуск и посмотреть какая выставлена скорость смены кадров.

Главное окно

Во вкладке Settings выбираем формат видео, его размер и скорость смены кадров (frame rate). Чем больше число, тем больше скорость смены кадров. Для своего примера я брал 12 кадров в секунду.

Окно с настройками

Жмем Export и получаем на выходе готовое видео:

Скачайте файл для Автоматора и сами попробуйте поиграться с настройками. Enjoy!