Иска ми се акцентът в този блог да е работата ми и всичко по-интересно около нея. Факт е, че в блоговете на останалите колеги много рядко се пише за уеб дизайн-а и програмирането, а още по-рядко се появяват и примери, затова ще се опитам да направя точно това тук – да пиша за конкретни решения в областите уеб дизайн и front-end програмиране, като ще наблягам на примери в код или разбираемо описание.  Също така смятам при първа възможност да реорганизирам категориите на блога,  като всички останали теми се прехвърлят в една обща категория,  а уеб частта се раздроби на конкретни подкатегории за по-лесна навигация в тях. Всичко това го пиша тук, за да е пред очите ми и да не се откажа от тези си намерения, които с времето може да поизгубят тежест, особено с наближаващата пролетна умора.

Използването на условни коментари (conditional comments) за зареждане на специфични стилове за различните версии на браузъра Internet Explorer e алтернатива на по-често прилагания вариант с употребата на т.нар. хакове (CSS hacks). Ето как изглежда и самия метод:

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

Този код се слага в хедъра на HTML документа, като е важно той да бъде след основния CSS файл. Всички стилове в него ще засягат само форматирането в IE, докато останалите браузъри ще “виждат” единствено стиловете, които са извън тези условни коментари.

Също така е възможно да се зареждат различни стилове за различните версии на IE. Това става, чрез използването на следните възможности на условните коментари:

Само за IE 7:

<!--[if IE 7]>
	<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

Само за IE 6:

<!--[if IE 6]>
	<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

Допълнителни възможности:

<!--[if lt IE 7]> - за версии на IE по-малки от 7
<!--[if lte IE 6]> - за версии на IE по-малки или равни на 6
<!--[if gt IE 6]> - за версии на IE по-големи от 6

Алтернатива на условните коментари – CSS хаковете (CSS hacks)
Още по темата от сайта на Microsoft: http://msdn.microsoft.com/en-us/library/ms537512.aspx

Има поне два варианта да се справим с различното интерпретиране на стиловете(CSS) от страна на все още най-разпространения браузър – Internet Explorer. Единият е да се използват хакове, които да водят до приемането на различни стойности в стиловете за различните браузъри или техни версии. За целта се използва похват, при който се въвеждат 2 или 3  стойности за едно и също свойство:

div {
margin: 10px;
*margin: 9px; /* for IE 7 */
_margin: 8px; /* for IE6 or less*/
}

Този начин на изписване ще доведе до следния резултат: в по-добрите браузъри(Firefox, Opera, Safari) свойството “MARGIN” на тагът “DIV” ще приеме стойност 10px и ще игнорира следващите стойности, тъй като те не са изписани правилно. Версия 7 на IE ще приеме стойност 9px, тъй като по неведоми причини приема символа “*” преди свойството на HTML елемента за коректно изписване, а същия елемент за верия 6 и по-ниска на IE ще присвои стойност 8px, поради това, че приема изписването със “_” за правилно.

В следващия пост ще опиша и по-доброто решение – употребата на така наречените условни коментари (conditional comments) за зареждане на алтернативни стилове за проблемните браузъри.

Дисплеят на една колежка в работата ми е настроен на сив фон на приложенията по подразбиране и когато седна при нея да обсъждаме текущи проекти, вече на два пъти установявам елементарен пропуск в работата си, който е описан и от CSS гурото Джефри Зелдман. Става въпрос за това, че досега не съм обръщал внимание дали поставям задължително фон на тялото на HTML документа (body {background: #fff;}). Това се отнася основно за дизайните, които са с бял фон и дори и да не е зададен в стиловете, това не прави впечатление, докато не застанеш пред монитор с променени фонови настройки. Тогава обаче картинката става “интересна” – дори може да не познаеш работата си.

Затова е важно винаги да се обръща внимание на главните елементи на един HTML документ, за да сме сигурни, че основата ни е положена и над нея можем да градим всичко останало. В противен случай цялото време отделено за остраняване на проблеми под различните браузъри, за операционни системи и мобилни устройства и валидирането на кода ще загубят своят смисъл.

още по темата:
Is your websites underwear showing – статията на Зелдман
Underwear showing (web design) – група във Flickr, споделяща как изглеждат сайтове без зададен фон на документа при променен фон на приложенията

КАК ДА ОТГЛЕДАМЕ ГРАЖДАНСКО ОБЩЕСТВО В ДОМАШНИ УСЛОВИЯ?

1. Следващият път, когато видите паднал на улицата човек – забавете крачка. Може би сте в състояние да му помогнете. Ако не е така, поне го заобиколете, не прекрачвайте тялото.

2. Следващият път, когато Ви поискат подкуп – откажете.

3. Следващият път, когато ВИ ПРЕДЛОЖАТ подкуп – откажете.

4. Връщайте на келнера мръсните прибори за хранене, както и храната, която не е приготвена добре. Изисквайте качеството, което Ви дължат.

5. Пресичайте на зелен светофар.

6. Ползвайте кошчетата за отпадъци. Те са там, за да не газиме поне в тея боклуци, над които имаме контрол.

7. Четете. Не вестници, четете КНИГИ.

автор: неизвестен /попаднах на текста в един от профилите в myspace.com/