БИБЛИОТЕКА CАЙТОСТРОИТЕЛЬСТВА

новости, статьи, обзоры по веб-дизайну и графике, разработке, оптимизации и продвижению веб-сайтов

Семантика: валидность, кроссбраузерность, микроформаты

В жизни мы часто сталкиваемся с контрастами, иногда настолько значительными, что после пребывания некоторое время в одной среде переход даже не в контрастно другую, а только в привычную вызывает состояние иррациональности, неправдоподобности происходящего. Один час на скрипичном концерте в зале с хорошей акустикой - и поездка в маршрутке под хриплое по разным причинам "радио-шансон" превращается в настоящий кошмар меломана. 10 минут экстремального нахождения в среде бомжей (визуальный вид, запах, невольное проникновение ситуацией, их состоянием), после которого попадаешь в элит-среду, где оттенки-полутона, элегантные запахи, и каждый элемент имеет значение, и всё по-другому - и не понятно, как же в одном твоём мире могут сосуществовать две такие разные среды, с разными законами, требованиями, ценностями, со своими стандартами.

Похожее состояние возникает, когда соприкасаешься с миром стандартов в вебстроительстве. С одной стороны - дотнет и IE7, с другой - w3c, Бернерс Ли и его идеи semantic web`а. У меня сложилось так, что уже второй год основная среда для моих разработчиков - тот самый dotnet, Visual Studio, и целевая аудитория, для которой слово browser и IE это единственно возможное соответствие. Иногда доходит до того, что техдиректор попросту запрещает тестировать объект разработки под FF и любыми другими браузерами, так как это время, а у нас сроки, и "забейте, для нашего проекта это нафиг никому не нужно..." А между прочим замечена одна чудовищная тенденция: если разработчик не насилует свои мозги постоянным контролем над кроссбраузерностью своего проекта - он деградирует, у него атрофируется какой-то важный участок мозга, и для того, чтобы восстановиться после (если придется сменить работу, где проекты расчитаны на глобальную аудиторию, а заказчики и постановщики задач имеют хотя бы общее представление о важности соблюдения стандартов), ему придется немало попотеть, почитать документацию, и очередной раз окунуться в судорожный поиск хаков и выравнивающих решений для своих проектов.

Это очень заметно для этапа разработки визуального дизайна - вёрстки макета. Разработчик, который имеет достойный опыт выравнивания под кроссбраузерность, изначально не будет проектировать интерфейс, который трудно или невозможно (без качественного усложнения кода) сверстать грамотно и кроссбраузерно. Изначально не будет использовать более удобную, но трудно "расширяемую" в ходе роста проекта модель реализации модульной сетки. Это происходит на интуитивном уровне. И ведь никто не говорит, что такие кошерные проекты имеют плохой дизайн. Как раз нет. Просто с нуля - другой подход.

Не смотря на то, что более 70% сайтов (хоть рунета, хоть мира) и близко не соответствуют стандартам и редко кроссбраузерны, не смотря на то, что большая часть разработчиков не разобралась даже в тех основах, которые есть сейчас, передовой отряд уже на несколько шагов впереди планеты всей. Не достаточно им существующих стандартов, не достаточно нынешним лидерам разработки уже представленного на w3c xhtml-синтаксиса, выхода нет, и наиболее продвинутые проекты (а, вернее, их разработчики), вводят "микроформаты".

Ещё полтора года назад я впервые увидела этот термин в блоге Ивана Сагалаева (статьи по верстке и css с его разрешения публиковались в Библиотеке Сайтостроительства) в посте "микроформаты". И очень верно указано на одну из опорных проблем внедрения микроформатов: "общая для всех усилий внедрить на вебе семантику. Авторам, привыкшим, что веб-страница - это то, что показывает их любимый браузер, очень трудно порой объяснить, что существует выгода от того, что они будут использовать семантические элементы там, где это необходимо. Причем, трудность не в том, что авторы “плохие”, а в том, что это требует гораздо больше усилий, а выгода проявляется не сразу. Больше того - даже еще не известно, проявиться ли она по-настоящему. Ведь пока авторы не делают много семантически верных страниц, создатели потенциальных тулзов и сервисов, которые могли бы использовать семантику, не будут их создавать, потому что работать просто не с чем. То есть, классическая проблема “яйца и курицы”. Однако, есть надежда, что усилиями крупных энтузиастов в лице microformats.org и Google, поезд все таки разойдется. По крайней мере, я надеюсь застать это интересное время :-)."

Энтузиасты не вымерли, и новые форматы действительно стали появляться, внедряться и популяризироваться всё больше и чаще. Макс Россомахин (которого многие знают и помнят, как одного из авторов переводов интереснейших текстов для webmascon`a, и по форуму этого же проекта) завёл новую темактику в блогах на Хабре с соответствующим названием - Микроформаты (microformats), где мужественно просвещает заинтересованных в том, что это собственно такое (в посте "вводное слово": Разрабатываемые в первую очередь для людей, и лишь во вторую — для машин, микроформаты представляют собой набор простых и открытых форматов описания данных, основанных на широко применяемых и хорошо освоенных технологиях (например, XHTML и CSS).), рассказывает о некоторых уже известных м-форматах, публикует перевод заметки Джона Оллсопа "Микроформаты здесь и сейчас", и, похоже, готов к активному обсуждению темы.

