Войти | Выйти

IE и rgba

Вслед за Женей, учусь новому.
http://bolknote.ru/2009/11/01/~2299

Женя удивился, а вслед за ним, удивился и я. Сколько лет назад командой разработки MSIE были придуманы разные клевые штуки, облегчающие разработку. И многие из них всё еще не предложены нам от W3C.

Сегодня, благодаря этому новому знанию, я понял как решить две труднорешаемые задачи. Издавна, чтобы сделать фон блока полупрозрачным, мы вынуждены были использовать или png-24 картинку в фоне или opacity-свойство. Но в случае с png-24, для ИЕ6 нужно писать AlphaImageLoader фильтр, который катастрофически замедляет рендеринг страницы. А в случае с opacity приходилось придумывать трюки, чтобы дети блока не бледнели от родительского opacity.

А теперь проблему opacity можно забыть, как страшный сон:

.block
{
    background: #rgba
}
* html .block
{
    filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#99000000, endColorstr=#99000000);
}

В начальной и конечной позиции один и тот же RGB (000000) и добавляю перед ним одно и то же значение Alpha (99)
Значение Alpha указывается в 16-тиричной системе, где 00 – полностью прозрачный, а ff – непрозрачный пиксел

Я протестировал скорость рендеринга страницы, на которой выливается 300 элементов с gradient-фильтром — он не замедляет рендеринг и это сильно радует

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

Иногда использовать png-24 всё-таки необходимо, как например в случае, когда нужно обрезать длинную неразрывную строку, уводя ее градиентом в непрозрачность.

В этом случае можно использовать второй способ.

.block
{
    background: url(image.png)
}
* html .block
{
    filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#00ffffff, endColorstr=#ffffffff, GradientType=1);
}

GradientType принимает значение 1, если градиент рисуется слева-направо; и 0, если градиент сверху-вниз.

MSIE хороший браузер.

Портреты. Константин Паустовский

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

Из всей школьной программы в моей памяти сохранились яркие воспоминания от “Преступления и наказания” и от описания битвы при Аустерлице в “Войне и Мир”. Если из сюжета “Войны и Мир” я хорошо помню только голубое небо над князем Волконским, то из сюжета “Преступления и наказания” я помню не намного больше — главного героя и убиенную им старушку. А если в случайном разговоре заходит речь про “Преступление и наказание”, у меня перед глазами возникает плохо освещённый коридор с запахом сырости, и, как ни странно, вспоминается восторг от первого (и единственного) прочтения этой непростой книжки. Остальные произведения, прочитанные в школьные годы, не напоминают о себе никак — ни хорошо, ни плохо. И это обидно.

Обидно, что столько хороших книг, которые я мог бы правильно и своевременно понять сейчас, читались тогда — в юном возрасте, когда мои по-детски недальновидные и максималистические суждения щедро навешивали ярлыки скучного чтива на любые книги. А сейчас, спустя 17 лет после окончания школы, я стою посреди книжного магазина, растерянно скольжу взглядом вдоль полок с книгами и не могу ответить девушке-консультанту на простой вопрос: “Что бы вы хотели почитать?”. Молчу и догадываюсь, что виной моей сегодняшней читательской растерянности является звенящая литературная пустота родом из школы.

Читать дальше…

Daniel Lavoie “Ils s’aiment”

Twitter

Пользуюсь им что-то около недели.

Удивляюсь тому, насколько это быстрый и информативный поток — быстрее и информативнее, чем большие блоги и журналы. Наверное потому что “большой” пост требует вдумчивости в свои мысли и правильного оформления, а в твитере чирикнул первую необдуманную (но содержательную мысль) и всё.

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

Интересный эффект от сервиса.

Система пользовательского поиска

http://www.google.com/cse/?hl=ru

Система пользовательского поиска позволяет создать для своего сайта индивидуальную поисковую систему на основе технологий Goolge

Прикрутил.
Теперь у меня есть поиск по сайту :)

Steve Souders: @font-face and performance

http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/

Оказывается, не всё гладко:

И рекомендации от Стива (вольный пересказ):

Validation

Замечательный фильм — 16 минут удовольствия

YoYurec, спасибо за ссылку :)

Quicksilver and Snow Leopard

Новый стабильный билд Quicksilver (#3815) показывает пустое окно настроек по “Cmd ,”
Из-за этого после переезда на Snow Leopard не получалось настроить активацию окна приложения по double-Fn click.

Настройки интерфейса можно поправить здесь:
null

lib.rus.ec приказал долго жить

А жаль.
Вот здесь нашел какое-то едкое по своему характеру объяснение:

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

Ну, не беда, нашел другой – http://www.litru.ru/

Природа цивилизованности

Я считаю себя человеком социальным, образованным и защищенным от естественных врагов. Но так ли это?
Моя “социальность” и “образованность” — понятия относительные для текущей эпохи, но спорность их невелика — документ о высшем образовании у меня есть и “социальность” могу подтвердить 30-тью годами успешного сознательного общения с себе подобными. Я социален и образован.

Но вот с чувством защищенности похуже. Пожив четыре дня на диком пляже, оно ушло на второй день. Это было неожиданно. Читать дальше…

« НазадДальше »