Всё, что можно слушать, я стараюсь слушать, а не читать и не смотреть. Потому что когда у меня свободны глаза, я предпочитаю делать что-то более полезное.
Вот что я слушал в последнее время, что мне понравилось:
Обзор моего блога и соцсетей за неделю 27 сентября — 4 октября 2020 года и разбор задачи о виджете «Правил русского языка»:
| 00:00 | Интро |
| 00:20 | Блог. Что послушать про дизайн, обратный отсчёт Би-би-си — Шотландия, реклама дизайнерской вакансии и востребованность дизайнеров, фрагмент курса |
| 03:01 | Наблюдения из Дублина |
| 05:30 | Иго |
| 06:10 | Инстаграм: тёмный двор, контроллер, метро на даче |
| 06:43 | Совет, где перерисовал кусок Лондона |
| 08:45 | Телеграм: наложение схем метро, сайт об эволюции человека, туманный Челябинск из окна, реклама ещё одной дизайнерской вакансии |
| 10:00 | Сокращение St. на первой схеме метро Бека |
| 10:45 | Разбор дизайн-задачи прошедшей недели |
| 18:51 | Пока-пока! |
Большинство слов мы учим без словаря: просто слышим, как они используются, и через это понимаем их смысл. Такой способ закрепляется в самом детстве, когда мы только учимся говорить. В более взрослом возрасте приходится специально учиться проверять непонятные слова в словаре, и всё равно иногда ленишься, если кажется, что в целом и без этого понятно.
Поэтому особенно тупо, что детям принято читать сказки, а в школе задавать классику, где встречаются слова, которых в остальной жизни вообще не бывает. И при этом родители и учителя делают вид, что это нормально и не требует объяснения.
Когда ты ребёнок, слова купец и гусар для тебя — синонимы. Они просто значат «мужик». Амбар и сени — это что-то вроде кладовки, наверное, а бражка и кортик — просто какие-то предметы, суть которых вообще не влияет на понимание истории, можно без ущерба для смысла заменить их на «что-то». Потом узнаёшь значения каких-то слов случайно, а какие-то так и остаются бессмысленным набором букв из книжек.
Я про это всё вспомнил, потому что недавно совершенно случайно узнал смысл слова «иго». Помните, по истории проходили, что было татаро-монгольское иго? Ну иго и иго, что-то татаро-монгольское. Мало ли, как там у татаро-монголов что называлось, ханы какие-то, орда, а тут ещё иго. Что-то вроде войска, видимо. Потом ещё было свержение татаро-монгольского ига, ну и поделом ему, игу.
В общем, оказывается, иго — это угнетение. Спрашивается: какой мудак придумал писать в учебниках истории слово «иго», которое нигде никогда больше не встречается в принципе?
А для вас какие слова обрели смысл только во взрослом возрасте?
Осталось ещё немного Дублина. Сегодня — наблюдения. Наблюдения — это просто всякие штуки, типа, «о как можно!» или «о, так не нужно». Дублин сам по себе ни при чём, но просто фотки сделаны в нём.
Клёвый велик:
Красивые полоски:
Хороший подход к социальной рекламе: вместо того, чтобы шеймить зайцев, благодарят честных пассажиров —
Узенькую табличку закрепили так, чтобы не слишком испортить сложный фасад:
Кафе прямо среди полок магазина товаров для дома:
Велодорожка раздваивается:
Логотип научной галереи:
Работает как форма для выпекания текста:
Обложки книг:
Китайские Японские какие-то, красота:
Плакат:
Упаковки с мюслями:
Фотографии из поездки в мае-июне 2018 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Дублин! (Когда дадут)
Ещё Дублин:
Фрагмент № 16 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 5 августа 2020 года. Покажите дизайнерам.
| 00:00 | Как визуализировать фичи стеклопакета |
| 02:53 | Общее впечатление от калькулятора окон |
| 05:45 | Важная штука: калькулятор сразу настроен на какое-то окно. Сразу есть пример |
| 08:00 | Проблема вёрстки: тяжёлое ниже лёгкого |
| 08:40 | Проблема вёрстки: сетка связала несвязанные вещи |
Программа, отзывы, запись
Реклама. Текст предоставлен клиентом
Ecwid.com помогает людям по всему миру начать своё дело в интернете. Для этого он создаёт простой и доступный SaaS-сервис для продаж в интернете. Вот как Figma даёт возможность сделать дизайн, так Ecwid позволяет получать продажи. На данный момент, Ecwid — топ-3 e-commerce SaaS-платформа в мире, им пользуются миллионы клиентов из 175 стран мира. В команде более двухсот человек.
Кого ищет Ecwid: целеустремленного продуктового дизайнера. У Ecwid есть офисы в Самаре, Ульяновске, Владивостоке. Также допустима удалённая работа, если вы умеете это делать.
Что делать: нужно будет менять продукт работая бок о бок с продакт-менеджером так, чтобы ещё больше людей пользовались Ecwid и получали от него пользу. Ecwid хочет сделать свой продукт самым лучшим, быстрым, простым и красивым способом открыть и вести бизнес в интернете. Поэтому вам нужно будет разрабатывать простые, понятные и удобные пользовательские интерфейсы.
Что для этого необходимо:
Что будет плюсом:
Вместе с откликом на вакансию приложите ответы на следующие вопросы. Они помогут нам понять как вы думаете:
Об Ecwid:
Чтобы откликнуться на вакансию, пишите на join@ecwid.com.
В продолжение темы теледизайна:
См. также про Би-би-си: 20 лет ремиксов: Дэвид Лоув для обратных отсчётов Би-би-си
Всё, что можно слушать, я стараюсь слушать, а не читать и не смотреть. Потому что когда у меня свободны глаза, я предпочитаю делать что-то более полезное.
Сегодня опять дизайнерский выпуск.
Вот что я слушал в последнее время, что мне понравилось:
Обзор моего блога и соцсетей за неделю 20—27 сентября 2020 года:
| 00:00 | Интро |
| 00:29 | Ответы на вопросы: Эгея, ноготь, Биг Сур, таблица, Фигма |
| 06:12 | Подготовительные курсы |
| 07:41 | Блог: послушайте Шановича про теледизайн, Гуриева про работу экономиста и Люси про извинения на Ютюбе |
| 10:50 | Кусок онлайн-курса. Смотрите их все! И вопрос про вёрстку вам |
| 12:48 | Продолжаю публиковать заставки Муз-ТВ, что ещё послушать, аудио по четвергам |
| 14:41 | Ещё фотопост из Лондона. Крутые афиши-наклейки. Как это сделано? |
| 17:35 | Эгея 2.10 альфа! |
| 20:52 | Твиттер: изменение домашнего экрана в Ай-ОС 14 до неузнаваемости, челябинский храм в лесах — 2, стёб над Сбером |
| 22:16 | Челябшвейтрикотажбыт. Рассказываю про Брендогенератор |
| 23:17 | Тви-срач насчёт кеша |
| 26:03 | 7% людей живы и мосты с купюр Евро |
| 26:54 | Телеграм: ещё Муз-ТВ, слон — это стрелка, реклама на сушилках «Дайсон» |
| 28:12 | Новая кириллическая буква „а“ в программе Ноутс на Ай-ОСе 14, Костя Горский про Эпл-фитнес-плюс |
| 29:34 | Совет Кости Мозгового о Фигме, клик Ройксопп с инфографикой, визуализация плотности населения, техника «Видеотон» |
| 31:29 | Примеры красоты и искусства, типографический кретинизм и смысл айосной иконки с карандашом в рамочке |
| 34:08 | Инстаграм: МТС и селфик + недовольство работой ховера в Инстаграме |
| 34:44 | Дизайн-задачка на неделю. Ответы шлите в комментарии, разберём в следующие выходные. |
При работе над Эгеей 2.9 я публиковал ранние альфа-сборки движка; с 2.10 попробуем так же.
Главная тема 2.10 — это «дискавери». Одна из фундаментальных проблем формата блога — это его хронологичность. Последние заметки видно, а что было месяц или, тем более, пять лет назад — нет. А ведь у нормальных ребят ценные заметки встречаются на протяжении всей истории. Я хочу, чтобы читателям было проще погружаться в интересные блоги и находить в них интересное, и теперь Эгея будет с этим помогать.
Возможно, что-то из описанного поменяется к релизу.
Под заметками теперь автоматически собирается этажик «Дальше»:
Эгея использует теги, чтобы понять, какие заметки близки по смыслу и форме. Если читатель дочитал заметку, логично предложить ему ещё. Так что ставьте теги — это поможет движку рекомендаций не заблудиться. Списка ссылок на популярное в подвале заметок теперь не будет, потому что рекомендации намного круче.
В рекомендации попадают только избранные заметки. В Эгее давно можно отметить заметку как избранную — тогда она выделятся звездой. Но теперь избранность обрела очень конкретный смысл: это заметка, которая по задумке автора обладает вечной ценностью. Ставя заметке звёздочку, вы говорите Эгее: «даже через много лет можешь рекомендовать эту заметку читателям». При этом заголовки избранных заметок больше не будут выделяться размером (можете вернуть это обратно через стили).
При формировании рекомендаций Эгея не учитывает дату написания заметок — в рекомендации может попасть очень давняя заметка. Вот вообще 2006-й год подтянулся, и ничего:
Заметьте, что заодно немного поменялся дизайн листалки влево-вправо между соседними заметками.
Если в рекомендации попала заметка, которую вы не считаете важной, перейдите по ссылке на неё и уберите ей звезду — Эгея сразу же пересоберёт этаж рекомендаций. Не нужно ничего ждать, потому что кеширование в Эгее написано прямыми руками: я в состоянии своевременно удалять устаревшие кеши, в отличие от большинства программистов на планете. Простите, не сдержался.
Ну и всегда можно подкрутить теги, чтобы Эгея лучше разобралась в связях заметок. Естественно, изменения тоже применяются сразу же. Прямого способа сказать Эгее, что именно рекомендовать, нет.
Когда Эгея сформировала набор заметок для рекомендаций, она верстает их автоматически, используя могучую магию. Повлиять на это тоже никак нельзя — как Эгее понравится, так и сверстает.
Движок вёрстки учитывает не только смысл, но и такие вещи как длину заголовка или пропорции картинок, чтобы выбрать наиболее клёвую раскладку. Он даже может взять не первую картинку из заметки, а, скажем, седьмую, если она ему покажется более подходящей. Также для разнообразия вёрстки рекомендаций, в ней небольшую роль играет случайность. Так что этаж рекомендаций даже для автора в некотором смысле сюрприз:
Тут слева попалась вертикальная картинка и длинный заголовок. А справа заголовок короткий и картинки нет — пришлось вытащить описание заметки, чтобы не возникало дыры (это описание теперь можно редактировать, см. «Соцпакет» ниже).
А вот обложечки музыкальные красиво встали:
Вёрстка похожа на предыдущую, но попались картинки одинаковых пропорций и заголовки не слишком различаются по длине, поэтому половинки собрались одинаково.
Хоть случайность и влияет, но вёрстка рекомендаций стабильна при стабильных данных. Пока вы не меняете сами заметки, картинки в них, теги или избранность, вёрстка тоже не поменяется.
Скромненький вариант с одной маленькой картинкой:
Рекомендации будут доступны только в платной версии.
Если просто крутить ленту заметок, между ними теперь показываются перебивки — такие же этажи ссылок на другие хорошие заметки:
В результате читатель, зашедший в блог первый раз, видит не только последние заметки, но и разные другие важные заметки, которые вы когда-либо писали. Хоп:
Перебивки тоже будут доступны только в платной версии.
Страницы тегов раньше были просто хронологическими лентами заметок по тегу. Теперь они стали умнее.
Во-первых, в платной версии используется тот же движок вёрстки рекомендаций, чтобы сформировать этаж популярных заметок по тегу. Во-вторых, и это уже касается и бесплатной версии, наверху автоматически показываются связанные теги — читателям проще переключаться между темами. Во-третьих, сами заметки теперь показываются компактно как в результатах поиска — быстрее находишь нужную.
Вот как выглядит у меня тег «философия», например:
Видите, в начале подтянулись популярные заметки и ссылки на «общество», «жизнь», «политику»? Это оно само. А благодаря компактным заметкам получается быстрее найти то, что надо.
Кстати, если при поиске нашёлся тег, то рядом теперь так же показываются связанные с ним теги.
Компактному представлению заметки нашлось ещё одно полезное применение. В предпросмотре черновика теперь показывается, как заметку после публикации увидят соцсети:
Речь о серой плашке над кнопкой публикации. Там видно, какие картинки Эгея отдаст соцсетям для использования в качестве обложек и какой фрагмент текста — в качестве описания. Если вам не понравится автоматически выкушенный из начала заметки текст, вы как раз сможете пойти и отредактировать описание в заметке.
Кстати тут, когда выбираешь дату публикации заметки (платная фича), кнопка теперь называется не «Запланировать», а «Опубликовать в это время»:
Дело в том, что тут можно и прошлое время указать, чтобы опубликовать заметку задним числом. Мало ли.
Ещё одно изменение касается секретных ссылок и неопубликованных заметок. Ещё в Эгее 2.6 появилась платная фича — секретная ссылка для просмотра черновиков. Это удобно, чтобы согласовать пост с коллегами или рекламодателями перед публикацией, не давая им пароль от админки. А в Эгее 2.8 появилась другая платная фича — запланированные заметки. Можно настроить автопубликацию на определённое время в будущем. Из-за особенностей реализации такая вот запланированная на будущее заметка уже не имела секретной ссылки, потому что уже не была черновиком. Но это довольно тупо: иногда хотелось запланировать заметку, но доверенным лицам дать на неё секретную ссылку сразу.
В Эгее 2.10 можно дать секретную ссылку и на черновик, и на запланированную заметку, и даже на скрытую заметку. Заодно секретной ссылке нашлось более удачное место, см. скриншот выше.
О том, что в Эгее есть скрытые заметки, мало кто знает, потому что для них нет интерфейса. Заметку можно скрыть, дописав /hide/ к концу адреса, но до 2.10 я особо никогда не тестировал надёжность их сокрытия. Не удивляйтесь, если вы скроете заметку, а она всё равно просочится в какой-нибудь там РСС. В отличие от удалённой, скрытая заметка остаётся на своём месте в истории вместе со всеми комментариями, просто она видна только автору.
В отличие от читателей, автор видит свои запланированные и скрытые заметки. Но раньше они отображались в лентах целиком, просто были бледно-серыми. Теперь они тоже показываются в компактном виде:
Вот видно, что заметка ждёт своего часа опубликоваться. И тут же секретную ссылку можно взять, если не терпится с кем-то поделиться.
Лейбачок запланированной публикации претерпел лёгкий редизайн; так же теперь выглядит и лейбачок черновика.
Кроме аудио и картинок в заметки теперь можно загружать видео с расширением mp4 и mov. Оно будет воспроизводиться стандартным хтмльным видеоплеером.
В Эгее 2.9 появилась разметка фрагментов аудио (см. описание релиза), а теперь подобный синтаксис добавился и для видео, причём и для загруженного файлом, и для внешнего (Ютюб, Вимео). За это спасибо Игорю Адаменко.
Пример — в заметке с треком на Ютюбе:
В ссылочки можно тыкать, и видео перемотается.
В редакторе это выглядит так:
Снова, почитайте кусок «Разметка фрагментов аудио» из описания Эгеи 2.9. Тут так же можно давать ссылку из текста на конкретное время в видосе, но без подсветки фрагментов.
Важно: вместо .e2-audio-seek теперь используется класс .e2-media-seek. Простите, старый вариант работать перестанет даже с аудио, так что надо будет исправить в старых заметках. Их можно найти поиском. Если для кого-то из вас это проблема, скажите мне; я пока исхожу из того, что этой фичей пользуются редко и исправить придётся максимум заметок пять.
В продолжение темы видео — Эгея умеет обновлять обложки внешних видосов. Щас объясню.
Когда вы используете внешнее видео в заметках, Эгея пытается достать обложку видео с Ютюба или Вимео, чтобы использовать её в качестве картинки заметки в соцсетях. Начиная с 2.10 эта же картинка может стать иллюстрацией в рекомендациях. Но бывает так, что Ютюб или Вимео не отдают обложку. Чтобы не зацикливаться в попытках перескачать эту обложку, Эгея запоминает, что обложки нет, и больше за ней не ходит.
С этой логикой была вот какая проблема. Бывало, я писал заметку с видео, параллельно загружая это видео на Ютюб. Эгея пыталась пойти на Ютюб за обложкой, которая ещё не была готова, и в итоге заметка оставалась без обложки. Теперь Эгея перепроверяет обложку при изменении заметки — мало ли. Так что если обложка не подгрузилась, можно пересохранить заметку, и Эгея попробует ещё раз.
Подгрузилась ли обложка теперь хорошо видно благодаря превьюшке на странице черновика, которую я уже показывал выше.
С обложками понятно, но соцсетям нужны ещё и описания заметок. Эгея всю жизнь формирует их самостоятельно: берёт немного текста из начала заметки; старается обрезать его не на полуслове, а осмысленно, ориентируясь на знаки препинания. Но иногда хочется написать своё описание-затравку, чтобы заметка выигрышнее смотрелась в соцсети. Интерфейса для этого в Эгее раньше не было.
Описания страниц используют ещё и поисковики — показывают их под ссылками в поисковой выдаче, так что хотелось, конечно, иметь возможность на них влиять. Начиная с 2.10 описания заметок стали ещё важнее, ведь теперь они нужны не только в соцсетях и поисковиках, но и внутри самой Эгеи: в этаже рекомендаций и в компактном виде заметок.
В общем, пришло время дать управлять этим описанием. У заметки появилось дополнительное поле:
Изначально оно спрятано так же, как поля даты и урла — Эгея по-прежнему формирует описание сама. Просто теперь вы сможете его поменять, если захотите. Ещё раз напомню, что в предпросмотре черновика заметки теперь отображается, как её увидят соцсети, и там видны обложки и описание. Посмотрев туда, можно решить, хотите ли вы что-то поменять. Я у себя редактирую описание раз в несколько заметок.
Аналогичные поля описания появились и для страницы тега (в её редакторе), и для блога в целом (в Настройке). И у тега, и у блога в целом и раньше было поле «Описание»: оно отображалось под заголовками соответствующих страниц, и из его начала автоматически формировалось описание для соцсетей так же, как из текста заметки. Но и я, и многие другие авторы использовали это поле «Описание» для навигации по блогу. Поэтому у тега теперь отдельные поля: «Вступительный текст» и «Описание для поисковых систем, соцсетей и агрегаторов». А у блога — «Подзаголовок» и «Описание для поисковых систем...». Вступительный текст и подзаголовок размещаются под заголовком, а описание отдаётся наружу. Разумеется, его можно не заполнять, и тогда Эгея сформирует его автоматически по-старинке.
Другие социальные новшества:
Появился автоматический бекап перед любым обновлением и постоянный инкрементальный бекап.
Раньше при бекапе делался полный дамп базы движка, что на больших блогах могло занимать несколько секунд. Бекап делался автоматически в фоновом режиме при создании и редактировании заметок. Это гарантировало актуальность бекапа заметок, но было весьма неоптимально, особенно когда редактируешь-редактируешь заметку до блеска, а Эгея всё бекапит и бекапит весь блог. И даже при этом комментарии и просмотры попадали в бекап только при редактировании заметок, а значит могли подолгу оставаться вне бекапа.
Теперь Эгея делает полный бекап перед обновлением движка (на всякий случай) и раз в неделю (тоже на всякий случай), а в остальное время она делает инкрементальный бекап: запросы к базе дублируются в текстовый файл backup-tail.sql, поэтому если база сломается в любой момент, можно будет восстановиться из последнего полного бекапа, а потом ещё и выполнить этот backup-tail.sql, чтобы база была приведена к самому последнему виду. Бекапная нагрузка стала меньше, а сам бекап теперь всегда актуален — классно!
Пользовательское:
Исправленные баги:
Подкапотное:
В принципе надо тестировать не только всё, о чём речь выше, но и вообще всё — убедиться, что я ничего не сломал. Но особенно внимательно хочется быть с этим:
Основные фичи этого релиза, связанные с рекомендациями — платные. В альфа-сборке, которую я выкладываю сегодня, они все включены, потому что надо их как-то потестировать. Но постепенно я их отсюда уберу. Понимаю, что это странновато, но я пока не придумал, как по-другому.
Если вам интересно поэкспериментировать, то скачайте, пожалуйста, свежую сборку v3733a (релиз), поставьте себе, и попробуйте с ней пожить. Не забывайте, что нет вообще никакой поддержки и даже на несложные вопросы вроде «а в каком файле ты хранишь то-то» я могу отвечать долго. Если в вашем блоге есть хоть что-то ценное, сделайте максимальный бекап. В моём блоге сейчас, конечно же, крутится именно v3733a. Чтобы обновиться, замените /system/ и все подпапки в /themes/.
См. также: Альфа 2.
