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