Позднее Ctrl + ↑

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

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

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

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

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

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

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

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

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

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

Стокгольм: аэропорт и связь с городом

Я вам подробно показал стокгольмское метро.

Но в Стокгольме не только метро, у меня ещё дофига всего. Сегодня — аэропорт и связь с городом.

Прибытие:

Прекрасная идея — указать рядом с туалетом в узком коридоре, что дальше есть ещё туалеты:

В зале получения багажа висит красивая реклама автобусов-экспрессов в город:

Шведский белый, английский — жёлтый. У таможни два пробела:

Переход в другой терминал:

Лестница к выходам на посадку. Любопытно, что стрелки и номера выходов — жёлтые, а не белые:

Но мне надо было в город, и автобус-экспресс меня не входновил. Оказалось, что дешевле и интереснее — добраться на перекладных. На обычном автобусе до некоей «Мэшты», и оттуда на электричке.

Улица:

Остановка автобусов:

Автобус 583 до Мэшты:

Почти-селфик из автобуса:

Остановка в Мэште:

Станция электричек — рядом:

Поезда ждут на платформе:

Табличка:

Дверь сама не открывается. Персонажик указывает на кнопку сверху:

Внутри:

Тут тоже реклама в стиле транспортной системы, как я уже показывал в поездах метро. Красиво:

Иконка «не сидеть с ногами на другом кресле»:

Я вышел на центральной станции Стокгольма, а какие-то люди поехали дальше. Персонажик указывает на кнопку снизу:

Через три дня в Стокгольме я поехал обратно в аэропорт — на этот раз, на том самом автобусе из рекламы. Он тоже идёт с центрального вокзала. Выход на посадку с автоматическими дверьми:

Вылет:

Схема терминала 5:

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

Ещё посмотрите:

Про фиды в Телеграме

Пишут, что скоро в Телеграме появится возможность объединять каналы в общий фид. Это фигово по двум причинам.

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

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

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

Обработка фотографий

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

Вот просто пример того, как фоточка становится веселее от нескольких действий в Лайтруме (это остановка в аэропорту Стокгольма).

Было:

Стало:

Не вижу никаких причин не делать лучше.

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

Телеграм за неделю 14—20 августа 2017

7—13 авг ← → 21—27 авг

Восстанавливаю архив своего канала в телеграме. Сегодня — неделя 14—20 августа.

Понедельник, 14 августа

Безумная крутота — фирстиль пикника Афиши рук Иры Ивановой:
http://afishapicnic.iraivanova.com/

Особенно шрифт:

Дайджест телеграма за неделю 14—20 июля 2017

Вторник, 15 августа

Читатель прислал пример своей конкурсной работы — оформления заводской трубы где-то, как я понял, в Киеве:

Дайджест телеграма за неделю 14—20 июля 2017

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

Дайджест телеграма за неделю 14—20 июля 2017

Бургерный киоск на Флаконе:

Дайджест телеграма за неделю 14—20 июля 2017

Чтобы понять, что все бургеры отличаются только цветом булки, нужно много времени. И то я переспросил. Нужно выносить общее за скобки (если, конечно, нет задачи запутать человека).

То есть просто написать, мол, бургер с тем-то. Булка на выбор: белая, чёрная, красная. Кстати, чем примечательна красная булка (она с вялеными томатами вроде как) можно узнать только у девушки. То есть в меню именно об отличиях бургеров — ни слова

Даже в съёмной квартире первым делом нужно обустроить стоячее рабочее место:

Дайджест телеграма за неделю 14—20 июля 2017

Четверг, 17 августа

Дайджест телеграма за неделю 14—20 июля 2017

Тот случай, когда Оксфордская запятая (перед and) не повредит, а то английский текст можно прочитать и как «пассажирам с беременными женщинами». В русском проблемы нет благодаря падежу.

Пятница, 18 августа

Зачем в этом шрифте отличаются латинская и кириллическая К?

Дайджест телеграма за неделю 14—20 июля 2017

