Какой способ организации информации кажется людям самым простым? На первом месте, конечно, выбросить все данные в мусор и забыть о них. На втором месте, я думаю, идут таблицы. Люди любят таблицы. Им они очень нравятся. Нравятся настолько, что компьютерам Эппл предрекали провал без программы для работы с электронными таблицами (что-то типа Numbers или Excel). И, если мне не изменяет память, именно для выполнения этой задачи был взят на работу очкастый мальчик Билл с его компанией Майкрософт, который жаждал добраться до Mac OS и вдохновиться ее идеями…

Так, я отвлекся, вернемся к таблицам. Я знаком с многими офисными работниками, которые даже обычные тексты набирают в Экселе — так им легче организовать нужные им куски информации в пространстве и работать с ними. Таким образом, любовь к таблицам среди народных масс необычайно высока. К сожалению, любовь не значит умение делать их удобными для восприятия. Я влюбился в ничтожно малое количество таблиц из всех встреченных мной. Да и то, к паре из них и я приложил руку, а скорее голос, потому что объяснял, что исправить. Остальные же таблицы вызывают у меня ощущение тюрьмы для информации — она может быть интересной, увлекательной, удивительной, но при этом заключенной в маленькую камеру, из которой не выбраться. А все остальные данные тоже сидят по своим камерам и на них одинаковые оранжевые комбинезоны.

К чему такое длинное вступление?

Когда мы начали работать над новым дизайном сайта Инвест-газеты, ответственный за весь проект сразу предупредил меня, что нужно ощущение журнала (все время работы я потешался над тем, что журнал назвали газетой ;). Значит, без элементов визуализации информации, в какой-то мере инфографики, было не обойтись. Если со всякими гистограммами, ненавистными круговыми диаграммами, картами и прочим было все понятно, то таблицы, даже грамотно составленные и красивые, были все теми же клетками для несчастной информации. В поисках решения мы перебрали несколько вариантов и остановились на одном, который выглядел удивительно простым и в то же время самым подходящим. Так я познакомился со спарклайнами.

Что такое спарклайны?

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

Как делать удобные спарклайны?

Для того, чтобы спарклайны помогали воспринимать информацию в таблицах, а не затрудняли ее чтение, сначала надо определиться, нужны ли они и в каких колонках. После этого надо принять важное решение: какую же из сторон информации в колонке следует иллюстрировать, а также, что за тип графика будет наиболее полезен? Если вернуться к описанному выше мясу единорога, то можно показывать динамику изменения цены, при этом указав среднюю величину, или популяцию однорогих животных (график в виде кривой и выделение другим цветом фона или полоской среднего значения). Далее будет несколько примеров, в которых весь этот текст становится удобным и понятным.

Но перед тем как перейти к картинкам-примерам (я — мастер нагнетания обстановки, правда?), хочу остановиться на некоторых графических характеристиках спарклайнов. Многие из них, если не все базовые, перечислены и проиллюстрированы Эдвардом Тафти (он и придумал название спарклайнам) еще в 2004-м году в статье Sparklines: theory and practice. Многие решения и выводы у нас с ним совпали, хотя я прочитал его статью в конце работы над спарклайнами.

Как же все-таки это выглядит?

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

В этой таблице проиллюстрированы спарклайнами колонки с последней зафиксированной температурой (Last known temperature) и приятностью запаха воздуха (How likely air smells). Во втором случае используется похожее на progress bar решение, что позволяет быстро и удобно воспринимать информацию.

В колонке с температурой показана динамика ее изменения на протяжении времени года и отмечен диапазон значений температуры, в котором человек чувствует себя комфортно. Благодаря спарклайнам нам удалось не только показать как скакал столбик термометра, но и дать общую картину того, насколько приятно и комфортно было в это время года. Превосходно! Единицы измерения температуры указаны рядом со значением — это была рекомендация по общему оформлению таблиц на портале. При небольших объемах информации так легче воспринимать данные.

Особое внимание хочу обратить на колонку продолжительности (Term). Вместо того, чтобы создавать две колонки для первого и последнего месяца времени года, достаточно указать их рядом в одной колонке. Меньше колонок — человечнее таблица ;)

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

Благодаря спарклайну в колонке невыполненных домашних работ (Homeworks spoiled) можно увидеть как часто с 1 по 10 класс та или иная игра завоевывала время и мешала сделать заданное домой.

В колонке результатов (Overall result) видно как хорошо или плохо в случае с Pong проходилась та или иная игра. Чем больше палочек вверху, тем круче!

