Избранное

Позднее Ctrl + ↑

Ввод пароля «поверх» кнопки

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

Когда возможна биометрическая аутентификация, они не показывают поле ввода пароля. Но если что-то не срабатывает, пароль можно ввести. Так вот, пароль можно начать вводить даже не нажимая кнопку Use Password... — любой ввод переведёт окно в следующее состояние.

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

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

На интерфейсном курсе: жирный против курсива

Коротко рассказываю, чем отличаются выделение жирным и курсивом. Минуточка с курса:

Это фрагмент № 96 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 ноября 2022 года.

До 21 апреля идёт запись на курс, который пройдёт с 22 апреля по 21 мая.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: рассуждения про инфографику и её задачи

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

Это фрагмент № 95 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 ноября 2022 года.

До 10 марта идёт запись на курс, который пройдёт с 11 марта по 10 апреля.

Почитать о курсе

Программа, отзывы, запись

Подавать ли пальто женщине-коллеге?

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

— А если коллега тебе подаст и поможет надеть пальто, ты как это воспримешь?

Она однозначно ответила, что точно такого бы не хотела и отнеслась бы настороженно. «Я что, без рук? Чего он ко мне лезет?» Тут стоит отметить, что подруга — продвинутая московская айтишница лет двадцати пяти.

А потом я задал этот же вопрос другой знакомой. И она сказала, что конечно же ей это будет приятно! Более того, если коллега-мужчина в ситуации, когда они одновременно собираются, не подаст ей пальто, она решит, что он плохо воспитан. Тут стоит отметить, что эта знакомая — тоже продвинутая московская айтишница лет двадцати пяти.

Как говорится, выводы делайте сами.

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

На интерфейсном курсе: аналогия между элементами интерфейса и буквами шрифта, которые можно взять готовые

Отвечаю на вопрос студента о том, что прочитать, чтобы прокачать эстетику интерфейса. Говорю, что почитать надо про вёрстку, а потом для начала освоить использование стандартных элементов. Провожу аналогию с буквами шрифта, которые мы берём готовые, и ничего. Рассказываю о том, как попрактиковаться в эстетике. 4 минутки:

00:00 Почитать — про вёрстку
00:32 Элементы интерфейса — это как буквы в шрифте: можно взять чужие
01:54 Практикуйся. На что придётся обращать внимание, чтобы срисовать заурядный экран настройки Айфона

Это фрагмент № 91 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 августа 2022 года.

До 10 марта идёт запись на курс, который пройдёт с 11 марта по 10 апреля.

Почитать о курсе

Программа, отзывы, запись

Эгея 11.0

Готова Эгея 11.0 (сборка v4079).

Обновились страницы «Фичи» и «Стать пользователем».

Эта заметка подытоживает предыдущие анонсы: альфа, альфа 2, бета. В конце — про новые цены.

В прошлой версии 2.10 появились рекомендации и перебивки — крутейшие инструменты, благодаря которым читатели могут находить хорошие заметки в вашем блоге независимо от того, когда они были написаны. А что нового в 11.0?

Главное меню

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

А теперь ничего и верстать не надо — Главное меню есть в Эгее «из коробки»:

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

В этом примере в начале меню стоит Избранное, а потом — любимые теги автора. Можно походить по тегам и посмотреть, какие есть заметки по разным темам:

Смотрите, какое чистенькое и аккуратненькое меню! Но при этом умное и функциональное.

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

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

Меню включается в Настройке, вот так:

Как видите, гибкость довольно большая: в меню можно добавить разные системные страницы. Наконец-то до Избранного, Обсуждаемого, Популярного будет легко добраться. Страница с полным списком тегов раньше пряталась за иконкой внутри поля поиска, а теперь её тоже можно показать в меню.

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

Предполагаю, что «вообще всё» мало кому понадобится, но это дело автора. Вам не нужно думать, влезет ли меню у читателей с узким экраном. Не влезет — будет красиво прокручиваться прямо в своей строке.

Более того, если открыть страницу, которая есть в меню, меню обязательно сразу же откроется прокрученным так, чтобы выбранный пункт было видно (за такие вещи вы и любите Эгею):

Чтобы тег попал в меню, его нужно «закрепить» вот этой кнопкой:

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

Автор блога расставляет пункты меню в любом порядке простым перетаскиванием:

Главное меню и закреплённые теги будут доступны только в платной версии. Пользователи лайт-версии увидят такое:

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

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

Немодальный поиск

Поиск стал немодальным! То есть не нужно сначала тыкать в поле поиска, а потом начинать писать запрос. Любой ввод на странице сразу интерпретируется как поиск. Просто жмёшь букву «щ», и она сразу оказывается в поле поиска.

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