Вообще, обычно русскую К уродуют ради Ж — чтобы К была такая же, как Ж справа. А Ж, в свою очередь, делают странной формы, потому что если воткнуть со всех сторон прямые палки, получается слишком жирное пятно посередине — вот и пытаются стыки как-то разделить. В английском нет Ж, поэтому К можно сделать проще. Но в этом-то шрифте К и так нормальная: нижняя палка растёт не из вертикальной, а из верхней. Так что Ж бы не пострадала.

Дайджест телеграма за неделю 14—20 июля 2017

Когда в тексте вообще не встречается Ж, можно смело писать в нём латинскую K вместо русской. Разумеется, речь только о заглавной — k в русском тексте писать нельзя.

Воскресенье, 20 августа

Решение проблемы букв Ж и К выглядит так:

Дайджест телеграма за неделю 14—20 июля 2017

Дайджест подготовил Вениамин Векк.

Телеграм за неделю 22—28 января 2018

15—21 янв ← → 29 янв — 4 фев

Вот как выглядела предыдущая неделя в моём канале в телеграме:

Понедельник, 22 января

В продолжение темы лайн-арта, нашёл вот красивую картинку со схемой камеры из Айфона 5S, с сайта Эпла:

Дайджест телеграма за неделю 22–28 января 2018

Леонид Андрухов:

Самый крутой дизайн таблицы Менделеева, который я видел, вот:

Дайджест телеграма за неделю 22–28 января 2018

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

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

Вторник, 23 января

Слева Валерий, справа — Меладзе:

Дайджест телеграма за неделю 22–28 января 2018

У Валерия прям сайт нешуточный:
http://meladze.ru/

(Я случайно)

Надя Кутырева:

Сходила в местный радужный район. На районе радужное всё. Даж кофе.

Дайджест телеграма за неделю 22–28 января 2018

Красиво! (Пить это я, конечно, не буду.)

Логотип тель-авивского музея искусств зачем-то напоминает свастику:

Дайджест телеграма за неделю 22–28 января 2018

Совет о таймерах обратного отсчёта на сайтах:
https://bureau.ru/bb/soviet/20180123/

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

Дайджест телеграма за неделю 22–28 января 2018

Отсюда.

Среда, 24 января

Обнаружен крутейший знак польской выставки графических знаков:

Дайджест телеграма за неделю 22–28 января 2018

Четверг, 25 января

(Это про аудио по четвергам.) Я решил, что всё-таки кидать сюда треки целиком опасно. Заблокируют ещё канал за нелегальное распространение музыки, как за порно блокируют. Простите.

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

А я как раз давно хотел написать о проблеме с реализацией этого в Гугль-доке. Когда жмёшь File → Move to trash, он показывает такое окно:

Дайджест телеграма за неделю 22–28 января 2018

Оно сообщает, что файл был удалён, но выглядит как окно подтверждения. Человек, скорее всего, не станет его читать, а если он вызвал команду по ошибке, то может подумать, что файл ещё не удалён. То есть он можно просто закрыть браузер, думая, что файл остался (а он уже не остался).

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

Для сравнения, вот как выглядит удаление разворота в бюрошной книге. Жмём на корзинку в углу:

Дайджест телеграма за неделю 22–28 января 2018
Дайджест телеграма за неделю 22–28 января 2018

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

Дизайнер Евгений Филатов предлагает пиктограмму подземной парковки:

Дайджест телеграма за неделю 22–28 января 2018

В навигации любая пиктограмма, содержащая в себе стрелку, представляет проблему: её фиг совместишь со стрелкой. Как вот составить знак «подземная парковка прямо»?

Традиционное обозначение «в домике» хоть и неэлегантно, но зато работает безотказно:

Дайджест телеграма за неделю 22–28 января 2018

Когда мы делали навигацию в МГИМО, нужно было нарисовать пиктограмму лифта. А это относится к нерешённым задачам дизайна (все пиктограммы лифта или некрасивые, или непонятные, или и то, и то). У нас получилась очень клёвая пиктограмма просто из двух стрелок (справа сверху):

