Category: ‘Web Design’

Cleaning up old bookmarks & stuff I’m too lazy to post separately :shades: :smoking:

——

 
 

Весьма полезная страничка, на мой взгляд, хотя таких страниц можно найти туеву хучу, почему-то приглянулась именно эта.

Думаю, приглянулась, из-за фильтров и настроек на странице:

charz-1.gif

Все 252 символа разбиты по категориям, есть поиск (хотя я не понял как оно работает )) ), смена шрифта (можно проверить будет ли тот или иной символ отображаться), при наведении мышки на символ появляются числовой и unicode эквиваленты:

charz-2.gif

 
 

Портрет Гомера без единой картинки, используя только CSS. Если вы не видите Гомера, значит ваш browser сосёт, ну или у вас отсутствует шрифт Verdana :devil:

Автор сего извращения (Author’s site) :)

 

o
o
o
o
(
O
O
O
\
L
(
O
O
O
O
O
\
L
(
O
|
|
\
\
|
|
\
\
\
\
(
(
8
o
o
o
(
(
8
o
o
o
o
)
)
b
o
O
o
o
o
o
o
o
)
b
o
O
o
o
o
o
o
o
o
o
o
/
/
/
_
_
_
C
C
O
(
-
 
 
 
 

Весьма полезный сайтик с постоянно увеличивающимся количеством полезных ссылок: www.forwebdesigners.com

For Webdesigners - 465+ helpful links for webdesigners

Категории ссылок: ajax, blogs, colors, CSS, flash, fonts, forums, free photos, generators, graphic sources, icons, inspiration, magazines, photoshop tuts, stock photos, templates, xhtml

 
 

Upd.: Добавил ещё 1 способ, более рациональный.

Для тех, кто не знает, что такое XHTML и не слышал о таком сайте, как W3C.org или просто напросто не занимается валидацией XHTML-a, эта статья, в принципе, будет бесполезной.

Лично для меня, валидный XHTML, не то чтобы очень важен, но за время работы Web Developer-ом валидация написанного кода вошла в привычку - я даже уже не обращаю особого внимания на это, а чисто автоматически пишу валидный XHTML, хоть у меня и установлен Add-On для Firefox-a: Html Validator :cool:

Это маленькое вступление ничуть не хвастовство, всего лишь небольшая мотивация написание сей статьи. Если вы, так же как и я, проверяете валидность XHTML-a, то думаю сталкивались с тем, что Flash объекты не проходят валидацию. Лично я не обращал на это внимания, т.к. это никак не влияло на отображение страниц и до недавнего времени не было обязательным требованием со стороны заказчика (полностью валидный код вместе с flash-ем).

Код, приведённый ниже, это код, который генерируется Macromedia (теперь уже Adobe) Flash-ем при “публикации” .SWF вместе с .HTML страницей. Macromedia/Adobe Dreamweaver при вставке .SWF генерирует практически такой же код:

<object classid="clsid:d27cdb6e-ae6d-11cf-[...]" codebase="http://fpdownload.macromedia.com/
   pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="180" height="80">
   <param name="movie" value="logo.swf" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="#ffffff" />
   <embed src="logo.swf" quality="high" bgcolor="#ffffff" type="application/x-shockwave-flash" width="180" height="80" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

…но в нем очень много “мусора” и поэтому он НЕ ВАЛИДНЫЙ!
Read more »

 
 

Давно собирался написать об этом, да все забывал и откладывал. Сегодня вот наткнулся на статейку коллеги на ту же тему, там решений несколько, но в основном слишком “много букоф” для меня :lol:

Мой вариант похож на “Вариант нумер 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-е немного… :cool2:

» 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.

» Last.fm scripts

» Improve your memory with your eyes

» Top 5 of everything

» 8 Very Compromising Sexual Positions
Read more »

 
 

решил перенести сюда этот пост из жж… и заодно добавить новую категорию - “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 »