А в это время в замке В дискуссионом листе паралельно с моим постом уже несколько дней идет спор между веб-разработчиками - нужно верстать грамотно или ну его нафиг. Уверена, что 99,9% подписчиков не читают мой блог и пост о стандартах не видели, видимо движение породило особое состояние звезд и соотношение планет на данный момент времени, а так же грядущее полнолуние. И вот что я читаю в ветке "Фрилансер" (выросла из дискуссии про цены на веб-сайты в рунете в ветке "Битрикс"):

1.

Где это всё? Даже валидатор TIDY не выдерживает такой халтуры, обозначает кучу ошибок и десятки, сотни (!) предупреждений. Структура HTML не соответствует никаким нормам, о веб стандартах Вы, похоже, вообще ничего не слышали. Ваш файл CSS говорит о том, что Вы просто не понимаете, зачем нужны эти несчастные каскадные стили.

Именно это я и хотел сказать!!! При этом проект работает. Простой пользователь как и заказчик ничего не знает об этих ошибках! Сайт работает и ПРИНОСИТ ПРИБЫЛЬ! Что и требовалось доказать. Хоть студия, хоть мой студент-недоучка, который делал многое на этом сайте - одно и тоже для посетителя и для заказчика. Круто навороченные верстки с умным видом, стили и т.д. - все это для нас с вами, умных не по годам и гордых за свою работу. Заказчик об этом не догадывается!

2-1.

Конечно, чаще всего заказчику наплевать, как устроен сайт внутри. Но, на самом деле, четкая структура и CSS по стандартам необходимы в первую очередь для строителя сайта и вовсе не для того, чтобы тешить свое самолюбие. Когда все четко организовано и понятно, легче обслуживать, вносить изменения и т.д. Ковыряться же в помойке, себя не уважать, да и трудозатраты будут на порядок выше, а кому это надо? Когда я вижу подобный вашему код на сайте, который просят переделать или взять на поддержку, я соглашаюсь только в одном случае, - если клиент готов оплатить создание сайта с нуля.

2-2.

Ой как вы не правы... с таким подходом к собственной работе, к своему портфолио и в целом к развитию веба, которое зависит не только от потребностей пользователей, но и от нашей с вами работы, от воплощения желаний пользователей... Представьте себе, что фармацевт будет плевать на строгость рецепта при создании препарат, потребитель-то всеравно не заметит... в вебдизайне, конечно, все проще, никто не умрет от безалберного кода... а потому и появляется куча "вебмастеров"...

2-3.

