Category: ‘Web Design’

Links: Add-Ons, CSS & Useful sites

Jul 1, 2008 12:31 pm Hairgel_Addict Firefox, Web Design, Сцылки No Comments

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

——

 
 

XHTML Character Entity Reference

May 9, 2008 5:30 pm Hairgel_Addict Web Design, Сцылки No Comments

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

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

charz-1.gif

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

charz-2.gif

 
 

Homer CSS by Roman Cortes

Apr 17, 2008 2:26 pm Hairgel_Addict Geeky Stuff, Web Design 7 Comments

Портрет Гомера без единой картинки, используя только 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
(
-
 
 

190+ Useful Resource Links for Web Developers

Jan 9, 2008 4:07 pm Hairgel_Addict Customization, Web Design, Сцылки 1 Comment

Всякие разные полезности, что насобирал с разных сайтов :shades:

DHTML AJAX Javascript
  
Content Management System [ CMS ]

Read more »

 
 

ForWebDesigners.com - 465+ helpful links for webdesigners

Dec 20, 2007 11:52 am Hairgel_Addict Web Design, Сцылки 4 Comments

Весьма полезный сайтик с постоянно увеличивающимся количеством полезных ссылок: 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

 
 

Valid XHTML Flash SWF Objects embedding (updated)

Aug 25, 2007 10:14 pm Hairgel_Addict Web Design 6 Comments

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 »

 
 

PNG Transparency in IE6

Jun 25, 2007 7:02 pm Hairgel_Addict Web Design 6 Comments

Давно собирался написать об этом, да все забывал и откладывал. Сегодня вот наткнулся на статейку коллеги на ту же тему, там решений несколько, но в основном слишком “много букоф” для меня :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-а..

 
 

Много всяких ссылок и башорг чуть-чуть )

Jun 17, 2007 11:04 pm Hairgel_Addict Web Design, Всякая Всячина, Сцылки No Comments

» 20 Tips for More Efficient Google Searches

» Top 10: Must-have Firefox extensions

» Feature by feature: Firefox vs. Safari

» Power Tips to Boost your Energy

» Russian ‘ninja’ arrested in Italy

» Skype 3.5 Beta for Windows released (new features)

» Historical Sounds in MP3 Format (Apollo 13 - Houston We Have a Problem, Pearl Harbor Attack - BBC Announcement etc.)

» icanhascheezburger.com - lolcats.

» Netrenderer: See how a web site looks in IE without a PC

» Configuration Mania Firefox extension provides a GUI menu for tweaking Firefox’s about:config settings.

» What is my IP Address? IP Address finder, IP to location tool.

» Web As Desktop: Test out the Ubuntu interface on the web

» Sputtr - search engine that finds results from several resources directly through one page.

» Did Pirates Really Say “Arrrr”?

» Creative Use of PNG Transparency in Web Design

» HTML Special Characters

» List of U.S. Army acronyms and expressions

» How to Nap at Work - or Anyplace You Need a Rest
Read more »

 
 

Много всяких ссылок.

Jun 4, 2007 2:23 am Hairgel_Addict Web Design, Сцылки No Comments

Почистил “закладки” в 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 »

 
 

IE7 CSS Hacks

May 19, 2007 2:43 am Hairgel_Addict Web Design No Comments

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