Самые внимательные, наверное, заметили, что в прошлых заметках у меня на картинке использовалась эмуляция эффекта наведения на ссылку — посмотрите, если навести на картинку мышку, «ссылка», выделенная синим, на картинке подчеркнётся. И это не JavaScript.

Объяснение очень простое — картинка сделана с прозрачностью, далее при помощи CSS под неё подставлен белый фон, а при наведении (селектор «:hover») фон меняется на голубой. Такой же эффект использован на картинке с пистолетом слева (наведите мышку). Ссылка на картинке обязательна — без неё в Internet Explorer (версии ниже 7-й) фон менять не будет, «:hover» просто не сработает. Таблица стилей для этой картинки выглядит вот так:

a.gun:hover img { background: black } /* стиль при наведении мышкой */
a.gun img { margin: 0px; background: white } /* убираем поля в Opera и подкладываем белый фон */

HTML, соотвественно:

<a href="#" class="gun"><img src="gun.gif" /></a>

Если вам не ясно, почему пистолетик «стреляет» (т. е. почему изображение движется, когда наводишь мышку), то тут всё просто — прозрачная область движется (это animated GIF), на белом фоне этого не видно, когда фон меняется, создаётся эффект движущейся пули.

Ещё интересные эффекты можно получить, если использовать альфа-канал (полупрозрачность) в формате PNG, но, к сожалению, об анимации тут придётся забыть.

Пока искал шрифты, наткнулся на крайне интересный проект «Азбука» — истории о буквах. Написано увлекательно, хорошо иллюстрированно, понятно даже неподготовленному читателю. Отдельное спасибо проекту за статью о букве «ё», цитирую небольшую часть (выше читируемого текста приводится мнение Артемия Лебедева по поводу это буквы, смотрите статью):

Рассказав исторический анекдот про княгиню Дашкову, Лебедев забыл упомянуть, что княгиню поддержали ряд ведущих деятелей культуры того времени, включая Державина, который первый начал использовать букву в деловой переписке. Уже в 1795 появилось первое печатное издание, в котором встречается буква ё, — книга Ивана Дмитриева «Мои безделки». А в 1796 году окончательно популяризовал букву Карамзин, напечатав в Московской университетской типографии свою первую стихотворную книжку «Аониды». В ней с буквой ё были напечатано три слова: орёл, мотылёк, слёзы.

Зачем нужны выносные элементы? Спросите у любого шрифтовика — он ответит: выносные элементы улучшают читаемость текста, без них текст выглядел бы монотонно. Именно поэтому в раннем средневековье с появлением большого количества религиозной литературы появился и минускульный шрифт — предтеча строчный букв, который отличался от маюскульного шрифта (прописных букв) более плавными формами, большей убористостью и большим количеством выносных элементов, за которые «цеплялся» человеческий глаз, благодаря чему повышалась скорость чтения. Умляут — не выносной элемент, но функции у него те же.

Если посмотреть с художественной точки зрения, выносные элементы создают ритм, а ритм в свою очередь улучшает эстетические свойства шрифта. Это, кстати, и является одной из основных причин, почему латинский алфавит «красивей» кириллического. И по этой же причине текст набранный кириллицей называют «забором»: строчные буквы в массе своей копируют буквы прописные, а у них выносные элементы — большая редкость (Ц, Щ, Й, отчасти Ф в кириллице; Q, отчасти J в латинице).