Сим постом хочу призвать вас внимательнее относиться к иконкам человечка в ваших приложениях.

Вот что находит «Наун-проджект» по запросу user:

Самый правый в средней строке хоть на что-то похож.

Такая жесть повсюду вокруг нас. Яндекс-музыка:

Исполнитель имеет признаки человека, но пользователь — это почему-то круг с полукругом.

Виндоус:

Гайдлайны Андроида предписывают ставить жуткую иконку. Звучат слова human и best:

Ну не знаю. По-моему, не хьюман и не бест.

Любое упрощение имеет свои пределы. У Эпла головы людей похожи на головы — есть уши, причёска (слева):

Голова превращается в круг (справа) только в масштабе всего человеческого тела. В этом случае для человеческого облика хватает остальных деталей.

Для «Секьюриджа» я нарисовал клёвых ребят с причёсками (посередине):

Даже на пропуске (справа снизу) у головы и плечей человеческая форма.

Иногда хочется, чтобы человек на иконке не имел пола. Но даже в этом случае можно найти нейтральную причёску. Вариант Серёги Чикина:

Читаются мальчик и девочка, но если оставить только одного персонажа, вполне можно и использовать независимо от пола.

Ещё в программах часто пол можно угадать по имени и подсунуть подходящую иконку.

Для «Бёрдвью» мы когда-то придумывали генератор юзерпиков для тех, кто не загрузил фотографию:

Получались всякие такие:

А вот иконка «Иконверка»:

Вот ещё. Хоть какая-то форма:

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

Но тут снова масштаб почти всего тела. И прекрасно подобраны пропорции и форма остального тела.

Симпатичный чувак с Иконфайндера:

А у «Вконтактика» — фигня:

Короче. На иконке человека должен быть человек, а не снеговик.

Все, кто съездил в Стокгольм и побывал в метро, пишут пост «Стокгольмское метро» и выкладывают примерно такие фотки:

Родхусет (Rådhuset)

Из-за этого у читателя может сложиться впечатление, что именно так выглядит стокгольмское метро. А потом он приезжает в Стокгольм, спускается в метро, а там — «Проспект Вернадского»:

Сканстулл (Skanstull)

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

Входы в метро обозначаются буквой T, потому что метро — это «туннельная дорога» (tunnelbana). Вход внутри центрального вокзала:

Ти-Централен (T-Centralen)

Категория определённости выражается в шведском не артиклем, а разными окончаниями, в том числе -n, поэтому иногда встречается красивое слово «туннельбанан» (как бы «the метро»):

Так выглядит вход на станцию в старом городе, а вовсе не в Выхине:

Гамла стан (Gamla stan)

Тоже в центре:

Медборьярплатсен (Medborgarplatsen)

Сама штука с буквой T — приятной формы:

Гамла стан (Gamla stan)

И светится по ночам:

Слюссен (Slussen)

Лифт на одной из станций:

Схема метро и электричек (здесь это единая система):

Можно найти перечисленные выше станции (Skanstull, Medborgarplatsen, Slussen, Gamla stan) в центре.

Билетные автоматы:

Вообще, у транспортной инфографики в Стокгольме есть единый графический стиль. Я ещё покажу вокзал и аэропорт — везде этот шрифт, везде шведский белый, а английский — жёлтый. Но в метро почему-то ему следуют только разные плакаты, а остальные элементы сделаны как попало.

Спустимся вниз. Красивый шрифт:

Платформа. На табло — максимально крупные буквы. Выглядит клёво:

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

Платформа одной из линий на станции «Ти-Централен» (T-Centralen, там центральный вокзал):

Мозаика и подпись:

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

Гельветика, квадраты, стрелки (на табло слева написано «не вниз»):

И вот мы на платформе синей линии T10 и T11:

Ти-централен (T-Centralen), платформа синей линии

Но это потом.

Обычный висящий указатель с названием станции — снова Гельветика:

А есть ещё вот такой стиль, на синем фоне:

Так оформляют списки оставшихся станций на линии:

Ещё:

Фотографии из поездки в июне 2016 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Стокгольм!

Продолжение

См. также:

• Голосовые объявления в метро Стокгольма
• Шведское чтение

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