В первой колонке производитель игры указан сразу после ее названия. Таким образом, сэкономлена еще одна колонка. Таблица не стала менее приятной для восприятия и даже напротив — более удобной.

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

Начнем с последней колонки — уровня громкости после 21 средней дозы (Music volume after 21 average doses). Данные указаны в децибеллах, что не мешает нам показать динамику изменения по ходу приема алкологя внутрь. Фактически это тот же график, что и в первом примере — динамика изменения значения — но оформлен он в стиле колонок эквалайзера, чтобы информацию было интереснее читать.

В колонке количества выпитых друзьями за 2005–2009 годы бутылок указано значение на начало периода (2005-й год) и на конец (2009-й), а также динамика изменений, скажем, по месяцам или даже по дням. Цвет цифры указывает на то, выросла ли цифра по сравнению с предыдущим отчетным периодом (начало 2005-го года). Для удобства чтения начало и конец графиков отмечены красными точками, а также добавлен легкий градиент, улучшающий их прочтение. Сравните с графиком в первом примере, где градиент был невозможен из-за указания диапазона комфортных температур.

***

Кроме украшения и превращения таблиц из тюрем в информационные курорты спарклайны помогают во многих случаях заменить различные детальные графические визуализации данных или даже представить информацию более полно и интересно, чем какая-то ничтожная круговая диаграмма (гори в аду!!!). Например, Google Analytics и Flickr активно используют спарклайны для более наглядного представления статистики посещений в сжатом виде или даже обозначения ссылки на статистику, как в случае с фликром.

Пример использования спарклайнов на фликре (вверху) и в Google Analytics

Я очень люблю готовить и очень редко пользуюсь придуманными до меня рецептами. В любом случае, я их почти всегда нарушаю. На днях я сделал очень вкусный и красивый салат, который назвал «Prawn the Queen». Его рецепт и инфографику по приготовлению я представляю вашему вниманию. Будем считать это пром-дизайном ;)

Рецепт

5 пластинок карамболя (starfruit) толщиной не больше 4 мм

5 креветок 70 калибра или чуть крупнее

5 листьев салата Айсберг

30 г майонеза

30 г оливкового масла

Листья салата порвать руками на кусочки вкусного размера, туда добавить разрезанные пополам пластинки карамболя. Если удастся найти в магазине не пятиконечный, а шестиконечный, то будет вообще замечательно — получится по две короны с одной пластинки ;) Креветки отварить, почистить и добавить к салату и карамболю. Можно купить уже вареные креветки, тогда их надо просто разморозить. Маойнез смешать с оливковым маслом до однородной массы, залить этим соусом уже смешанный салат, еще раз все перемешать и наслаждаться. Это порция на одного человека.

7 страниц, по одной на каждый день недели, кружащихся в бесконечной рефлексии увлекательной жизни. Лучший подарок офисному работнику.

Однажды знакомый, который занимается чем-то связанным с перетаскиванием цифр из одной колонки в Экселе, в другую, поинтересовался: «Вот ты занимаешься тем, чем ты занимаешься. И не скучно тебе?» Поскольку то, что я делаю, включая написание этого поста, вряд ли может соревноваться с увлекательностью мира цифр и, будем откровенны, мира Экселя, я пустился в объяснения с целью доказать обратное. Я думаю, что секрет как и работы моего знакомого, так и моей, заключается в том, что нет ничего более бессмысленного, чем заниматься чем-то из-под палки и без удовольствия. Отмывая морских котиков от нефти, подшучивая над бозоном Хиггса или делая сайты, надо делать это легко и непринужденно, пребывая в хорошем настроении, тогда и идеи появятся хорошие и приятные.

Обложки

Во время работы над новым сайтом Инвест-газеты, мне в голову пришла интересная мысль. Несколько взмахов пера над планшетом и порхания руки над клавиатурой, а также минут 20 исследования результатов Google Images, я уже отправил сообщение Юре, который занимается частью технической реализации:

Юра ответил мгновенно:

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

Это тоже не вызвало протестов. После чего Юра предложил использовать метафору газеты и журнала по всему сайту, а не только в одном блоке, как я задумывал изначально. Я дополнительно нарисовал заглушки для тех номеров, у которых по каким-то причинам нет изображений обложки или первой страницы. Их можно увидеть на странице архива печатного издания (номера 43 и 35) и вживую на сверстанном примере.

