Портрет Гомера без единой картинки, используя только CSS. Если вы не видите Гомера, значит ваш browser сосёт, ну или у вас отсутствует шрифт Verdana 
Автор сего извращения (Author’s site) 
Tag: ‘CSS’
Всякие разные полезности, что насобирал с разных сайтов 
Весьма полезный сайтик с постоянно увеличивающимся количеством полезных ссылок: www.forwebdesigners.com
Категории ссылок: ajax, blogs, colors, CSS, flash, fonts, forums, free photos, generators, graphic sources, icons, inspiration, magazines, photoshop tuts, stock photos, templates, xhtml
» Simple Ways To Help Your Design Suck Less
Хоть и написано там “Never use Trebuchet or Century Gothic, they’re ugly.”, все равно интересная статейка 
» 16 Best-Loved Font Bits In Web Design
А тут, наоборот, говорят, что не только я Trebuchet и Century Gothic люблю 
» 980 Mac OS X Panther Icons
Как раз для таких маньяков, как я 
980 .PNG иконок 
Кто-то собирает машинки, а я собираю иконки 
» 101 CSS Tips, Tutorials and Examples
Не хилый такой список - начиная от азов CSS-а, уроков и примеров, и заканчивая шаблонами и галлереями сайтов. Забавно было немного, зайдя на эту страницу увидеть, что больше половины списка я уже читал/видел 
» Ultimate HTML Color HEX Code List
Стандартные политры HTML цветов с указанным кодом каждого цвета. Полезно, если нет графического редактора под рукой, а надо как-то цвет подобрать.
» Pretty URLs - a guide to URL rewriting
Думаю, говорит само за себя… Мне лень переводить
» 230+ Keyboard Shortcuts for Top Web Services
“Горячик клавиши” для Gmail, Google Reader, Google Calendar, Google Maps, Google Video, Google Docs & Spreadsheets, Netvibes, Wikipedia, Blogger, Pandora, Wordpress etc.
» 55 Essential Articles Every Serious Blogger Should Read
Почитаем.. 
Давно собирался написать об этом, да все забывал и откладывал. Сегодня вот наткнулся на статейку коллеги на ту же тему, там решений несколько, но в основном слишком “много букоф” для меня
Мой вариант похож на “Вариант нумер 0″ в вышеупомянутой статье, различие не значительно, но все же решил написать свою “статейку”. Там реализация идет внутри HTML-а, я же люблю по возможности сохранять чистоту в HTML-е и все “выёживания” различных browser-ов обходить в CSS файле.
Этот способ я нашел почти одновременно с той подборкой IE7 CSS Hacks, но реально им я воспользовался лишь когда в очередной раз сменил дизайн тут (pop-up со смайлами для залогинивщихся юзеров так реализован).
Вот собственно и оно:
.someBox { /* IE6 */
height: 128px; /* Height of your .PNG */
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='firefox.png',
sizingMethod='scale');
}
html>body .someBox { /* Firefox, IE7, Opera */
background: url(firefox.png) no-repeat !important;
filter: none !important;
}
И наглядный результат:
Скриншот из Оперы не делал, т.к. она в основном себя ведет также как и Firefox. Проблемы обычно создают оба Explorer-а..
Почистил “закладки” в Google Reader-е немного…
» Google Guide Quick Reference: Google Advanced Operators (Cheat Sheet)
» Ajax Loader - генератор индекаторов загрузки вроде этого: 
» Top 12 Ways to Speed Up Your Computer
» 53 CSS-Techniques You Couldn’t Live Without
» Open Source Alternatives - open source alternatives to well-known commercial products
» What To Expect From Starcraft II
» Pitaschio - a freeware which makes it convenient to use Microsoft Windows
» Sounds of Vietnam (Real Audio) - Sounds of Vietnam during the Vietnam War
» Skyline Project. Skyline - The outline of buildings against the background of the sky.
решил перенести сюда этот пост из жж… и заодно добавить новую категорию - “Web Design”
Просто, как шпаргалка, для себя… чтобы потом опять не искать в гугле… потому что именно этот РАБОТАЕТ, а conditional comments идут в жопу! + пару слов, что я об этом всем думаю… накопилось, бл%..
#mm .rollOver {
height: 165px; /* IE 6 & bellow */
}
html>body #mm .rollOver {
height: 163px; /* FF & Others */
}
*:first-child+html #mm .rollOver {
height: 165px !important; /* #%@#%(! IE 7 */
}
Последовательность должна быть именно такой потому, что, как я понимаю, CSS файл читаеться сверху вниз всеми (да, не знаю я этого.. не читал всякие умные книжки.. ниасилил..). Я самоучка - учусь “методом тыка”. Don’t like me? Megabyte me!
Read more »
Если у вас не установлен Stylish, очень рекомендую его установить, иначе можете не читать дальше Ну или если вас не напрягает в ручную создать userContent.css в папке с профайлами, то можете читать
Не трудно, думаю, догадаться что делает кусок кода далее. Нет? Хм.. Он удаляет/прячет все не нужное со страниц rapidshare.com. Так как я довольно часто скачиваю оттуда что-то, из-за того что warez-ные и media порталы любят туда закачивать файлы; и я еще и CSS маньяком стал в последнее время, то решил написать “чистилку”.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("rapidshare.com") {
#header, #footer,
#premiumtable2,
#content h2,
p[align="justify"],
div[align="center"] p:first-child font[color="red"],
div[align="center"] > table,
a[href="http://rapidshare.com/en/premium.html"],
div[align="center"] a[href="http://rapidshare.com"] {
display: none !important;
}
}
Под катом наглядно показано “До” и “После”.
Read more »