Люди относятся к биткоину как к игре, которая вот-вот закончится. Но это не игра. Конечно, технически может что-то сломаться, и придётся новую криптовалюту строить. Или государствам всё это совсем перестанет нравиться, и они начнут тупо расстреливать всех, кто хоть как-то причастен к биткоину.

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

«Ага, размечтался. До триллиона!»

И дальше, но это будет не важно.

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

Не воспринимайте эту заметку как рекомендацию по инвестированию. Вы сами отвечаете за все решения, которые принимаете.

В русском глагол «знать» означает и «владеть информацией», и «быть знакомым»:

Я это знаю.

Я его знаю.

В английском с to know так же:

I know this.

I know him.

Если не трогать другие языки, то и в голову не придёт, что тут у глаголов весьма разный смысл. Но уже во французском не так. Если я правильно помню, «владеть информацией» — это savoir, а «быть знакомым» — это connaître:

Je le sais

Je le connais

В иврите, как выяснилось, так же:

אני יודע את זה [ани йодэа эт зе]

אני מכיר אותו [ани макир ото]

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

Я знаю это и его

Оно очень странное, так не скажешь ни в какой ситуации. Даже если предположить, что вам сказали: «Этот дом построил Джек», вы ответите: «Я в курсе и знаю Джека» или «Я знаю это и с Джеком знаком» — что-то заставит вас использовать разные способы для выражения этого разного смысла «знания».

И ещё я заметил, что после «знаю» в первом смысле можно всегда добавить «что» или аналог: «я знаю, что его построил Джек»; «я знаю, кто его построил». А со «знаю» во втором смысле так не выйдет.

В сентябре выступил на конференции «ФДКонф» в Минске. Рассказал об обратной связи в интерфейсе на английском языке. А вот уже и видео готово:

Принято считать, что слово «нету» — неполноценный синоним слова «нет». Если вы скажете «нету», кто-нибудь может подумать, что вы — деревенщина необразованная. Грамотные люди говорят «нет».

Между тем, в отличие от слова «нет», которое означает и отрицание, и отсутствие, слово «нету» означает только отсутствие. А грамотная речь отличается точностью при выборе слов.

Двусмысленно:
— Дай денег?
— Нет.

Однозначно:
— Дай денег?
— Нету.

Эти слова — не синонимы, и отказываться от одного из них не стоит.

Кстати, в предыдущем предложении встречалось слово «не» — снова другое отрицательное слово.

Вот в иврите «не» и «нет» — это одно слово, לא [ло]:
— לא, אני לא רוצה [ло, ани ло роце] (нет, я не хочу).

Можно предположить, что при изучении английского или русского у израильтян возникают сложности при выборе между no и not, «не» и «нет».

А вот «нету» на иврите — это вдруг вовсе не לא, а אין [эйн] — другое, совсем непохожее слово:
— לא, אין לי כסף [ло, эйн ли кесеф] (нет, у меня нету денег; дословно: «нету мне денег»).

И как и в русском, у אין нет прошедшего времени, поэтому оно распадается на «не+было»:
— לא, לא היה לי כסף [ло, ло хайя ли кесеф] (нет, у меня не было денег; дословно: «не было мне денег»).

И ещё Берлин.

Трамвайчик:

Вход:

Поворачивает весь в рекламе такой:

Экран внутри довольно мусорный:

Билеты::

Валидатор:

Остановка и тотем как в «Долине монументов»:

Тотем светится по ночам:

Автобусная остановка. Экран ближайших маршрутов:

Элемент навигации такой же формы:

Информация о маршрутах на большой автобусной станции:

Экран внутри автобуса:

999-й:

Карта:

Школьный автобус с обозначением школьников в духе уродского берлинского человечка со светофора:

Велопрокат:

Очень красивые штуки, в которые вставлять велосипед:

Фотографии из поездок в марте и мае 2016.

Ещё Берлин:

• Метро (добавил туда ещё одну фотку)
• Названия на станциях метро Берлина
• Железная дорога
• Уличные таблички
• Знаки, вывески, плакаты
• Кофе
• Магазин «Планета Модулор»
• Рассказы в «Мире»

Под каждой заметкой с тегом «мир» — поиск дешёвых авиабилетов.

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