С полуночи ночи с 13 на 14 октября 2009 года в Украине начинают действовать новые и не реликтовые правила набора телефонных номеров. Поменялся код выхода на международную/междугородную линию: вместо 8 надо набирать 0. Но это не главное изменение. Важно то, что набор номера телефона приведен в соответствие с самим номером: коды украинских областей, городов и операторов теперь соответствуют номеру в международном формате без кода страны +380. Это логично, ведь если мы звоним в пределах города, то не набираем код города. Поэтому, при звонке в пределах страны нет смысла набирать код страны ;) Иллюстрации в таких случаях говорят больше, чем слова.

Так выглядит обычный украинский номер телефона в международном формате:

Звонки по Украине

Раньше в пределах Украины (будем считать, что звонят не из Киева ;) его набирали так:

Теперь его будут набирать так:

Это касается не только городских, а любых украинских номеров телефонов. Теперь после гудка надо набирать не 067, 050, 093 и т. п., а 67, 50 и 93, что соответствует реальным кодам операторов.

Тем, кто распространял свой номер телефона в международном формате (например, +380 67 555-55-55) ничего не грозит — они все так же доступны и грамотны. Тем же, кто записывал номер сотового и офисного телефона в стиле 8 067 555-55-55 (оператор тут не важен, важно то, что телефон записан в произвольном формате, соответствовавшем устаревшим правилам набора телефонного номера, но не самому номеру) я могу передать сожаления и привет. Пора писать грамотно, к чему призывал не только я. Насколько я понимаю, для тех, кому ненавистны эти +380 в начале номера телефона, появилась возможность набирать с сотовых телефонов номера начиная с нуля и не дожидаясь никаких гудков (например, 0 67 555-55-55). Но это можно будет проверить только через пару часов.

Я не знаю, как там операторы сотовой связи будут поддерживать набор телефонов через восьмерку, но им, вроде бы, рекомендовали не отключать эту возможность до декабря. Мой Life ;) меня заспамил сообщениями об изменениях в наборе телефонных номеров.

Звонки за границу

Допустим, что мы звоним другу, а лучше милой подружке, в Японию. Ее номер

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

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

***

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

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

На самом деле в коде на иллюстрации зашифрована не контактная информация, а известный всем мем

Я использую QR app для распознавания кодов при помощи айфона. Это немного помогло мне на Сигете ;) Попрактиковаться в работе с QR-кодами можно используя любой из представленных в этом посте, включая код содержащий мою контактную информацию:

Другие необычные визитные карты

• Бо кард
• Карточка настоящего управленца

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

Предыстория

В своем блоге Роман Голубовский уделил немало внимания кодам пополнения счета на одноименных карточках разных сотовых операторов. Оказалось, что раньше у карточек для абонентов компании «Киевстар», код писался одним длинным числом безо всяких разделителей, в то время как счастливые обладатели SIM-карт с логотипом МТС могли наслаждаться кодами пополнения счета разделенными пробелами на небольшие группы по две-три цифры. Понятно, что воспринимать легче короткие числа, чем длинные, потому что мало кто может запомнить 12-16-значное число и потом сразу ввести его в телефон. Роман задается вопросом: «Можно ли сказать, что Киевстар украл идею у МТС или это совсем не важно, ведь пользователям стало удобнее?». В конце-концов, он цитирует Лебедева и, кажется, приходит к выводу, что у МТС создали эталонный дизайн, который просто пошел в массы.

Что же происходит на самом деле

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

Так запишут 20-й элемент ряда Фибоначчи первокласники у нас, в США и где-то еще

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

Числа в удобной интерпретации окружают нас повсюду: в произвольных номерах телефонов, в сегодняшней дате и даже в IP приятных сайтов

В роли разделителей могут выступать дефисы, пробелы, косые черты и даже запятые с точками. В Японии, после введения в школах карандашей, школьницы стали разделять слова какой угодно прелестью: ★♥♂☼ и даже латинскими буквами, но это отдельная тема для разговора. KAWAII ^___^ Такой метод письма потом был официально запрещен в школах, но судя по блогам японцев, очень уж им понравился и переехал жить в комиксы, фильмы, мультфильмы и т. п. ;)

К моему сожалению, для разделения разрядов в числах уже почти не используют апострофы. Разве это не великолепное зрелище: 12`500`002 — очень изящно и не мешает восприятию числа, не заставляя разбираться, что там внизу, точка или запятая, а также держит его одной синтаксической единицей (в случае языка, пробел — разделитель синтаксических единиц).

Завершая свое повествование о разделителях в нашей жизни, я хочу заметить, что еще в начале этого века я пополнял счет в Москве с карточек, где длинные коды пополнения были разделены на группы пробелами, а также хочу напомнить, что даже UIN’ы (номера ICQ) сейчас делятся на группы, разделенные дефисом.

