Позднее Ctrl + ↑

Что почитать на выходных — 188

Вот:

  1. «Origins of the Apple human interface» lecture — an annotated transcription. Офигенно интересное чтиво. Тот случай, когда исследование интерфейса — это реально исследование и первопроходчество, а не юикс-каргокульт на палке. Особенно впечатлил пример про текст «Do the words above appear in several different colors?»
  2. The (Mostly) True Story of Helvetica and the New York City Subway. «Buying a typeface meant buying a range of sizes and thus metal type took up a lot of space. Imported type was even more expensive — it meant shipping lead across the Atlantic — and had the further disadvantage of having to be specially manufactured for use with American printing presses. A new typeface often meant an investment of a thousand dollars or more». Сейчас так же, только свинец везти через Атлантику не надо.
  3. Эволюция нас к такому не готовила — но человек способен погружаться на глубину больше ста метров и не дышать дольше семи минут. Даже читать страшно!
  4. Дочь спасла мать от избиения, заказав пиццу. Диспетчер 911 все понял правильно. Ну не совсем спасла, но история интересная.
  5. Авария из-за интерфейса (тред)
  6. Что изменилось в отношении к удалёнке за время ковида (тред)

Эмёрдж 2.0

Вышел Эмёрдж 2.0. Новая версия переписана на чистом джаваскрипте без Джейквери.

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

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

Это всё можно сделать и без Эмёрджа, но его ценность в декларативном АПИ: вам не нужно писать вообще ни одной строчке на джаваскрипте, нужное поведение описывается тегами и атрибутами. Я даже делал об этом доклад. Примеры и документация — на странице Эмёрджа.

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

А ещё Эмёрдж стал бесплатным и открытым на Гитхабе.

Учимся говорить по-английски без акцента

Обнаружен невероятный ютюб-канал «Фонетик фанатик», автор которого учит говорить по-английски без акцента. Вот включите сначала на полминутки просто удивиться:

Это один из видосов, который я посмотрел целиком.

Мой любимый момент — на 38:48: «А вы дёргаете башкой на каждом ударении»? Рекомендую смотреть, впитывать и пытаться повторять. Но вообще я сделал для себя три открытия:

  1. Очень важно уметь слышать, как говорят другие. Автор часто просто разбирает по звукам короткие фразы, произносимые в кино, речах политиков, лекциях на ТЕДе. Иногда даже замедленно воспроизводит и потом объясняет, что именно там звучит. При этом на экране присутствует суперзадротская транскрипция со всеми нюансами вроде гортанных смычек и придыханий. Благодаря этому повышается разрешение в том, какие нюансы произношения ты вообще способен различать. Без этого воспроизвести их самому нереально.
  2. Научиться говорить без акцента — можно. Есть теория, что если ты не научился в совсем детском возрасте, то всё, акцент с тобой навсегда. Это не так. Речь — это движение мыщц, и их можно прокачивать как и любые другие. Но нужно этим целенаправленно заниматься. Просто смотреть сериальчики, даже различая все звуки — недостаточно.
  3. Стоит учиться эмфатическому, то есть особо выразительному произношению, как будто ты прям речь с трибуны читаешь. Только так будут развиваться нужные мыщцы и оттачиваться нужные движения. И только тогда при обычном непринуждённом разговоре получится в итоге звучать естественно. А вот если тренироваться, подражая расслабленному произношению, то в реальном разговоре акцент никуда не денется.

Ещё целиком вот это посмотрел:

Тут любимый момент на тренировку слуха — куча пар, начиная с 9:07. А в 1:19:17 посмотрите пример разбора речей с адскими транскрипциями.

Двойной логотип Мерседеса

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

Задизайнить весь шлак

Когда делаешь дизайнерский дизайн, всегда хочется навести минимализм и избавиться от всего шлака. Какую-нибудь самоочевидную подпись просто убрать. Или вот новости на сайте склада металлолома — нафига они нужны? А какой-нибудь юридический дисклеймер в интерфейсе, без которого законная сила не пострадает (вы узнавали)? Тоже убрать!

Проблема в том, что шлак появляется, потому что у кого-то руки чешутся его добавить. И когда вы уйдёте, они останутся. Ну не может вахтёр в поликлинике не написать объявление «Одевайте бахилы!!!» Вот и юристы, разрешившие вам убрать бессмысленный дисклеймер, как только вы ослабите дизайнерский контроль, добавят его обратно, просто от греха подальше.

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

А греческий паркомат демонстрирует, что происходит с дизайном, где шлак не предусмотрели и не задизайнили.

На интерфейсном курсе: секреты встроенной скриншотилки на Маке

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

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

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

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

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

Эгея v3860

Вышёл пятый сервис-пак для Эгеи 2.10, сборка v3860.

Главное: починились редиректы со старых урлов! В каком-то из предыдущих релизов они сломались. Вообще, Эгея помнит историю урлов всех заметок и тегов, поэтому в ней нет проблемы поменять урл на более удачный, если надо. Но вот недавно я что-то поломал, и вместо редиректов Эгея выдавала 404 по старым урлам. При этом историю урлов она помнила, просто забывала в неё посмотреть. Если вы обновитесь до v3860, все урлы, которые вы меняли, заработают.

Другие изменения:

  • страница «Популярное» теперь доступна не только автору, но всем читателям;
  • в каких-то там случаях не срабатывало обновление с v3790;
  • при наведении на ссылки могли забывать подсвечиваться другие ссылки на это же место на странице (например, если навести на картинки в выдаче поиска, могло не подсветиться название заметки);
  • sitemap.xml отдаётся побыстрее (бесит, что калекам-поисковикам он вообще зачем-то всрался);
  • в тайтлах листаемых страниц появились номера страниц (например по тегу: «Дизайн (страница 2)»);
  • настроены цвета в выпадающих меню;
  • неудачный код в тегах <code> больше не распирает страницу;
  • локализовалась одна нелокализованная строка в дебрях движка;
  • сделано ещё несколько шагов в сторону совместимости с ПХП 8, но всё ещё официальной поддержки нет.

Процедура обновления стандартная: заменить .htaccess, папку /system/ и все подпапки /themes/ новыми.

Если вы поставили 2.10 и вас беспокоит проблема неработающих старых урлов (или что-то ещё из списка), рекомендую поставить и это обновление. Свежий дистрибутив — на сайте движка.

Ранее Ctrl + ↓