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

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

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

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

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

Релиз

Эгея 2.8 бета

С наступающим!

Готова новая Эгея 2.8 бета (сборка v3333). Не обновляйтесь на живых сайтах, если только вы не суперпродвинутый технарь, обложившийся бекапами со всех сторон. Не забывайте, что бета — это очень страшно.

В конце заметки — ссылка на дистрибутив. А пока расскажу вам, что нового.

Комментарии через соцсети

Раньше оставить комментарий мог любой, просто указав что-то, напоминающее почту. Теперь ещё можно зайти через Твиттер или Фейсбук:

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

Тогда просто оставив почту комментировать уже будет нельзя.

Для того, чтобы на ваш сайт можно было войти через соцсеть, нужно зарегистрировать его как «приложение» в этой соцсети, получить всякие ключи. Это страшный геморрой. В случае с Твиттером нужно месяца два ждать, пока они тебя проверят и примут в клуб. В случае в Фейсбуком хрен расставишь все сто галочек правильно в настройке.

Чтобы не подвергать пользователей Эгеи таким пыткам, я придумал промежуточный сервер для авторизации. Попробуйте оставить комментарий к этой заметке, зайдя через Фейсбук. Вместо того, чтобы сразу идти в Фейсбук, вы сначала заглянете на сайт Эгеи:

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

Если вы как автор блога всё-таки хотите заморочиться с ключами, чтобы комментаторы представлялись вам напрямую, а не через сайт Эгеи, так тоже можно. Скопируйте из system/gips/ в user/gips/джейсоновские файлы настройки соцсетей и пропишите там свои ключи.

С разработкой этой фичи помогли Иван Щолоков и Виктор Корейша, с дизайном помог Иван Звягин.

Улучшения в антиспаме

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

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

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

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

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

Запланированные заметки (для платных пользователей)

Если вы платный пользователь, теперь сможете запланировать заметку. Для этого рядом с кнопкой «Опубликовать» появилась кнопка с календариком:

Если в неё нажать, можно указать дату и время, когда выйдёт заметка:

Как всегда с Эгеей, чтобы это работало не нужно ничего дополнительно настраивать, никакой там крон или ещё какую байду. Потому что в момент публикации на сервере ничего не должно происходить. Просто на все запросы, поступившие после часа X, Эгея будет отвечать так, как будто заметка уже есть. Разумеется, Эгея сама управляет всеми кешами так, чтобы они устарели в нужное время. Уведомление о новой заметке отправится в «Блоги», как только первый человек её увидит.

Новая тема оформления

Называется «Акут», чистенькая:

В большинстве тем оформления случились наноулучшения. В частности, аудиоплеер теперь нормально выглядит на всех темах с тёмным фоном. Это «Холм»:

Эмодзи

Теперь Эгея поддерживает эмодзи 🎉

Казалось бы, что тут поддерживать, это ж просто символ? Кодировку УТФ-8 Эгея поддерживает ещё с версии 2.0.

Но проблема в том, что в базе данных Майэскуэль, которую использует Эгея, первые реализации УТФ-8 были кривыми и не умели хранить нужные для эмодзей четырёхбайтные символы. А когда научились, для обратной совместимости это стало называться «кодировкой» utf8mb4. Я об этом понятия не имел, потому что в гробу видал эмодзи и использую их только, когда отвечаю на сообщения с часов.

Но Женя Степанищев и понятие имел, и от неподдержки эмодзей в Эгее страдал. Поэтому он научил Эгею использовать именно эту utf8mb4 на достаточно новых Майэскуэлях. При обновлении база данных должна автоматически сконвертироваться, и Эмодзи должны заработать. Если не заработают, видимо, у вас очень древняя версия Майэскуэля, где в принципе нет понятия utf8mb4.

Остальное

Сбылись мечты народные! Ссылка «7 комментариев» под заметкой теперь ведёт сразу туда, где начинаются комментарии, а не в начало страницы с заметкой.

Теперь под каждой заметкой показывает, сколько людей её видели:

Пришлось придумать хитрость, чтобы кешировать всё, кроме этих чисел.

На странице 404 теперь показываются ссылки на популярные заметки, чтобы хоть куда-то можно было пойти:

Популярные теперь считаются по количеству увидевших, а не хитов.

Если в заметке несколько песен, они больше не играют сами по себе по порядку — от этого было больше проблем, чем пользы. Если вы хотите, чтобы играли, придётся вручную завернуть их в div.jouele-playlist.

В окне входа можно сказать, что ты забыл пароль:

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

Если ввести ту же, что Эгея знает, то туда тоже отправится ссылка для сброса пароля.

Пофиксились некоторые баги с масштабированием картинок и на странице со списком тегов. Ещё исправлена группа багов, из-за которых нельзя было назвать заметку или тег «0». Если вы не любите ПХП, то у вас отличный повод для злорадства! Ещё добавились небольшие оптимизации там и тут (v3276, v3278, v3297).

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

Ещё после выхода версии 2.7 выходили небольшие апдейты; версия 2.8 включает все фиксы из них:

Технические детали

Минимальная версия ПХП поднялась с 5.3 до 5.4. Если у вас 5.3, новая Эгея не будет работать вообще никак.

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

Жуэль, Роза и Нисден обновились.

Эгея теперь генерирует sitemap.xml.

Как попробовать и что тестировать

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

  1. Отредактировать и сохранить любую заметку (на всякий случай, это гарантирует, что сделается актуальный бекап базы).
  2. Забекапить всю папку на сервере, включая бекапы базы данных, которые лежат в /user/backups/.
  3. Заменить файл .htaccess в корне, папку /system/ и все подпапки в /themes/ (то есть убрать старые, положить новые, а не дозалить в старые новые файлы).

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

Что тестировать:

  • сам процесс обновления, чтобы не вылезло никаких ошибок про базу данных;
  • эмодзи в заметках и комментариях;
  • комментарии через соцсети;
  • антиспам;
  • планирование заметок;
  • темы оформления;
  • восстановление забытого пароля.

Ссылка: e2_distr_v3333.zip e2_distr_v3335.zip

Пишите, чё как.

Если вы пользуетесь платной версией и хотите бету платной 2.8, напишите мне.

О предыдущей версии: 2.7

 32 комментария    1453   2 мес   продукты   релиз   Эгея

Жуэль-про 3.0.5

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

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

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

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

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

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

См.:

 1 комментарий    781   8 мес   Жуэль   релиз

Лайкли 2.3.1

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

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

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

Ещё ссылки:

 3 комментария    1242   10 мес   Лайкли   релиз

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

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

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

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

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

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

 1 комментарий    480   1 лет   релиз   Эгея

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Жуэль-про

Жуэль-про

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

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

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

Если вы использовали Жуэль, вы знаете, что чтобы вставить на страницу аудиоплеер, достаточно просто поставить ссылку на МП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 рублей на один домен. Обычный бесплатный Жуэль доступен как раньше.

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

 3 комментария    1396   2018   Жуэль   продукты   проекты   релиз

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

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

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

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

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

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

Эгея v3254

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

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

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

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

 Нет комментариев    15   2017   релиз   Эгея
Ранее Ctrl + ↓