AP> Заказчик об этом не догадывается!
К счастью, заказчик уже об этом догадывается. Я искренне поздравляю всех, кто уже почувствовал переход российских заказчиков на уровень понимания стандартов и в этой сфере деятельности.

3.

Не смешите меня!!! 99% заказчиков это совершенно не интересует(я сейчас говорю о рунетовских деревянных заказчиках), так как они не в теме, и не могут быть в ней, если конечно заказчик не продвинутый. Для заказчика главное чтобы сайт работал в осле, ну на худой конец в браузере которым пользуется заказчик. А платить за непонятные(по крайней мере для заказчика) стандарты(в случае небольшого бюджета) он не готов. Частый вопрос:"А без этих стандартов все будет работать?". Тогда зачем платить больше???
P.S. Стандарты бывают разные и работать с ними нужно грамотно.

С одной стороны - есть согласие с тем, что верстка должна быть грамотной, с другой стороны - упёртое нежелание соблюдать уже имеющиеся стандарты. Мы варимся в своём внутреннем мирке, со своими узкими задачами, мелкими потребностями, возможностю заработать по-быстрому пару сотен баксов за кривой, абы как работающий проект, пользуясь тем, что кривостей по безграмотности заказчик не увидит, и не скрываем, что лень, лень, обычная вульгарная лень не позволяет напрячься, разобраться, и сделать свою работу правильно. Да вы сами почитайте - публика не только не скрывает, но и гордится собственной безграмотностью, а стремление делать проект, соответствующий стандартам приравнивает к попытке изменить мир :) ни много ни мало.

"Я не буду рисовать эту порнографию"

На днях мой хороший знакомый рассказывал про офисный беспредел у него на работе, сюжет прямо чуть ли не боевика: скандалил арт-директор дизайнерской конторы с девочкой-дизайнером. Суть скандала банальная и очень-очень традиционная: требовалось по-быстрому сделать работу, которую девочка хотела сделать хорошо и правильно, т.е. настаивала на то, чтобы ей дали на это время. Арт-директор требовал быстрого, лишь-бы какого решения. В конечном итоге у них дошло до рукоприкладства того, что мужик гонял дизайнершу по офису с криками - "будешь делать как я тебе говорю" - а дизайнерша избегала контакта отскакивала от него, и говорила, что её чувство прекрасного не позволяет её делать эту порнографию. У девочки художественное образование, опыт, видение, куча успешных проектов. У арт-директора - бюджет, из которого $100 он ожидает получить за этот проект и $300 - отдать официальной зарплатой дизайнерше. Путём нехитрых расчётов он получает время, которое она может потратить на проект с таким бюджетом. Соответственно она просто обязана выровнять соотношение качество-сроки таким образом, чтобы система работала.
Но как же чувство прекрасного?

Извечный трабл - стоит ли настаивать на качестве, когда вот он - живой реальный заказчик, который платит (сотня баксов-то не лишние?) и не нужна ему совершенная красота, и бюджета выше не будет, и ситуация, которая постоянно, в каждой первой конторе возникает с завидной периодичностью. Кто-то молча соглашается, кто-то ищет компромисс, кто-то имеет возможность настаивать на своём мнение, даже с угрозой потерять заказчика. В пример при обсуждении этой проблемы чаще всего ставят позицию студии Лебедева. В дискуссионом листе пошли по тому же пути, один из участников пишет:

Ответ на поверхности: люди, заказывающие что-либо в студии Лебедева, заведомо соглашаются с их видением. Поэтому такого фактора, как "...хочу чтоб в этом углу крутился логотип, а тут на зелёном фоне красными буквами..." просто нет!

Я, собственно, утверждаю: чтобы сделать бренд, нужно работать и быть профессионалом во всём. Чтобы твоя работа "нравилась людям", нужно работать и быть профессионалом во всём. Чтобы люди доверяли опыту твоей компании, нужно работать и быть профессионалом во всём. Точка.
Не нужно кривить душой и пытаться свалить все на "некультурность" заказчика - все знают, откуда эта некультурность берется. А берется она, давайте признаемся самим себе, из трусости, неуверенности, некомпетентности разработчика (или менеджера) и отсутствия знаний в предметной области.
Кто хоть раз видел менеджера, который не может сделать ничего кроме как принести в тех.отдел листы бумаги с записанными от руки пожеланиями клиента, кто хоть раз видел разработчика, который тратит день на поиск ошибки и находит ее в разнице наименований методов getCatalogueItems и getCatalogItems, тот знает, что такие фирмы просто обречены "двигать плашки" по странице, перекрашивать цвета и ставить в угол вертящийся логотип...

Вот вам очередной пример замкнутого круга: для того, чтобы обеспечить фирму заказами и деньгами, приходится бороться за каждого заказчика, соглашаться (или идти на компромисс) с его больной фантазией, комплексами и бредовыми убеждениями, т.е. соглашаться делать недокачественную работу, которая в свою очередь является примером того, что студия (дизайнеры, разработчики) делает, и почему в эту студию не нужно обращаться с серьёзным заказом, и каждая уступка в визуале, в качестве разработки, каждая уступка за лишнюю сотню угнетает карму, лишает компанию её внутреннего света, её силы и авторитета. И дело здесь даже не столько в мудрости и талантах aсcount-менеджера, а в позиции каждого - программиста, который готов быть авторитетным, дизайнера, который никогда, ни при каких обстоятельствах не согласится нарисовать порнографию уродский эскиз, менеджера, который готов бороться за стерильную чистоту проектов даже в ущерб количеству заказчиков, директора, который не станет навязывать своё "окончательное и обсуждению не подлежит".

Реальная ситуация из жизни нашего офиса: более полугода назад пришёл к нам довольно большой проект, там и back-end серьёзный, и интерфейсная часть достаточно сложная. Уже писала я и про текучку кадров, и про их (кадров) уровень - так и получилось, что проектом занимались в течении нескольких месяцев разные программеры, с разным уровнем и опытом, с разными логикой и подходом. Сваяли нечто, что в основе своей было принято, но работало через пень-колоду.

Пришла к нам в офис программистка (студентка пока-что еще, кстати), девчушка-сишница. Месяца полтора она возилась с этим проектом, равняла костыли, дописывала функциональность в надежде на то, что "вот здесь ещё поправить, и вот здесь" - и всё получится. Послушная была. Но пока проект тестировал отдельно взятый разработчик или даже отдельно взятый тестер в рамках минимальной модели - ещё хоть как-то работал, но при усложнении модели (через удалённый сервис, с количеством одновременно подключенных клиентов больше 10, больше 100) сервис падал. Потом. Как раз когда приехал к нам в офис не только американский СамыйГлавныйНашДиректор, но и управляющий этим самым проектом, решилась. И устроила раздачу. Руководству. Громко. Внятно. Со схемами на бумаге и на доске. Она убеждала их переписать проект (который до этого уже пол-года писался другими) С НУЛЯ! И УБЕДИЛА!
И переписала.
С нуля.

Получился очень красивый, работающий проект. Она сейчас до сих пор с этим проектом работает, но там уже доработка сервисная, т.е. сделать "еще моднее", добавить "ещё одну прикольную фишечку" - а уже с этим нет проблем, правильно спроектированная система масштабируется, расширяется, используется с любым уровнем функциональности без креша и под любой нагрузкой.

Я не про проект, я сейчас - про отношение к этой девочке. Так вот. Её не только не уволили, её статус (авторитет) в компании в целом подскочил на порядки. Её слово теперь ЗНАЧИТ.

Не бояться взять на себя ответственность - это очень много. Обычно студии дешевле согласиться с мнением заказчика, но только - не напрягаться, только не взять эту ответственность на себя (сделано плохо - но это "требование заказчика" - вроде как совесть чиста). Ан нет, не всё так просто.

---

Н O B O C T И

:: У технологии WebFaces появились первые пользователи
Интернет-студия WebFaces, входящая в коммуникационную группу АМСКОМ, объявила о том, что первыми пользователями технологии WebFaces ("Говорящая голова") стали российские организации: "Национальное агентство по сбору платежей", негосударственный пенсионный фонд "Русь", мужской портал и страховой брокер "Первый деловой дом". ...>>

:: MOPOTO: мобильный фото блог
MOPOTO: мобильный фото блог, или что получится если совместить блог фото-архив и мобильный телефон. ...>>

:: Инвалиды лишены доступа ко многим ведущим web-сайтам
Согласно опубликованному отчету ООН, множество web-сайтов по всему миру недоступны инвалидам, но могут быть легко переделаны для того, чтобы соответствовать международным стандартам доступности. ...>>

:: Google растит новое поколение интернетчиков
Компания Google запустила образовательную инициативу, в рамках которой в детских садах и школах растят новое поколение интернетчиков. ...>>

:: Современные технологии usability-тестирования на конференции SEC(R)
UsabilityLab совместно с TechSmith представили современные технологии проведения usability тестирования на конференции SEC(R) 2006....>>

:: Microsoft предлагает новые инструменты для веб-дизайнеров
Microsoft выпустила первый из инструментов, Expression Web, предназначенный для создания пользовательских интерфейсов. Он предлагается в форме обновления для пакета веб-разработки Microsoft FrontPage....>>

:: Народ и эксперты по-разному оценили Рунет
29 ноября, были распределены по призовым местам интернет-проекты, участвовавшие в экспертном и народном голосованиях «Премии Рунета». ...>>

:: Google обновила онлайновую электронную таблицу
Компания Google обновила свою онлайновую электронную таблицу Spreadsheets, добавив несколько дополнительных функций. ...>>

:: Церемония вручения ежегодной национальной "Премии Рунета-2006"
29 ноября в Москве в одном из павильонов ВВЦ прошла церемония вручения ежегодной национальной "Премии Рунета-2006". ...>>

:: Сайты российских компаний признаны худшими в Европе
Корпоративные сайты российских компаний были признаны худшими в Европе по данным опроса, проведенного в 16 странах континента компанией H&H Webranking. ...>>

:: Конкурс арт-дизайнеров сайта CDary.com
Обладая достаточным ресурсом квалифицированных программеров и кодеров, администрация сайта CDary.com не имеет в настоящее время в своём распоряжении ни единого художника! ...>>

:: Теперь заказы на Allsoft.ru можно оплатить с помощью мобильного телефона и SMS
Интернет-магазин лицензионного программного обеспечения Allsoft.ru подключил новый способ оплаты заказов - Систему Мобильных Расчетов, которая позволяет оплачивать покупки на сайте Allsoft.ru с помощью мобильного телефона. ...>>

:: Google разработала новый Web Toolkit
Google выпустила новую версию инструментария для разработчиков Google Web Toolkit, версии 1.2. ...>>

:: AddSEO – новый продукт от PromoSoft. Программа для оптимизации сайта
В ноябре компания PromoSoft, разработчик популярных программ для автоматической регистрации сайтов в поисковиках и каталогах (AddSite), а также рассылки в доски объявлений (Add2Board), выпустила в свет новый продукт - профессиональный инструмент для оптимизации сайта. ...>>

:: «Robotst.txt по-русски». Интервью с Дмитрием Атабековым
В середине октября этого года веб-студией «Силэут» был запущен проект «Robotst.txt по-русски». Это сайт на котором будет публиковаться информация о работе с файлом robots.txt и стандарте исключений для веб-роботов. ...>>

---

С Т A T Ь И

:: Микроформаты здесь и сейчас [CSS]
Перевод статьи Джона Оллсопа, в которой автор рассказывает о положении дел с микроформатами по состоянию на конец лета 2006 года с примерами использования микроформатированного контента в современных вебприложениях. ...>>

:: С чего начинается... сайт [Web-дизайн]
Не за горами время, когда подобное отношение к получению информации будет преобладать во всех регионах России. В этих условиях, естественно, появляется все больше сайтов, в том числе и православных....>>

