to post messages and comments.

Пишем ссылку:
<a href="/" data-icon="image.png">something</a>

Пишем css:
a {
position: relative;
height: 32px;
padding-left: 32px;
}

a:before {
position: absolute;
top: 8px;
left: 8px;
width: 16px;
height: 16px;

/ ВНИМАНИЕ! /
backgrounf-image: url(attr(data-icon));
}

Ииииии...... внезапно НЕ РАБОТАЕТ, потому что в браузерах attr() до сих пор работает как в css 2.1, а не css3.

Цуко.

Пол часа ломал голову почему именно на моей странице при скроле хром сжирает 100% CPU. Первым делом начал смотреть функций навешанные на скролл, отключил весь js для выявления места где тормозит, не помогло. Потом подумал что какие то стили тяжелые, на странице много блоков с абсолютным позиционированием, отключил эти стили, не помогло, затем подумал что дело в z-index, т.к присутствует параллакс эффект, но дело было не в этом. Методом последовательного отключения файлов стилей (благо стили разбиты на логические блоки в less файлы) выяснил что причина все таки в базовых стилях. В итоге причиной тормозов было свойство `-webkit-box-shadow` на body. Ну ок, вернемся назад к background-image. Пойду нервно пить кофе.

Не все браузеры по человечески умеют CSS3, так W3 уже CSS4 начинают делать. и чего то, мне вообще нет желания смотреть или пользоваться тем, что делает W3C — они убоги, и не знают что реально надо. Надеюсь разработчики браузеров, как и в случае с HTML5, перехватят инициативу полностью на себя.

Продолжаю ловить жуков и наступать на грабли. На этот раз webkit!!!
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(190,215,127)), to(rgb(190,215,127)), color-stop(45%, rgb(98,160,1))) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(190,215,127)), to(rgb(190,215,127)), color-stop(45%, #62a001)) !important;
Это две абсолютно одинаковые инструкции, но вторая не работает. Видимо оно требует указывать цвета в одинаковом формате

Накатал за ночь простенький но на мой вкус симпатичный дизайн для сайта. Заточил под Chrome 5 и Firefox 3.6. Ложить я хотел на оперы и ИЕ )) использовал няшноту CSS3 а именно расширения градиента и теней ) ничего так )) мне понравилось )) Также испробовал 960 Grid System от Натана Смита )) Долго вспоминал где я слышал его имя, и вспомнил что он тоже джангист. К примеру он автор одного из блогодвижков на Django.

Няшнота эти ваши градиенты. Только вот кривовато пока браузеры их держат (( хрен с ней с оперой которая только научилась им, хрен с ИЕ который своими фильтрами это делает. Хрен с ними. Но бля! Когда у геко и вебкита разные синтаксисы градиентов — это уже убить разрабов надо. Ну не человечно же это ((

черт.... цифра 2024 когда хотят официально зарелизить стандарт HTML5 что то так далека... четырнадцать лет.. они с какого дуба рухнули. тут уже каждый браузер хватается за новые возможности 5 хтмла )) эх )) поскорей бы много вкусного и удобного )