Как стать автором
Обновить

Комментарии 60

Спасибо большое!!!
Буду использовать!
спасибо
но как по мне оправданно если предпологается использовать более 2-х цветов как у того же лебедева
А что сразу Лебедев?)
>...как у того же лебедева
А кто это?
НЛО прилетело и опубликовало эту надпись здесь
самизнаемкто - Медведев, товарищ Иванов.
кстати, мы сейчас подъедем...
:)
НЛО прилетело и опубликовало эту надпись здесь
У Лебедева стоит скрипт... В принципе нечего сложного...
Посмотрите исходный код на странице студии и проанализируйте код. ;-)
оправдано всегда оптимизацией загрузки (меньше файлов-меньше запросов)
НЛО прилетело и опубликовало эту надпись здесь
не забывайте что не все такие умные как вы ;)
НЛО прилетело и опубликовало эту надпись здесь
не знаю как вы, но я не вижу нечего плохого в этом.
давайте просто игнорировать темы которые нас не интересуют
НЛО прилетело и опубликовало эту надпись здесь
а мне просто лень писать в темы которые меня не интересуют :)
колесо тоже просто сделать, но придумать его было сложно.
Практически поддерживаю. Но считаю, что лучше всего подобные заметки оформлять «пучком», по десятку таких куков в статье. Достаточно описать технологию, прикрутить иллюстрацию и ссылку-пару на работающие примеры и справочный материал.

Тогда а) большой шанс того, что даже мастодонты веб-разработки наткнутся на что-то новое для себя, б) больше стимула для начинающих узнать технологию, а не просто клёвый пример, в) больше плюсов ;)
А не проще две картинки использовать? Тем более это для двухцветных картинок.
Зачем использовать две картинки, если все определяется в css?
Тем более если речь пойдет не об иконке 32х32, а например логотипе или что-то более большого размера, нужно же иногда и пользователях думать и о их трафике.
НЛО прилетело и опубликовало эту надпись здесь
а если картика совмещает в себе оба варианта - просто сдвинута бэкграунд-позишн - то ничего догружаться не будет - все прекрасно прогрузиться и в первый раз. так что ваш минус - не минус.
НЛО прилетело и опубликовало эту надпись здесь
Да, я согласен с Вами - спрайты это наилучший выход, но на крайняк можно и прелоад сделать.
background-image:#ff6600 url(rss32.png); /*иконка будет оранжевого цвета*/

Мне кажется, это несколько некорректно.

Надо background: #ff6600 url(rss32.png);
вы правы, ошибка. Спасибо.
или даже background: #f60 url(rss32.png);
Странно, что в примере взята иконка RSS - она ж с градиентом, да и цвет у нее вроде бы стандартный. А для штамповки разноцветных иконок одной формы да, подходит - только я бы все равно использовал gif.
На автокадабре, вроде, машинки таким же образом реализовывались.
Автокадабра, Турбомилк
Долго думал как получилось показать полупрозрачную область окрашенной шахматкой. Понял что туплю)
Я до сих пор не понял :).
НЛО прилетело и опубликовало эту надпись здесь
Да, ребята из турбомилк об этой технике уже писали. И, кажется, даже на хабре эта их статья уже мелькала.
Раз уж на то пошло - предлагаю свой вариант.(Разумеется инлайн в проекте выносится в css файл)

<img src="rss32.png" alt="" style="background-color: #f90; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='rss32.png', sizingMethod='scale'); _background-image: none;" />
НЛО прилетело и опубликовало эту надпись здесь
Спасибо. В следующий раз учту. А здесь совсем забыл про предпросмотр :)
черт, да неужели кто-то все-таки додумался...
спасибо, что вы донесли эту идею до людей! просто поражает как все любят для hover элемента ставить другую картинку, если достаточно сделать в элементе дырку и менять фоновый цвет...
пример вы правда не слишком удачный выбрали - лучше бы это показать на элементах меню или подобном...
Больше всего понравилась картинка к статье. Можно даже не читать топик (не в обиду автору, а скорее наоборот)...
Хорошая идея, жаль что не ваша. Часто придумаешь что нибудь, а это уже есть. Такое неоднократно бывало на хабре. Предлагаю сначала обыскивать все патентные хранилища. Уже смешно. Но хотя бы у гугла надо спросить.
А как же ИЕ<7 он же не поддерживает прозрачный png Или вы как-то решили эту ошибку?
Вообщето, она указала как. Там IE-шная фича с применением альфа-канала юзается.
Или там многабукав и ты не осилил весь текст ? ;)
А если сделать так:

<a class="rssicon32"><ins>RSS</ins></a>
a.rssicon32 ins {text-indent:-9999px}

будет еще красивее)
Спасибо, юзабельно.
По-моему, не помешал бы тэг "CSS"
По этому посту можно определить дизайнер гик или нет. Цвет меняется путем HSL коректировки канала, и не нужно строчек кода бесконечного.
Хватит вам ругаться на ретро, если так рассуждать, то весь этот блог вторичен. Типсы для самых маленьких никто не отменял.

большой комплект буков об этом.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
по моему полезность налицо, достаточно взглянуть на картинку к статье. Комментарии - следствие. Немного логику надо напрячь ;)
нужное. в избранное добавил. спасибо
Думается если представить гемор с альфаканалом в IE 6 и 7-й версий, и начать перебирать хаки и танцы с бубном для полноценной реализации PNG в этих браузерах то вся та прелесть и простота о которой говорится легко уйдёт в урну.
IE7 поодерживает png
ой, разумеется 5-й и 6-й IE имелись в виду, которые до сих пор широко распространены среди офисных гиков
Родился оффтоп:
IE6 - это советское время, только с одной разницей, по IE6 не скучаешь
Очень порадовала картинка вне ката — все понятно )
Спасибо )
Эта штука очень пригодилась ;)
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.