Как вы могли заметить, когда есть меню, поиск показывается прямо в нём, и всё вместе выглядит очень опрятно:

Если меню нет (выключено или лайт-версия), поиск остаётся в уголке, как раньше, но немодальность работает в любом случае.

Есть ещё одна мелкая приятность, связанная с поиском. Бывает, начинаешь писать заметку, а надо поискать что-то в предыдущих заметках. Раньше приходилось открывать ещё одну вкладку, и там уже искать, чтобы не «перебить» редактор заметки результатами поиска.

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

Заботушка.

Навигация по календарю

Один из возможных пунктов Главного меню — «Календарь». Он открывает доступ к навигации по датам:

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

Как ни странно, в каком-то виде это всё было и в предыдущих версиях. Давным-давно в Эгее заметки получали адреса вида /год/месяц/день/номер/. Соответственно, до любой части адрес можно было стереть, и открывался список заметок за соответствующий день, месяц или год. Когда Эгея перешла на текстовые адреса заметок, мало кто мог догадаться сходить по урлу типа /2019/05/. А теперь такое можно просто натыкать.

Вот страница 2018-го года, например:

Альт-стрелками тут можно листать годы. Строчки календаря сделаны из того же компонента, что и Главное меню, поэтому умеют прокручиваться, если в них всё не влезает. Я веду блог с 2002 года, поэтому годы у меня не влезают никуда.

Как видите, календарь работает и без Главного меню (если выключено или лайт-версия). Но придётся догадаться, как туда зайти.

Скрытые теги

Теперь теги можно делать скрытыми, как последний тут:

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

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

Чтобы тег стал скрытым, нужно его назвать с точкой в начале:

Почему такой «программистский» интерфейс, а не красивый тумблер как-нибудь? А потому так намного удобнее писать в строчку — ничего настраивать не надо! При этом точка не является частью названия, это именно интерфейс скрытия такой. Нельзя, например, добавить два тега, отличающихся только точкой в начале.

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

Точно так же можно добавить точку уже существующим тегам, и они скроются.

Скрытые теги невозможно закрепить в Главном меню. Ленты заметок по скрытому тегу видны тоже только автору (остальным видна страница 404):

Безопасность

В Эгее появился фоновый мониторинг беззащитности. Подробно писал о нём, когда рассказывал про альфа-версию.

Ещё одно улучшение — в настройке параметров доступа к базе данных раньше был виден пароль от базы, а теперь нет:

Конечно, сам этот экран доступен только автору. Но вдруг злоумышенник подошёл к компьютеру автора, пока тот отошёл, и сфоткал себе пароль от базы? А ведь в базе кроме Эгеи может быть и что-то ещё. Короче, так надёжнее.

И ещё. В недавнем апдейте Эгеи 2.10 были устранены несколько уязвимостей. В 11.0 сделаны несколько внутренних изменений, которые сделают подобные уязвимости менее вероятными в будущем.

Остальное

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

Появилась фича «Случайная заметка», о которой давно просили. Работает, только если заметок хотя бы 10. Если есть избранные заметки, выбирать случайную будет из них. Это было просто сделать, но я не понимал, куда это поставить, а теперь для этого как раз есть Главное меню.

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

Кстати, благодаря прокручиваемому дизайну Главного меню, на мобиле оно работает как родное:

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

А также:

  • добавилась поддержка изображений формата ВебП (если ваша версия ПХП собрана с библиотекой gd, которая его поддерживает);
  • по аналогии с тем, как @2x в имени файла подсказывает Эгее, что картинка ретиновая, @loop в имени файла видоса теперь подсказывает, что видос надо предзагрузить и играть по кругу без контролов (так вставлены видосы в этом посте);
  • в заметках теперь хорошо выглядят два уровня подзаголовков;
  • добавился итальянский язык интерфейса (автор — Роберт Блинов);
  • если оплаченный срок платной версии позади, показывается красная точечка в Настройке;
  • раньше при апгрейде до платной версии не сбрасывались кеши, потому что архитектурно Эгея не считала включение платности «обновлением», поэтому какие-то платные фичи могли проявиться не сразу, а теперь Эгея видит, что произошла подмена и сбрасывается кеш автоматически;
  • заодно изменения в config.php теперь тоже приводит к автоматическому сбросу кеша (разумеется, если вы просто что-то меняете в Настройке, то о кешах вам и раньше не нужно было заботиться);
  • до Эгеи 11.0 нельзя обновиться с Эгеи 2.6 или более старой (сначала обновитесь до 2.10, а уже потом до 11.0);
  • сообщение об успешном обновлении теперь чуток человечнее (кроме номеров билдов теперь есть номера версий);
  • Эгея больше не даёт поисковикам инструкций о том, что индексировать, а что нет — пусть сами разбираются;
  • все ссылки в комментариях теперь получают атрибут nofollow;
  • user/.htaccess теперь отдаёт файлы с расширениями svg, woff, woff2, eot, ttf, otf, так что вы можете подключать свои шрифты без дополнительной настройки;
  • теперь можно через конфиг настроить, через какие соцсети давать входить (sing_in_with), и если убрать оттуда какие-нибудь соцсети, через которые у вас оставляли комментарии к старым заметкам, то те заметки не ломаются;
  • джейсон-фид теперь версии 1.1;
  • в джейсон-фиде теперь отдаются теги заметки, а «Блоги» умеют их принимать;
  • в списках сниппетов заметок для автора блога больше не показываются по две звёздочки избранности, одна из которых — элемент управления;
  • дефолтный часовой пояс (/settings/timezone/) теперь обновляется при редактировании и публикации заметок;
  • обновление теперь работает «прозрачно», то есть открывается именно та страница, которую вы запросили без редиректа на главную;
  • обновились лайкли.

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

