Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

В Тумблере и Же-же есть автоматические трансляции. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

По РСС и Джейсон-фиду трансляции для автоматических читалок

Релиз

Жуэль-про 3.0.5

С тех пор, как вышли Жуэль-про и бесплатный Жуэль 3.0, Женя Лазарев делал несколько обновлений, а я их тихонько выкладывал на странице проекта.

Сегодня про-версия обновилась до 3.0.5 (бесплатная пока ещё 3.0.4). Женя поясняет:

Значительно улучшены функции, связанные с уничтожением или «ломанием» Жуэля: теперь все контролы ведут себя правильно, плейлисты перестраиваются, а в случае вызова метода на «сломанном» Жуэле не появляются ошибки. Улучшено поведение Жуэля при нестабильном интернете. Обновлён механизм построения плейлистов, теперь он работает корректнее при мешанине из плееров и контролов. Исправлены ошибки подсчёта времени (в том числе, ушли многие мелкие ошибки для треков с дробным числом секунд). Лучше обрабатывается конец трека в разных нестандартных случаях. Исправлена ошибка с показыванием названия трека в контролах. В АПИ добавлен метод getTitle.

Это, кстати, крупнейший релиз since Жуэль 3.0. Эмэйзинг.

В общем, есть смысл обновиться.

Если вы ещё не купили Жуэль-про, покупайте, он классный.

См.:

28 июня   Жуэль   релиз

Лайкли 2.3.1

Лайкли — клёвые социокнопки.

Я умудрился забыть написать про версию 2.3.0, где добавилась кнопка Вотсапа (спасибо Илье Гельману).

А на днях вышла версия 2.3.1, где улучшилась иконка Твиттера.

Ещё ссылки:

11 мая   Лайкли   релиз
6 мая   портфолио   релиз

Эгея v3254: фикс тупого бага

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

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

Я выпустил фикс (по-прежнему называется v3254). Скачайте, пожалуйста. Достаточно заменить файл system/core.php новым, чтобы проблемы больше не было. Традиционного синего сообщения об обновлении не будет, потому что Эгея даже не поймёт, что обновилась (потому что это всё ещё v3254).

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

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

2018   релиз   Эгея

Селигерский кусок и метроплакат с указателем

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

Но когда МЦК запустили, их вдруг решили считать пересадкой (там 750 метров по улице).

С тех пор открывались новые отрезки Марьина Роща — Петровско-Разумовская (Люблинская линия), Парк Победы — Раменки (Солнцевская линия), и я их добавлял на схему. Но это место не трогал, потому что там надо было всё взорвать, чтобы эту пересадку нарисовать.

А потом пришёл Илья Харитонов и буквально за годик всё сделал (пришлось даже Тверскую чуточку подвинуть):

Да ещё и алфавитный указатель заверстал:

В указателе используется система, которую я изобрёл пять лет назад:

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

Cкачайте ПДФ, проверьте плиз, где мы накосячили?

Я ещё обновил картинку на странице схемы. Но плакат, на который там ведёт кнопка «Купить», пока не обновился. Будем держать вас в курсе, в общем.

Илья тем временем написал пост про всю эту петрушку. Там есть листалка вариантов решения отрезка Полежаевская — Октябрькое Поле.

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

Новая схема челябинских трамваев

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

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

А потом к работе подключилась Полина Лесникова. Она перерисовала схему с учётом изменений в маршрутах, и вместе с Сашей они улучшили много деталей по результатам тестирования предыдущей версии. Получилась новая схема:

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

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

Что ещё посмотреть:

Второе издание правил русского языка

Запущена вторая версия сайта «Зерулс» — лучшего веб-издания правил русского языка.

Вместе с Вадимом Юмадиловым мы сделали новый дизайн. Аня Данилова нарисовала прекрасные знаки параграфов. А Виктор Корейша всё сверстал и запрограммировал:

Под капотом по-прежнему умный поисковый движок, который мы с Романом Парпалаком сделали в 2010 году (с ума сойти, как давно это было).

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

Приём кредитов
Фотография Романа Баранова

Ссылки на всех, у кого есть куда:

На Аню некуда поставить ссылку, поэтому ей просто большое спасибо.

Смотрите также страничку проекта.

Ну и заодно напоминаю, что работает приложение «Зерулса» для Айфона, которое мы сделали с Шуриком Бабаевым.

2018   Зерулс   продукты   проекты   релиз

Жуэль-про

Жуэль-про

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