От чисел к карточкам

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

Фото Романа Голубовского

1. при пополнении счета, человек держит карточку пополнения так же, как и визитную карту. Обычно, в левой руке, за нижний левый угол. Он это делает подсознательно, чтобы не перекрывать обзор нужной информации, потому что правой рукой вводит код на самом телефоне. Левши могут делать все наоборот, но карточку они все равно будут держать за один из нижних углов. Учитывая размещение кода на карточке МТС, пополняющий счет может испытывать некоторый дискомфорт от близости своих манипуляторов ;) и текста. Приятно воспринимать информацию, когда вокруг есть относительно пустое пространство, так что Киевстар тут молодцы.
2. Вторая причина заключается в том, что у Киевстара понятнее написано правило набора номера, в то время как у МТС теряется «*100*», а # с иконкой телефонной трубки вообще выглядят оторванными от кода пополнения. Плашка, на которой выводит код Киевстар, послужила хорошую службу карточке пополнения счета этой компании.
3. Третья причина, и самая главная для меня, заключается в том, что код пополнения на карточке Киевстара не находится под линией перфорации на пластиковом чехле, в который карточки обычно запаивают. Всякий, кто пополнял счет хот несколько раз, заметил, что легче оторвать кусок картонной карточки, чем снять пластик, не повредив этот инструмент пополнения. Я не держал в руках карточки Киевстара и МТС, но мне кажется, что если перфорация будет слева, то у МТС мы рискуем оторвать часть кода, а с карточкой Киевстара этой проблемы не будет, с какой бы стороны ни была перфорация.

Сам я пользуюсь услугами компании life:), а счет пополняю из автоматов iBox (потому что они не дерут комиссию за то, что я отдаю деньги), но иногда мне случается пополнять счет, переписывая код с электронных ваучеров (в Евросети страшно любят не давать карточку, а давать чек, на котором написан код пополнения). На этих ваучерах код пополнения тоже разделен пробелами. Так что заслуги МТС ни в чем нет, есть заслуга ребят, которые занимались карточками Киевстара и наконец-то сделали их удобнее. Что сказать? Молодцы. Что добавить? Всегда есть, что улучшить ;)

После редизайна блога я обнаружил, что мне необходимо показывать посты из моего твиттера прямо на mega.genn.org. Под руку попался удобный Twitter for WordPress, но он оказался не очень хорош. При загрузке RSS’а с твиттами он иногда не дожидается окончания и вылетает по таймауту, ничего не загрузив. Пришлось улучшить этот плагин, добавив кеширование. Теперь, если twitter.com не доступен, плагин просто берет последние сообщения, которые до этого были закешированы.

Справочная информация

Для использования плагина, следует поместить вызов следующей функции, указав параметры:

1. twitter_messages('username', [msgs], [list], [timestamp], ['link'], [hyperlinks], [twitter_users], [encode_utf8], ['cachefile']);

username text — имя пользователя твиттера (обязательный параметр)
msgs int — количество отображаемых сообщений, максимум 20
list boolean — показывать сообщения неупорядоченным списком
timestamp boolean — показывать время создания сообщения
link text — ‘all’ весь текст будет ссылаться на сообщение / ” or false не использовать ссылку на сообщение / true или ‘текст’ ссылаться на сообщение, можно ввести свой текст для ссылки
hyperlinks boolean — показывать URL’ы ссылками
twitter_users boolean — показывать @username ссылками
encode_utf8 boolean — перекодировать сообщения в юникод
cachefile text — имя и путь к файлу с кешем (создается автоматически)

Для моего блога эта функция выглядит вот так:

1. < ? twitter_messages('genn_org', 5, true, false, '', true, true, false, "twitter.rss"); ?>

Загрузка и установка

Скачивайте на здоровье Twitter Advanced 2.0 (8 Кбайтов). Для того, чтобы плагин заработал, его надо скопировать в директорию wp-content/plugins на сервере, где находится Ваш блог, после чего активизировать в разделе Plugins панели управления блогом.

Ошибки в работе

Если что-то пойдет не так, просто отключите плагин. Если же еще что-то пойдет не так, то напишите комментарий ;)

Недавно я наблюдал за маленькой девочкой, которую родители тщетно пытались одеть. Дело происходило в магазине Benetton. Девочка хмурила бровки и на все предлагаемые вещи, старательно растягивая гласные, заявляла: «Мама, это такое ретро!». Бедные родители не знали, что и делать, пока продавец не предложила с видом заговорщика коллекцию 2010 года.

