Жуэль — нормальный аудиоплеер для веба. Его развитием занимается Женя Лазарев.
У нас вышла версия 2.3. Жуэль теперь использует Хоулер (встроен, а не идёт отдельным файлом) вместо Джейплеера. Благодаря этому изменению, трафик расходуется умнее, прелоудер работает точнее и ушло много мелких ошибок. Функция data-repeat стала работать у отдельных треков. Если файл недоступен, Жуэль показывает это, а не «висит». Вёрстка лучше смотрится в разных браузерах.
Пример песенки:
Документацию см. на Гитхабе.
Вот:
Хотите стать спонсором рубрики? Пишите: ilyabirman@ilyabirman.ru
Я сделал интерфейс для программы пультовой охраны «Секьюридж». Это программа, в которой операторы пульта смотрят, не пробрался ли кто-то в вашу квартиру, и, если что, отправляют группу быстрого реагирования. Выглядит так (теперь):
Любимый момент был, когда я сидел на пульте и молча наблюдал за работой операторов (потому что пустили только молча), а потом девушки такие: «вы спрашивайте, если что», ну и я стал спрашивать. Там-то как раз и выяснил, почему клавиатура не очень используется. Возможно, если бы не это, я бы не заморочился так с Фиттс-оптимизацией. Уж точно левая панель поиска по номеру объекта бы не была такой.
А ещё когда спрашивал у них, что им больше всего мешает в существующей версии, все говорили: «да вроде ничего, всё нормально». И только на наводящие вопросы и примеры возможных улучшений говорили: «ух ты, а что, так можно»?
Страшно интересный проект. Только на примерах из этого проекта можно учебник по интерфейсу написать. Читайте подробный рассказ.
Первый навык вёрстки, который должен приобрести дизайнер — использование неформатированного текста. Например, в электронной почте.
Когда в твоём распоряжении разные шрифты, кегли, начертания и цвета, можно сделать текст намного выразительнее, чем без этого. Но намного проще превратить его в беспорядочную кашу.
В то же время, самый важный инструмент вёрстки — это отступы. А в неформатированном тексте это просто единственный способ показать структуру. Причём отступы ещё и обязательно кратны высоте строки. Так что если дизайнер не в состоянии аккуратно написать электронное письмо, то уж тем более нельзя ожидать от него аккуратного текста с бо́льшим числом выразительных средств.
Поэтому рекомендую вёрстку неформатированного текста в качестве первого упражнения всем, кто осваивает дизайн. Возьмите какой-нибудь документ средней сложности и сверстайте его в письме.
И ещё один случай, когда ремикс сделал песню:
Большинство людей, которые знают эту песню, и не догадываются, что это ремикс. Именно он занимал первые места в чартах по всему миру. А оригинал, который вышел лет на десять раньше, мало кто вообще когда-либо слышал.
Чтобы нарисовать картинку ко вчерашнему совету про синтаксис, мне понадобилась иконка маковского почтового приложения. Где я её взял?
Комманд-клик по любому приложению в Доке открывает Файндер с курсором на нём. Комманд-кликаю в Мейл и жму ⌘I, чтобы открыть его панель Info:
Маленькая иконка сверху — живой объект. Если в неё ткнуть, она выделяется:
Осталось нажать ⌘C и потом ⌘V в Фотошопе — вставится полноразмерная иконка 1024×1024 на прозрачном фоне:
Если вы про такое не знали, то вы, вероятно, тем более не знали, что так же можно поменять плохую иконку любого приложения (например, Сублайм-текста) на хорошую. Для этого нужно так же выделить иконку в панели Info, но вместо ⌘C нажать ⌘V (предварительно скопировав хорошую иконку в буфер обмена, конечно).
Бывает, прочитаешь, что кто-то играет техно, обрадуешься, включаешь, а там текхаус. Причём это ещё года три назад так было, а сейчас-то и вовсе прогрессив-хаус за техно выдают. Я с удовольствием слушаю и тек, и прогрессив, но зачем же меня обманывать? Нет ничего стыдного в том, чтобы писать или играть тек. Просто не называйте его словом «техно»!
Техно:
Не техно:
Слишком сильно подчёркивается разница между сильной и слабой долями, звучит «медленнее», чем техно.
Техно:
Не техно:
Слишком «сухо».
Я выделяю несколько условных признаков техно. Не обязательно, чтобы они присутствовали все.
Важнейший признак — наличие механизма. Звучит так, как звучит, не потому, что кто-то именно так расставил звуки, а потому что иначе и не могло. Вращаются какие-то штуки и вот так само собой получается.
При этом техно можно быть очень-очень мягким. Диптехно:
Главное — механизм. Поэтому в техно спокойно живут полиритмические конструкции (см. The Four Patterns, 2016):
Тек так не может — у него доли собираются в такты, такты — в квадраты:
Нота играет вроде бы независимо от тактовой сетки, но в конце квадрата всё равно сворачивается так, чтобы новый квадрат начался с того же места.
Техно может наплевать на сетку:
Почему хеты вступили именно в 0:11? Нипочему. Это техно, детка.
Конечно, восприятие зависит от подачи. Я играл «Метеоры» в техносете, и ничего. Некоторые тековые треки можно сыграть как техно и наоборот, у этих направлений много общего.
Техно обычно не противопоставляет по весу сильную и слабую доли — это убивает механическую природу, звучит искусственно. Барабан или хлопок на слабой доле — это атрибут хауса:
Техно стремится заполнить пространство. Если вообще все звуки отрывисто-острые, это не похоже на техно, хотя и есть явный механизм:
Это не значит, что это плохо. Это великий трек. Лучшее, что я слышал в жанре текхауса. Просто это не техно. От силы это минимал.
Здесь сильная и слабая доли отличаются, но это похоже на техно:
Для технового ощущения хватает механистичности, заполнения пространства и характера самих звуков. При этом противопоставление долей формальное, невыраженное.
Техно (снова полиритмия):
Не техно:
Слишком длинная и слишком смыслообразующая мелодия на первом плане, какой уж тут механизм? Плюс сухой электрический звук. Это тек.
Техно:
Не техно:
Звуки слишком разные, не соединяются в механизм.
Главное в техно — ощущение полностью безразличного к слушателю движения вперёд. Последнему треку от меня чё-то надо, поэтому нет.
Это я к чему всё. В эту пятницу, 21 апреля играю техно в Студии Лебедева. Будет тру. Чтобы послушать мой сет, надо работать в Студии Лебедева.
Я очень мало смотрю кино и совсем не разбираюсь в актёрах и режиссёрах. Но мне попалось видео про приёмы съёмки Дэвида Финчера. Хоть я и понятия не имею, кто это такой, было очень интересно:
Особенно понравилась идея про no personality у камеры и отсутствие крупных планов без веских причин.
Разгребаю рабочий стол, а тут лежит вопрос, не вошедший в тест книги «Пользовательский интерфейс»:
Сочинять тесты — фан, а проходить — польза.
Магазины канцтоваров обладают магической силой: несмотря на то, что я точно знаю, что мне ничего там не нужно, я иду посмотреть. Есть какой-то психологический глюк, что когда видишь серию элементов, то каждый из них кажется намного привлекательнее. А уж если они аккуратно организованы, то это вообще фетиш.
Вот, например, карандаши разных цветов:
Большую часть уже разобрали, а эффект всё ещё работает.
Или какие-то верёвки:
Сразу очень надо.
Это я зашёл в Берлине в магазин «Планета Модулор» (поездка в апреле 2016). Вход:
Клёвые лесенки.
Навигация внутри:
Ещё:
Штуки клёвых цветов:
Весёлая линейка:
Это просто тетради:
И это тоже (я бы в таких писал):
Вместо клетки могут быть просто точечки. Чистота:
Офигительный отдел для архитекторов, которые делают макеты. Можно купить малюсенькое что угодно. Человечки:
Транспорт и мебель:
Этот отдел сразу привлёк моё внимание:
Какие-то схемы:
Но поскольку я уже не помню, что там было внутри, видимо, он оказался не таким интересным, как казался.
Рулоны с панорамами улиц зачем-то:
Сначала мне показалось, что справа Илья Синельников стоит:
На самом деле это самый крутой отдел. Ты становишься на подиум, тебя снимают по кругу, и потом на 3Д-принтере печатают такую статую.
Вообще, это не совсем магазин, а целый такой центр оказания услуг творческому населению. Можно напечатать что-то своё на 3Д-принтере. Можно что-нибудь вырезать на плоттере. Ну и там куча ещё всякой техники, которой можно воспользоваться.
Чтобы было не так скучно пробовать в деле разные маркеры, дают не белую бумагу, а раскраску:
Каждый раз, когда я вижу чёрную бумагу и светлые ручки, я думаю, что надо начать рисовать макеты интерфейсов так:
В Лондоне рекомендую подобный «Лондон-график-центр» на Ковент-гардене (перекрёсток Мерцер-стрит и Шелтон-стрит), там тоже можно час провести легко.
См. также: