Както всяка година от 2006 насам, така и тази отбелязваме CSS Naked Day! За 2009-а днес е денят “Х”. Целта на мероприятието — популяризиране на уеб стандартите. За да докажете подкрепата си е достатъчно да изключите стиловете, които се използват за форматирането на Вашия сайт.
Аз като уеб разработчик подкрепям това събитие с две ръце!

Използването на условни коментари (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, споделяща как изглеждат сайтове без зададен фон на документа при променен фон на приложенията

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

За почти 50 години Световната мрежа еволюира от текстово базирана система за предаване на данни между ограничен кръг от учени до интерактивна медия за споделяне на информация и развлечение на всеки човек, имащ компютър с интернет достъп.

Новите функционални възможности на уеб сайтовете неизбежно усложняват ежедневните задачи и са предизвикателство пред уеб разработчиците, които освен текущите си задачи трябва да следят и да не изостават от променящите се технологии в тяхната област. Основните посоки на развитие в момента са:

Дизайн и Технологии
Вече не е достатъчно за уебмастърът да знае само как правилно да кодира уеб сайтовете си, за да функционират правилно. Въпреки, че функционалността все още е от изключителна важност, то тя не е единственото за уеб разработчиците днес. Съвременните сайтове трябва да имат също така привлекателен дизайн, който да притежава добра навигационна структура, йерархия на елементите, графични елементи, добро и уникално съдържание. Това от своя страна означава, че уеб специалистите трябва да са наясно с основните на графичния дизайн и писането на съдържание за уеб.

Уеб маркетинг
Друго сравнително ново изискване към уебмастерите за реализирането на успешен сайт са познанията в областта на уеб маркетинга. Макар и различаващ се от традиционния маркетинг, интернет маркетингът обединява в себе си маркетинговите похвати, електронната търговия и оптимизацията на уеб сайтове (SEO – search engine optimization), като основната цел пред него е създаденият сайт да бъде откриваем и запомнящ се.

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

Какво правите Вие за да сте винаги в крак с последните уеб технологии?

Лично аз прекарвам по няколко часа на ден в търсене в мрежата или четейки водещите блогове/форуми за уеб дизайн и разработка и се опитвам да използвам в проектите, по които работя, някои от новите техники, които преценя, че са добро решение за текущите задачи.