Вы можете подумать, что для этого пришлось писать гору Джаваскрипта. Но на самом деле нет, просто я использую новый Жуэль-про. Гору Джаваскрипта пришлось писать Жене Лазареву, который запрограммировал Жуэль-про. А мне осталось только воспользоваться новым супермощным декларативным АПИ, которое мы придумали.

Рассказываю.

Если вы использовали Жуэль, вы знаете, что чтобы вставить на страницу аудиоплеер, достаточно просто поставить ссылку на МП3-файл и дать ей класс jouele:

<a href="ilya-birman-use-me-mix.mp3" class="jouele">
  Илья Бирман: Юз ми
</a>

Но что, если рядом с плеером стоит обложка, и я хочу, чтобы микс начинал играть по клику в обложку? С Жуэлем-про это делается так:

<img
  src="cover.jpg"
  class="jouele-control"
  data-type="play-pause"
/>

Теперь в обложку можно кликать, и микс заиграет. И запаузится, если кликнуть ещё раз.

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

<tr class="jouele-control"
  data-type="seek" data-to="0:45:38"
>
  <td>0:45:38</td>
  <td>Tensal</td>
  <td>Achievement 3</td>
</tr>

Теперь клик в эту строчку таблицы будет перематывать микс куда надо.

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

img.jouele-is-playing {
  outline: rgba(255, 255, 255, .2) 10px solid;
}

Всё! Жуэль-про сам даёт класс jouele-is-playing своим элементам управления во время воспроизведения, поэтому подсветка просто работает независимо от того, как именно я включил музыку — из плеера, обложкой или вообще клавиатурой. Мне снова не нужен Джаваскрипт.

И точно так же работает подсветка активной строчки в плейлисте. На самом деле ХТМЛ-код каждой строчки выглядит не так, как я показал выше, а вот так:

<tr class="jouele-control"
  data-type="seek" data-range="0:45:38...0:48:55"
>
  <td>0:45:38</td>
  <td>Tensal</td>
  <td>Achievement 3</td>
</tr>

То есть строчка не только перематывает в определённую точку, но ещё и соответствует некоему отрезку. Чтобы она подсветилась, снова достаточно только ЦССа:

tr.jouele-is-within {
  background: rgba(255, 255, 255, .2);
  color: #fd0093;
}

Всё! Жуэль-про сам даёт класс jouele-is-within своим элементам управления, соответствующим диапазону, когда позиция воспроизведения находится внутри этого диапазона.

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

.jouele-is-interactive {
  cursor: pointer;
}

Если плееров на странице несколько, то элементы управления управляют тем, который играет или играл последним. А если такого ещё нет, то запустит первый на странице. Чтобы привязать к конкретному плееру, есть data-href:

<img
  src="cover.jpg"
  class="jouele-control"
  data-type="play-pause"
  data-href="ilya-birman-use-me-mix.mp3"
/>

На странице каждого микса у меня всегда один плеер, поэтому это там не нужно.

Жуэль-про стоит 1890 рублей на один домен. Обычный бесплатный Жуэль доступен как раньше.

Что посмотреть:

2018   Жуэль   продукты   проекты   релиз

Работы для «500Тека»

Опубликовал пару работ, которые сделал в прошлом году для «500Тека».

Причесал логотип (был почти такой же, но пришлось полностью переделать):

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

Сделал сайт (был совсем другой):

Тут надо было прям сделать сайт целиком, вникнув в работу компании и поняв, что вообще должно быть на сайте и почему.

2018   портфолио   проекты   релиз

Эгея v3254

И ещё один сервис-пак Эгеи 2.7, сборка v3254:

  • у кого вылезала ошибка со словами CURLOPT_FOLLOWLOCATION — больше не должна;
  • фотки, загруженные напрямую с телефона, могли в некоторых случаях отображаться не в той ориентации;
  • в теме Ченсери исправлен цвет тегов в поле тегов (был белый на светлом);
  • надёжнее достаются обложки видосов для использования в качестве обложек заметок с видосами;
  • при выключенных или не сработавших скриптах ссылка на твит остаётся в заметках хотя бы в виде ссылки, а не пустоты;
  • ещё пара мелочей, которые никто не заметит.

Обновиться имеет смысл тем, кого беспокоят перечисленные проблемы. Замените папку system и все подпапки в themes. Свежий дистрибутив — на сайте движка.

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

2017   релиз   Эгея
Ранее Ctrl + ↓