АП

Избранное   ·   Теги   ·   РСС
Ctrl +  Позднее

Технолог — тоже дизайнер

10 января 2012, 0:50

В начале октября я попробовал себя в роли докладчика на фестивале «404» в Самаре. Видео моего доклада недавно появилось на Вимео:

Какие-то враги отрезали ему «Яйца» — так называлась последняя часть. Сейчас перескажу её здесь.


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

На сайтах такие секреты редки, но почему бы, если проект готов, и осталось немного сил, не сделать что-нибудь весёлое? Тем более, что здесь вы предоставлены сами себе.


На «Техкранче в Москве — 2010» был такой календарик:

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

Пасхальные яйца — это своеобразные шутки для внимательных пользователей. И хороший повод написать в твитер.


Вот я специально к фесту запрятал яичко на сайте Бюро, моё имя там тоже есть:


Хорошо дизайнит тот, кто дизайнит последним :-)

=> Богатые и бедные

9 января 2012, 20:30

Илья Бирман комментирует два вывода, которые делают люди, посмотревшие инфографику результатов опроса богатых и бедных:

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

Многие почему-то теряют ориентацию и не понимают, как упорный труд и смелость поможет им стать успешными. Казалось бы, хочешь наверх — карабкайся. Именно эту нелогичность имел ввиду Ницше, когда сказал:

Только человек сопротивляется направлению гравитации: ему постоянно хочется падать вверх.

Есть всё что угодно и быть стройным и здоровым, бухать с людьми со связями и становится богаче, лежать на диване и выигрывать в лотереи, получать 240% годовых в МММ, наконец. Падать вверх — да (и лучше с ускорением); ползти вверх, срываться и продолжать снова, расходовать свои силы, следить за собой — ну уж нет.

Чипсы в микроволновке

31 декабря 2011, 1:06

Утром прочитал у Азата Ахъярова про китайскую чипсовницу. А вечером замутил свою из толстой бумаги:

Чипсовница из бумаги

Тонкие ломтики картошки аккуратно расставляем в прорези и слегка посыпаем солью:

После 6 минут в микроволновке на средней мощности чипсы готовы:

Вкусного вам Нового года! Омномном.

Семантика недоедания

21 декабря 2011, 22:53

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

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

С наступающим всех :-)

Новый способ инициализации Фоторамы

19 декабря 2011, 12:38

В свежей версии Фоторамы я добавил новый способ её инициализации. Теперь в большинстве случаев можно обходится без вот такого инлайн-джаваскрипта:

$(function(){
  $('.fotorama').fotorama();
});

Просто добавляете класс fotorama и блок автоматически превращается в Фотораму:

<div class="fotorama">
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
</div>

Раньше такой способ тоже существовал, но я о нём не рассказывал, потому что ничего нельзя было настроить — инициировалась дефолтная Фоторама. Теперь опции можно указывать с помощью атрибутов data-*:

<div
     class="fotorama"
     data-backgroundColor="#797775"
     data-thumbsPreview="false"
     data-margin="0"
     data-resize="true"
>
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
</div>

А раньше было только так:

<div class="fotorama">
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
</div>
<script>
$(function(){
  $('.fotorama').fotorama({
    backgroundColor: '#797775',
    thumbsPreview: false,
    margin: 0,
    resize: true
  });
});
</script>

Так можно указать все опции, кроме data, html и onShowImg. Прежний способ инициализации и настройки работает без изменений.

Корзинки для пожертвований

19 декабря 2011, 12:12

Швейцария богаче Германии. И там, и там не принято светить деньгами, это не прилично, но в Швейцарии деньги прячут с бóльшим усердием. Небольшой пример — корзинка для пожертвований в немецком храме:

Немецкая корзинка для пожертвований

Швейцарская корзинка:

Швейцарская корзинка для пожертвований

Штамповки

16 декабря 2011, 19:46

Заметил, что в Германии и вообще в Европе зимой очень много машин ездят на обычных чёрных штамповках, даже без декоративных колпаков. Класс не играет никакого значения.

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

Чего мне не хватает в автомобильных магнитолах

15 декабря 2011, 15:23

Компрессор
В машине в обязательном порядке должен быть компрессор аудио и большая кнопка COMP на панели магнитолы. Зачем? Чтобы слушать симфоническую музыку, некоторые аудио-книги, радио-спектакли, оцифрованные старые пластинки, и приэтом не крутить постоянно ручку громкости. Ну в самом деле! Климат-контроль же сделали, так и громкость-контроль давайте.

В дальней поездке довольствоваться только гулом колёс и современными треками с заведомо высокой средне-квадратичной громкостью (RMS) мучительно, но сжимать музыку софтом заранее — ещё мучительнее.

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

Кто первый всё это сделает, интересно?

Скайповый этикет

9 декабря 2011, 3:35

Звонок по скайпу без предупреждения раздражает.

Я почти никогда не отвечаю на внезапные вызовы. И не из-за абстрактных принципов. Компьютер — не телефон, звонки — не его основное назначение. Врывающееся со звуком окошко скайпа заставляет вздрогнуть и на минуту возненавидеть звонящего, каким бы дорогим тот ни был. Как в таком состоянии о чём-то говорить?

Скайп

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

Там ведь даже кнопки «тихо» нет. Приходится ждать пока на другом конце провода не нажмут «отбой», чтобы не грубить, сбрасывая звонок красной кнопкой.

Наплыв, а не кросфейд

6 декабря 2011, 2:54

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

Я несколько раз перепроверил код, кроссфейды работали чётко и, по идее, должны были давать неизменяющуюся насыщенность цвета в одинаковых фрагментах двух картинок, или 20% + 80% не равно 100%?
Симметричный кросфейд

Как выясняется на практике, не равно. Артём Горбунов посоветовал так кросфейдить картинки, чтобы сумма их прозрачностей всегда была больше 100%, сказав, что это изобрёл Илья Бирман. Я попробовал удлинить вдвое время исчезновения одной из картинок и это дало хороший результат.
Несимметричный кросфейд

Потом ещё и ещё увеличивал разницу между скоростями фейдина и фейдаута, пока не дошёл до идеальной формулы кросфейда:
Наплыв, а не кросфейд

Вообщем, это уже и не кросфейд получился, а наплыв, или как там его правильно называть. Смотрите пример, демонстрирующий разницу между этими способами переключения картинок:
http://artpolikarpov.ru/html/fade/
Добавлено утром: В комментариях справедливо замочили меня за неправильную работу примеров. Теперь, благодаря замечанию Игоря Барабашина, ЦСС исправлен и всё должно работать, как надо.

А ещё Александр Карпинский написал крутой комментарий:
С одной стороны, мне хочется поворчать, что здравый смысл изобрел Илья Бирман. Это не так, здравый смысл всегда говорил — два непрозрачных объекта один позади другого будут вцелом непрозрачными. Чтобы сделать перетекание, нужно стобы прозрачность менялась у ближнего, а дальний так и оставался непрозрачным.

С другой стороны, хочется поворчать по поводу фразы «или 20% + 80% не равно 100%?». Ну правда, откуда этот плюс? На самом деле там, если 0,8 — непрозрачность ближнего, то общая непрозрачность = 0,8 + 0,2 * (1 — 0,8) = 0, 84.

Ну и еще оговорка: Если картинки сами будут полупрозрачными, то их интенсивность при таком способе будет больше чем нужно.
Ctrl +  Ранее