Очередной вольный перевод. Оригинал - тут.

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

<span>

в заголовке, и заставить фоновое изображение перекрыть текст с помощью свойства

position:absolute

Трюк проверен на большинстве популярных браузеров: Firefox, Safari, Opera, даже под Internet Explorer 6 работает (с png-хаком, разумеется).
Посмотреть на это можно тут, скачать демо - тут. А дальше можно почитать, как это всё сделано
Continue reading ‘Эффект градиента для текста с помощью CSS’

За последние пару лет все основные браузеры позаботились о поддержке 140 именованных цветов (распознаются по имени) в своих HTML и CSS. Тоесть, вместо того чтобы запоминать шестнадцатиричный код “#FFA500″, можно просто использовать “orange” для определения цвета в Вашем коде, и браузер автоматически переведёт это значение в шестнадцатиричное. Под катом - маленькая шпаргалочка по этим цветам.

_{(можно отсортировать по семье оттенков и банально по имени)}

Continue reading ‘140 именованных цветов’