Эгея теперь поддерживает ПХП 8. Минимальные требования — ПХП 5.6, Майэскуэль 5.6 или МарияДБ 10.1.

Системные и пользовательские темы разделились. Папки /themes/ в корне больше нет, теперь есть /system/themes/ и /user/themes/. Если у вас были свои темы, перенесите их в /user/themes/.

Если у вас платная Эгея и вы использовали subscribe-sheet, то теперь вместо него — follow-sheet. Внесите в него нужные вам изменения.

Теперь заморочка для тех, у кого Эгея больше 9 лет. Перечитайте заметку об окончательном избавлении от Каллиопе в следующей версии. Начиная с Эгеи 11.0 Каллиопе не поддерживается ни в каком виде. Страницы /settings/calliope/ в 11.0 тоже нет. Если вы ещё не прошли через неё, рекомендую сначала поставить 2.10, и разгрести заметки оттуда. Прочитайте там.

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

Благодарности

Самая большая благодарность в этот раз — Нине Папчене. Нина сверстала меню со всем его волшебным и прекрасным поведением.

Также спасибо Арсению Шароглазову за помощь с безопасностью.

Новые тарифы

Как и обещал, цена годовой лицензии вырастает с сегодняшнего дня.

Теперь есть два тарифа: на полгода за 2699 ₽ (~449 ₽ в месяц) и на год за 3999 ₽ (~333 ₽ в месяц). Также цена больше не зависит от того, ставите ли вы Эгею себе сами или пользуетесь нашим сервисом.

Раньше я относился к бесплатной версии как к основной, и считал, что «а ещё есть платная версия». Теперь основной, полной версией я считаю как раз платную. Бесплатная теперь будет называться «лайт».

Все варианты показаны на странице «Стать пользователем».

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

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

Как обновиться

Если Эгея у вас оплачена, напишите мне, и я дам вам полную версию 11.0 с меню и другими платными фичами.

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

Свежий дистрибутив лайт-версии — в конце страницы «Стать пользователем».

Замените папку /system/ новой.

Если у вас были свои темы, перенесите их в /user/themes/. Теперь можно смотреть изменения с беты и  с 2.10.

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

Осом

Есть такое слово — awesome. Типа, «офигенно» или «офигенный». Использовать его лучше осторожно. Оно на самом деле значит что-то в духе «вселяющий трепет», просто используется в таком вот положительном смысле. Слово awful — от того же корня, awe.

Зачем это знать? Например, чтобы засомневаться в уместности. Вот по-русски можно сказать «я страшно рад» или «мне ужасно повезло» (хотя страх и ужас тут ни при чём), но вот написать неуверенной в себе подруге, что она «страшно красивая», может, и не лучшая идея.

Хочу задачу: передизайнить зимние заводилки машин

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

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

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

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

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

На интерфейсном курсе: уважать ли интерфейсные традиции разных платформ?

Можно уважать традиции платформы: на Айфоне делать по-айфоновски, на Андроиде — по-андроидному. А можно везде делать по-своему. А можно наполовину. Как выбрать между этими вариантами? Заодно наезжаю на дебильную гуглевскую анимацию, которую он затащил даже в Айфон, хотя никто не просил. И вспоминаю Айтюнс под Виндоус. 5 минут:

Это фрагмент № 83 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 июня 2022 года.

До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.

Почитать о курсе

Программа, отзывы, запись

Ранее Ctrl + ↓