:: Типовые менеджерские ошибки, совершаемые заказчиком при разработке сайта [Web-дизайн]
Этот материал может быть использован как руководство к действию для менеджеров, на которых возложено курирование разработки сайта, так и их руководителей....>>

:: Микроформаты [CSS]
Одна из основных идей, лежащих в основе микроформатов - вместо того, чтобы изобретать отдельный формат для каждой области, в которой интересно было бы машинно обрабатывать информацию, их создатели решили расширить сам (X)HTML, чтобы структурировать свою информацию мог любой. ...>>

:: Эффективный сайт – как достичь совершенства? [Раскрутка сайта]
Количество коммерческих сайтов растет, и каждый новый сайт теряется среди тысяч подобных. На этом этапе знание того, как выделить ресурс и привлечь на него посетителей, готовых покупать предлагаемый продукт, приобретает особое значение. Так возникла новая наука – кибермаркетинг....>>

:: Секреты оптимизации сайтов. Часть II [Оптимизация сайтов]
В продолжении статьи - работа со структурой и содержимым проекта, оптимизация мета-данных проекта и работа над ссылочной популярностью вашего сайта. ...>>

:: Секреты оптимизации сайтов. Часть I [Оптимизация сайтов]
В статье мы будем говорить именно об оптимизации сайта, не затрагивая такие сферы Интернет рекламы, как контекстная реклама, медийная реклама, баннерные сети, реклама на тематических порталах, спам, создание дорвеев и т.д. ...>>

---

Ф О Р У М Ы [горячие темы]

:: Badmin: Рейтинги для начинающих [Продвижение веб-сайтов]
Участие в рейтингах - достаточно важный момент в продвижении сайта. Одна проблема - на старых рейтингах очень высока конкуренция, пробиться на первые страницы (и получить оттуда посетителей) очень трудно. По моему опыту счетчик только место на страницах занимал. Снес. Выход - участие в относительно молодых рейтингах, где для попадания в топы достаточно сотни-другой посетителей.

:: robert: Что ждать от регистрации в каталогах? [Оптимизация сайтов]
Воспользовался услугой сайта 1ps и зарегистрировался в более 200 разных каталогах. Поставил у себя обратные ссылки, где просили. Прошла неделя. Сижу и думаю - а надо ли было это делать?

:: Margo: Adobe Photoshop [Веб-графика]
Зная,что эта тема счас очень популярна стала,хотелось попросить знатоков поделиться учениями,как они начинали с этой штукой работать и если можно,не в тягость конечно, рассказать со скриншотами .

:: nun: XHTML+CSS. Преимущества очевидны [Обсуждение материалов Библиотеки]
Статья написана одним из подписчиков дискуссионного листа, по теме ветки о верстке дивной и табличной.

:: Titto: Как избежать появления HTML кода до загрузки css? [Проблемы верстки]
Как избежать появления HTML кода до загрузки css?

---

У Л Ы Б Н И Т Е С Ь !

Вчера первый раз в жизни совершил прыжок с парашютом. Теперь знаю, откуда адреналин выделяется.

Обнаружен новый вирус "бомж"- он просто роется в корзине.

- Доктор, у меня грипп, что вы мне посоветуете?
- Встаньте от меня подальше.

---

• Предыдущий выпуск - № 214 | Библиотека Сайтостроительства - новости, статьи, обзоры

• Обсудить этот выпуск рассылки можно в спецтопике нашего форума

Предложение авторам: Если вы хотите публиковаться, если вы хотите, чтобы ваше имя стало более известным, а ваш сайт - более посещаемым - присылайте ваши статьи о веб-дизайне, компьютерной графике, методах раскрутки сайтов, технологии флеш и на другие темы, имеющие отношение к Сайтостроительству, редактору раздела.

---

::: рассылку ведет:     Татьяна Вукс      http://www.i2r.ru     2006 :::