Дайджест телеграма за неделю 22–28 января 2018

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

Парковка Евгения Филатова:
http://www.efilatov.ru/portfolio/parking/

Навигация в МГИМО:
https://bureau.ru/projects/mgimo/

Пятница, 26 января

Клёвый логотип норвежского «Комитета здоровья» (помогают ЛГБТшникам не болеть):

Дайджест телеграма за неделю 22–28 января 2018

Постеры к 695-летию Вильнюса: https://twitter.com/babooshkina/status/956842450391392257

Самый клёвый редизайн Я.ру сделали «Они»:
https://ya.ru/design/ony

Клёвость в том, что выглядит одновременно и свежо-интересно-экспериментально, при этом абсолютно дефолтно и в стиле Яндекса. Прям хоть бери и внедряй.

Так уже веселее. Евгений Филатов:

Знак крытой платной подземной парковки.

Дайджест телеграма за неделю 22–28 января 2018

Если подземная, так вроде по-любому крытая? Дизайнер Илья Харитонов с серьёзным лицом показывает, что это разные вещи (по порядку: крытая, подземная, крытая подземная):

Дайджест телеграма за неделю 22–28 января 2018

Илья вообще всегда показывает вещи с серьёзным лицом:

Я: а покажь, как будет, если все стрелочки с цифрами по правому краю выровнять?
Илья Харитонов: https://telesco.pe/ilyabirman_channel/1924
Илья Харитонов: Показал.

Читатель Сало:

Дайджест телеграма за неделю 22–28 января 2018
Компостеры во Львове

Дайджест подготовил Иван Ветошкин.

Студия дизайна «Арбуз» ищет арт-директора в офис в Москву

Смотрите, вакансия арт-директора.

Реклама. Текст предоставлен клиентом

Мы — студия дизайна «Арбуз». Делаем в основном сайты, презентации и видеоролики. В общем, digital-инструменты, которые помогают бизнесу. Реже — логотипы и рекламную продукцию. Входим в группу компаний, поэтому нередко приходится работать с крупными заказчиками по рекламе: Мягков, Нефтьмагистраль, Росинтер, Marks&Spencer.

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

Команда

Сейчас в команде 5 дизайнеров: 2 веб, 2 графических и 1 моушен. 3 парня и 2 девушки, средний возраст — 26 лет. Четверо приехали из регионов, двое — специально в студию. Так что если вы не из Москвы, то это совсем не проблема. Даже плюс.

Все дизайнеры Арбуза — фанаты своей профессии, страстно любят свое дело и постоянно учатся.

Что нужно делать

Отвечать за проекты студии и обучать дизайнеров. Что-то делать своими руками. Организовывать и проводить мастер-классы для всей команды.

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

Что предлагаем

Белая зарплата, оформление по ТК со всеми сопутствующими условиями. Большой офис на Бауманской, 8-часовой рабочий день, график 5/2. За точным временем появления в офисе никто не следит, но дизайнеры иногда задерживаются после работы.

Зарплата обсуждается с каждым кандидатом индивидуально.

Что важно

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

Если приходится делать проект своими руками, то делаете дизайн быстро и круто. Вашего внимания легко хватает на то, чтобы вести 5-6 проектов одновременно.

Вы — честны и ответственны, не ноете по пустякам и не жалуетесь на политику, коллег и погоду. Вы действительно хотите встать во главу молодой студии и сделать её топовой. И знаете, как это сделать.

Что дальше

Посмотрите работы Арбуза: arbuz.moscow/portfolio.

Если вы уверены, что можете сделать лучше и научить этому дизайнеров, пришлите 3 лучших работы с кратким текстом о себе и пожеланиями по оплате на ed@arbuz.moscow.

Жуэль-про

Жуэль-про

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

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

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

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

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

Ранее Ctrl + ↓