У Дропбокса и Яндекса вообще треть экрана справа отъедает неведомая панель, смысла которой я не знаю, потому что всё, что меня в ней интересует — это как её нахрен убрать.

А вот у Гугля какой-то принтер, скачивалка, многоточие — нахрена это всё? Снизу целых три кнопки для зума, хотя и на компьютере, и на телефоне и так для этого есть все элементы управления.

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

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

Мало того, что это всё полное говно, так это ж ещё куча человеко-часов потрачена на то, чтобы весь этот ад запрограммировать.

Между тем, браузеры уже больше двадцати лет прекрасно справляются с тем, чтобы открыть картинку. Для этого не нужны не только скрипты, но и даже ХТМЛ — просто дайте прямую ссылку на файл. И там можно и сохранить, и распечатать, и зазумить, и проскролить — и всё работает стандартно и привычно.

Умники всё время победоносно приводят примеры хорошего дизайна, в котором нарушаются правила: «А вот крутой плакат, где не соблюдается правило внутреннего и внешнего! А вот удобный сайт, где ссылки не подчёркнуты! А вот красивая и понятная таблица с чересполосицей!»

Это как прийти на занятие по карате, и начать рассказывать: «А я видел, как во дворе один чувак другого сильно побил, не крича „кия“!» Причём рассказывать с искренней убеждённостью, что тренер не в курсе, что так бывает.

Задача преподавателя — научить и повысить разрешение. Для этого и нужны законы и правила. А если объявить: «Можно делать всё, что угодно, лишь бы был хороший результат», будет честно, но совершенно бесполезно.

См. также:

• Секрет дизайнерских правил
• Делать, как говорят (Женя Арутюнов)

Готова Эгея 2.7 (сборка v3239) с трансляцией на центральный сервер, большими улучшениями в темах, клавиатурным управлением в редакторе и другими штуками. Эта заметка в основном повторяет анонс беты, чтобы всё было в одном месте.

Проект «Холборн»: трансляция заметок на центральный сервер

Заметки, которые вы пишете в 2.7, отображаются в разделе «Блоги» на сайте движка:

Ссылки из этой ленты ведут на ваши сайты, а текст не индексируется поисковиками, поэтому для вас это просто бесплатный источник читателей. Здесь можно подписаться на РСС и читать все блоги на Эгее в одном месте, например.

Чтобы ваш блог появился в ленте, ничего не нужно настраивать, но по умолчанию заметки появляются только после моего одобрения. Если вы постоянно пишете хорошее, я одобрю блог целиком и заметки будут публиковаться в «Блогах» мгновенно.

Не бойтесь сделать опечатку — изменения тоже мгновенно приходят в «Блоги». Это же не Фейсбук вам. И если вы удалите заметку, она удалится и из «Блогов».

Новые темы и темы на основе переменных

В новой версии встроено несколько тем, например:

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

Все новые темы сделаны на основе «Простой», но не перекрытием её стилей, а через переменные:

Это тема «Дуглас», выглядит так:

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

В системной теме не осталось вообще никакого ЦССа — он весь переехал в «Простую». Если вы делали свою тему, вам придётся посмотреть диффы «Простой» и понять, что теперь нужно доопределить в своей, что не унаследуется из системной. Благодаря этому теперь вам не нужно бороться с системной и переопределять что-то, что было определено в ней.

Ещё в своих темах стало проще сделать собственную расцветку для подсветки синтаксиса. Про то, как это сделать, отдельно расскажу.

В ИЕ работает полифилл для ЦСС-переменных (спасибо, Игорь Адаменко).

Предпросмотр тем

В «Настройке» рядом с выбором тем появилась новая ссылка «Предпросмотр»:

По этой ссылке открывается специальная страница, на которой собраны основные элементы, из которых состоит блог, и дизайн которых полезно бы проверить. Она собственным текстом объясняет, на что стоит обратить внимание:

Откройте, например, предпросмотр темы моего блога.

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

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

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

Появилась специальная тема «Встраиваемая» (Embeddable). Это тема, в ЦССе которой определяются только специфические для Эгеи внутренности — заметки, комментарии, теги, элементы навигации — но не обёртка и вид стандартных тегов ХТМЛ.