Я почувствовал, что сам нахожусь в роли и девочки, и ее родителей. Не из-за одежды, с ней все ок ;), а из-за того, что мне тесно в моем блоге. Вот я и приблизил свой 2010, оказавшись еще и в роли продавщицы, став эдаким воплощением триумвирата. Как-то так сложилось, что личные сайты я обновляю незадолго до или вскоре после своего дня рождения. Ну, не успело приблизиться 6 апреля, как мега заиграла новыми красками!

В связи с появлением второго языка и тем, что я решил окончательно порвать отношения с FeedBurner’ом, предлагаю обновить адреса RSS-подписок: RSS по-русски и RSS in English. Лучше подписаться или переподписаться с точным обозначением языка, используя эти ссылки, чтобы не было проблем в будущем, если у блога изменится язык по-умолчанию.

Отказаться от пользования сервисом управления своими RSS-потоками меня вынудили две вещи, связанные с тем, что теперь всем руководит Google.

1. Меня в ультимативной форме заставили перейти на Гугл и перевести туда мои RSS.
2. В лучших традициях Гугла, как только технология оказалась под их контролем, все перестало работать — от счетчиков до правильного отображения кириллических символов.

FeedBurner еще месяц потранслирует мои сообщения, после чего перестанет это делать, так что обновите подписки, пожалуйста ;)

Спасибо Юре за помощь с изменением шаблонов WordPress.

На улице прелестные девять градусов тепла, что позволяет мне носить любимые худи и пальто, в котором я, по свидетельству Поли похож на принца из аниме. Низкая температура также помогла обратить взор на ту часть шкафа, где висят легкие свитерки. Мое внимание привлекли пиджак и висящий под ним свитер EA. Так они и висели с весны, когда я последний раз общался с разработчиками одного проекта. На лацкане пиджака до сих пор красуется значок «Бобруйск Белшина», а на свитере — герб Албании. Я всегда, если позволяет погода, одеваю их на встречи с айтишниками ;)

О web-safe цветах

Когда-то на ru_identity начали обсуждать с одним молодым человеком web-safe цвета. Он предположил, что это до сих пор актуально и началось. Молодежи, которая не в курсе, что стало причиной наших споров ;), предлагаю ознакомиться с объяснением на Wikipedia.

Вкратце, ситуация выглядит так: на заре молодости компьютеров было сложно показывать больше 256 цветов (когда-то их вообще было только четыре, потом 16). Для того, чтобы отображать больше оттенков, использовался dithering (привет полиграфии, которой и в наши дни хватает четырех цветов, чтобы красиво печатать Esquire и Archive ;). Для того, чтобы быть хоть в чем-то уверенными, были отобраны 216 цветов (смесь шести оттенков красного, зеленого и синего в разных комбинациях). Производители броузеров, вроде бы, договорились, что именно эти цвета будут показывать без искажений. Все выглядит как сказка или HTML 1.0, но в наше время экраны могут передавать миллионы цветов без искажений (во всяком случае, мы же для чего-то делаем время от времени коррекцию цветового профиля).

Дано
Мой собеседник утверждает, что до сих пор необходимо придерживаться палитры web-safe цветов, поскольку часто видит в том же FireFox`e изображения на плашке, которая немного, но заметно не совпадает с фоном по тону.

Я ему отвечаю, что в XXI веке стыдно пользоваться 256-ю цветами и оптимизировать сайты под разрешение 640х480 ;) Если у какого-то броузера проблемы с цветопередачей, то web-safe цвета уже не помогут.

Решение
Вроде бы пришли к выводу, что web-safe цвета не панацея; gif`ы и png`и должны обрабатываться без искажений; использование web-safe цветов в jpeg`ах нецелесообразно из-за самого алгоритма сохранения: цвета «бьются», приводятся к общему знаменателю, оптимизируются по матрице и вся картинка обрастает артефактами. В общем, мне кажется, что web-safe цвета — анахронизм. Пользоваться ими ради искусства можно, но в целом они уже не несут той полезной функции, которая была в них вложена.

Цветовой IQ

Недавно я проверил свой цветовой IQ. Даже не смотря на то, что в глазах начало рябить из-за оптического эффекта, я набрал всего четыре балла. Максимум не знаю, но минимум — ноль (к нему и надо стремиться).

Я почти попал на призовой уровень! В неудаче виню неравномерность шкалы и таинственные силы природы

Так что я почти идеален в плане восприятия цветов. К сожалению, их шкала hue неравномерна, так что я подозреваю, что именно это вынудило меня совершить ошибку.