mezich

CSS IE png32bit sprite - универсальный костыль

2008-10-31T19:15:29Z

В web-интерфейсах часто использую спрайты для отображения иконок. Поскольку с популярным pngfix у меня как-то не сложилось приходилось готовить две версии файлов: 32bit для браузеров, которые поддерживают этот формат и 8bit для IE. Понятное дело, это не удобно. Но вот сегодня родилось решение, которое позволяет использовать 32bit спрайты и в IE.

( Пример )

/* PNG32bit sprite - универсальный костыль для IE */
/* пример использования: <ins class="icon32bit size32x32 i32_file"></ins> */

.icon32bit {
  position:relative; overflow: hidden; display:block;
  -filter:expression((runtimeStyle.backgroundImage != 'none') ? (function(o){var ins=o.appendChild(document.createElement('ins')); ins.runtimeStyle.left=o.currentStyle.backgroundPositionX; ins.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+o.currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=crop)'; o.runtimeStyle.filter=''; o.runtimeStyle.backgroundImage='none'})(this) : runtimeStyle.filter);
  }
.icon32bit ins {position:absolute; top:0px; left:0px; display:block;}

.size32x32 {width:32px; height:32px; background:transparent url(icon32x32.png) no-repeat 0px 50%;}
.size32x32 ins {width:224px; height:32px;} /* для IE. нужно указать размер картинки */

.i32_blank {background-position:0px;}
.i32_file {background-position:-32px;}
.i32_txt {background-position:-64px;}
.i32_doc {background-position:-96px;}
.i32_xls {background-position:-128px;
.i32_pdf {background-position:-160px;
.i32_zip {background-position:-192px;

Megabrain icons

2008-08-25T11:07:04Z

Умные японцы придумали систему для улучшения умственной деятельности с помощью специальных звуковых волн и назвали её без затей - Мегамозг. Попробовал на себе. В результате на 5 месяцев работа по проекту была приостановлена. Хорошо что пробовал осторожно.

Вот эскизы:

И результат:

для РАО ЕЭС: интерфейс системы видеонаблюдения за закрытыми объектами

2008-08-22T17:20:39Z

Экран архива камеры

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

итоги

2008-08-18T19:39:03Z

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

как не издох переделав всё это - загадка

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

Рэмбо IV

2008-02-02T21:08:59Z

Что бы там не писали, а фильм - отличный. Давно не смотрел такого добротного стрелялова! Чисто в шутер поиграл, не нажимая кнопок.

передых

2008-01-07T17:15:34Z

улетел заныривать на бали на две недели.
всех с новым годом и рождеством!

paintball

2007-10-13T12:50:00Z

Отлично поиграли. Выстрел с 20 см действительно рвет кожу.

А представляете, во что превретились бы яйцы, попади оно чуть выше и левее?

Дорожные работы

2007-10-12T19:08:59Z

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

CS3 Design Standard

2007-10-08T19:49:47Z

трогательные письма из Adobe "что ваша жизнь без продукции Adobe" таки тронули.
перешел на лицензионный CS3 Design Standard.
пока все нравится.
работает шустрее CS2, но возможно показалось.
десятую версию illustrator, в которой работаю с момента её выпуска, пока сносить не стал.
если, кто заметил в иллюстраторе CS3 какие-то глюки прошу обозначиться с комментариями.

Подготовка к отпуску

2007-09-07T10:12:27Z

В рамках подготовки к отпуску, забежал в магазин кей за фотиком. За одно взял монитор Эппл Синема 23` поскольку в последним большом проекте нужно часто пользоваться моим любимым рино, инструменты которго, луше держать под руками. Проект не иконочный, но кому интересно подсматривать могут обозначиться - если успею, постараюсь сделать доступ к секретному блогу.

UPD: Ребята, указывайте свои email.

до отпуска осталось 4 дня

2007-09-06T08:59:24Z

вчера из последних сил в зале такое выдавал... тренер аж прослежился. говорит - чисто инвалиды в атаке.

малинки, малинки...

2007-06-29T19:04:12Z

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

Иконки для заставок КОМПАС-3D, ЛОЦМАН:PLM, КОМПАС-Электрик

2007-06-27T19:59:41Z

КОМПАС-3D — система трехмерного моделирования и выпуска чертежей.
Действовал без затей: уже знакомую пользователям продукта эмблему показал в контексте работы — в трехмерной проекции на фоне не менее знакомой сетки.

ЛОЦМАН:PLM — система инженерного документооборота.
"Турбинка" из листов бумаги - документооборот, цилиндр - БД, где собственно этот оборот и происходит.

КОМПАС-Электрик — система для проектирования электрооборудования.
Такой вот собирательный образ электротехнического оборудования — коробок c тумблером, вольтметром и шильдиком с молнией.

До конца этого года запланировал еще не раз порадовать экранной графикой проектировщиков атомных подводных лодок, конструкторов электростанций, нефтедобытчиков и остальных отечественных промышленных гигантов, которые пользуются комплексом CAD/CAM/CAPP/PDM систем компании АСКОН.

Иконки для программы RedRoute

2007-05-24T18:16:33Z

Программа работает на смартфонах Symbian s60v3 и UIQ3 и потому иконки нужно было сделать 16-битными.

Размер 50x50, доложу я вам, для vga-экрана смартфона - самое то. Выглядит примерно как 24x24 на экране десктопных приложений.

Направление движения.

...

2007-05-11T16:01:58Z

Drop Zone for MPX2

2007-05-10T21:49:50Z

Drop zone is a rectangle area where users can drag and drop an internet shortcut to and instruct download operation.

activity demo

Забайкальские Конкистадоры

2007-01-10T12:10:17Z

Перебирая закрома и смахивая слезы умиления наткнулся на набросок престарелого пионера. ЗК - была ядерная задумка.

Иконка для японской программы PowerSeller4

2006-12-01T14:56:35Z

Задача: сделать иконку на основе существующего персонажа - Hagurumie.
Hagurumie это такое существо вроде льва с шестеренкой вместо гривы.
Вот оно :)

Делаем набросок

и отрисовываем в иллюстраторе

Иконка для сервиса

2006-11-15T11:45:14Z

Многие наверное помнят такие ракеты на детских площадках :)

Отбракованные:

Иконка для сервиса на основе поискового таргетинга

2006-11-13T13:55:39Z

Иконка для нового сервиса Рекламаркет

2006-11-09T11:02:07Z

С какой стороны ручка вам больше нравится и почему?

XnView - скоро с обновленным скином

2006-11-03T11:24:30Z

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

Some info about picture (exif, iptc, xmp, link, rotate -90, rotate +90, rotate 180, embedded thumbnail)

Предыдущая итерация:

logo boomerang: update2

2006-10-25T09:09:04Z

Автор идеи и её визуализации: Саша Ширышев - восходящая звезда логотипостроения на отечественном рынке.

boomerang: update

2006-09-21T07:45:24Z

опрос: логотип boomerang

2006-08-31T10:58:28Z

Следующая итерация на подходе, но интересуют ваши мнения относительно этого варианта.