Если подключить к Эгее ЦСС от вашего основного сайта и добавить ХТМЛ вашей шапки и подвала в тему «Встраиваемая», Эгея волшебным образом будет выглядеть как страница вашего сайта (у меня теперь работает именно так, а раньше приходилось использовать сто костылей).

См. подробнее в заметке: Как встроить Эгею 2.7 в свой сайт.

Абзацы с классами

Любая самостоятельная строка, начинающаяся с .something, превращается в абзац с классом something. Пишете:

.loud Какой-то громкий текст

Получаете (увидите только в браузере):

Какой-то громкий текст

Ну, это у меня. У вас может выглядеть иначе.

Вы можете легко определить свои классы для каких-то особенных элементов текста. Важно понимать, что это просто ЦСС-класс, и он не сработает в РССе. Поэтому когда используете такое, убеждайтесь, что текст не теряет смысла без выделения. Именно поэтому, кстати, это абзац, а не див.

В самой Эгее и всех новых темах определены стили для .lead (подзаголовок или въезд), .loud (как выше) и .foot (сноска или примечание).

Вот это как раз примечание.

Клавиатура в редакторе

Игорь Адаменко, который сделал клёвое автосохранение в 2.6, реализовал для редактора 2.7 ещё одну отличную фичу — клавиатурное управление. Так быстрее. Работают такие сочетания (как в Гугль-доке):

Это работает и в заметках, и в комментариях, и в тегах, и в описании блога. В Виндоусе вместо ⌘ работает Ctrl.

Ссылки на твиты

В дополнение к видосами на Ютюбе и Вимео, Эгея теперь умеет вставлять твиты просто по урлу. Вы пишете в редакторе ссылку на твит:

https://twitter.com/omelekhin/status/902835411034271744

Получаете сам твит:

Спасибо Илье Гельману за это.

В РССе ссылки на твиты отображаются как просто ссылки на твиты.

Соцпакет

Если у тега есть собственные картинки (загруженные в редакторе тега), то они все попадают в качестве картинок для соцсетей ко всем заметкам с этим тегом. Удобно во всяких рубриках типа «Что почитать на выходных» обложки делать.

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

Добавилась поддержка шаринга в Вотсапп (спасибо Илье Гельману).

Поиск

Как вы помните, с версии 2.6 в Эгее новый поиск на базе движка «Роза». Теперь используется новая версия, которая ещё лучше рассчитывает релевантность.

Кроме того, поиск теперь корректно индексирует слова с нерусскими и неанглийскими буквами (например, украинскими, белорусскими). За это всё спасибо Роману Парпалаку.

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

Остальное

Улучшена фильтрация спама в комментариях (спасибо Ивану Щолокову).

Теперь вдобавок к РСС поддерживается джейсон-фид — новый стандарт для подписки. Читайте об РССе и джейсон-фиде. Помимо ленты всего блога и ленты по тегу, доступна «лента» из любой одной заметки, например — этой. Если зачем-то нужно вытащить смысловые куски заметки, не нужно пытаться парсить ХТМЛ. У меня это используется для моих трансляций в раздел «Блоги».

Гуиды заметок в РССе теперь стали их идентификаторами из базы данных. Это по идее должно решить проблему дубликации РССа. Конечно же, я сделал, чтобы заметки, написанные до обновления, остались со старыми гуидами.

Списки теперь можно начинать не с единицы (если список прервался на другой объект). Слайдер тегов заработал на мобилах.

Код метрики и аналитики больше не вставляется, если страницу просматривает залогиненный автор (это касается пользователей платной и хостед-версий).

Исправлено много разных багов с загрузкой картинок и аудиофайлов. Они не теряются, если загружать их в редактор тегов вне текстового поля, не «подвисают» в форме новой заметки.

Если на вашем сервере установлено ПХП-расширение zip, то внизу в настройке появится ссылка на скачивание последнего бекапа. Это я сделал для сервиса, но никому не будет лишним.

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

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

Лайкли, Жуэль и ХайлайтЖС обновились.

Скрипты теперь собираются вебпаком. Игорь Адаменко их переписал более прямыми руками, чем мои.

Где скачать

Свежий дистрибутив — на сайте движка.

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