Очередной вольный перевод. Оригинал - тут.
Частенько хочется сделать несложный заголовок с простеньким графическим эффектом. Но вот фотошопить каждый раз немного утомляет. Тем более - если хочется чтобы каждый заголовок был с этим самым эффектом (ясное дело, с разным текстом). Вот Вам простой CSS-трюк, как это сделать, используя рисунок в формате png (чистый CSS, никакого жаваскрипта и флеша). Всё что нужно - пустой тег
<span>в заголовке, и заставить фоновое изображение перекрыть текст с помощью свойства
position:absoluteТрюк проверен на большинстве популярных браузеров: Firefox, Safari, Opera, даже под Internet Explorer 6 работает (с png-хаком, разумеется).
Посмотреть на это можно тут, скачать демо - тут. А дальше можно почитать, как это всё сделано 
Continue reading ‘Эффект градиента для текста с помощью CSS’
За последние пару лет все основные браузеры позаботились о поддержке 140 именованных цветов (распознаются по имени) в своих HTML и CSS. Тоесть, вместо того чтобы запоминать шестнадцатиричный код “#FFA500″, можно просто использовать “orange” для определения цвета в Вашем коде, и браузер автоматически переведёт это значение в шестнадцатиричное. Под катом - маленькая шпаргалочка по этим цветам.
(можно отсортировать по семье оттенков и банально по имени)
Всегда интересовался эффектами, достижимыми использованием псевдоклассов в css. Я никогда верстальщиком/дизайнером не был, но поразбираться иногда очень интересно. Потому заметочка для себя.
Итак, псевдоклассы предназначены для управления элементами, недостижимыми с помощью обычных селекторов. Continue reading ‘CSS псевдоклассы и псевдоэлементы’
