CSS Naked Day в поддержку веб-стандартов

What happened to the design?

To know more about why styles are disabled on this website visit the Annual CSS Naked Day website for more information.

Уважаемые посетители! Не пугайтесь. У меня не слетели стили, этот блог не поломался и злые хакеры здесь не при чём. У этого блога (впрочем, как и у родительского сайта) просто отключена таблица стилей. Не случайно, не в следствии ошибки – это, господа, акция такая :) , подробности которой вы можете прочитать на CSS Naked Day. С целью поддержать веб стандарты. Незамысловато и просто. “This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good ‘ol play on words.

Когда-нибудь, если ситуация сложится, опубликую пример кода отвёрстанного канадскими верстальщиками веб-сайта, как живую иллюстрацию полного непонимания сути семантики, как пример того самого “абы как, главное, чтобы отображалось КАК НА ЭСКИЗЕ”. Зато при этом с гордостью – мы верстаем, типа, безтабличной вёрсткой. Нафига она нужна такая безграмотная безтабличная, даже сами объяснить не могут, что-то типа “сейчас так модно”. И при этом – опять те же заголовки (по логике документа) не тегом H*, а (в лучшем случае) спаном с классом, описанным в .css, в худшем – тегом font с атрибутами. И при этом хорошо, если классы используются, а чаще уважаемые канадские верстальщики юзают идентификаторы, причём ID с одним именем используется двадцать пять раз в одном документе (!), и очень смешно выходит у наших программеров: у них редактор настроен с включенной валидацией всего, что только можно, в том чисте включен чекбокс, не допускающий дублирования имён идентификаторов (что очень удобно на больших проектах, где задействовано много программеров – без шансов даже случайно задать имя, уже назначенное какому-то объекту), и в случае, если открывается документ, в котором несколько идентификаторов с одинаковым именем, то OPS! это имя остаётся только у одного объекта, у остальных автозаменяется на что-то типа Div1, Div2 etc.

Сейчас у нас, а вернее у них там очередная реорганизация структуры власти, сплошные митинги и прочие перспективные мероприятия. К примеру, уволили того арт-директора, о котором я немного писала в заметке про офисное дизайнерское и удалённый (в смысле отдалённо находящийся, а не убитый) офис, кажется, с формулировкой “за отвратительный менеджмент”, т.е. не только меня беспокоило то, что работа налажена отвратно и поправить что-то не получается. Новый же канадский арт-директор (а, вернее, “временно замещающий обязанности”, но мы же знаем, что не бывает ничего более постоянного, чем временное) – в прошлом так же как и я, на все руки мастер, сам себе художник, фотограф, верстальщик, программер, оптимизатор и промоутер, кажется, сам большой поклонник веб-стандартов и семантик вёрстки (обнаружилась его homepage, из которой получилось много чего узнать про потенциально постоянного партнёра). Говорят, устроил в канадском дизайнерском отделе нагоняй (за их “дивную вёрстку” в том числе) и объявил, что будет проводить им еженедельные обучающие мастерклассы. Ну да, знакомо :)

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

UPD0: В блоге Юрия “akella” Артюха, на котором тоже отключены стили, нашла список так же участвующих в акции :)

UPD1: Вот по аське сделали замечание, что стоит попиарить сайт с веб-стандартами WSG (кстати интересно – не было единого мнения, где живут? *Russia 140* + Russian Federation 11*; а Ukraine при всём при этом – 32 зарегестрированных участника) и классику жанра – Zen Garden.

UPD2: А вот ещё на блоге visualstyle как-то не так давно (точная дата — 19 марта) мелькнула подобная идея, поверхностная реализация, фончики-цвета-цветочки. Мелькнула и пропала, и даже не обсуждалась, наверное, уважаемый soulskeeper думает, что блог никто не видит – не читает :) А мы всё видим.


No related posts

RSS feed | Trackback URI

14 Comments »

Comment by Fenrir
2008-04-09 12:37:46

Мне, что ли, на своей заглушке CSS Naked Day устроить? :)

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

 
Comment by nundesign
2008-04-09 12:50:21

Это так сформирован в последней версии (а вернее в 2.3.3) блок для меток в виджете, уже не стала лазить в код и править что-то где-то не в wp-content->themes. В первых версиях много правила, но потом что-то не записывала и оно забывалось, что-то лениво править из апдейта в апдейт, и верное было замечание у кого-то из продвинутых WP-шников, оформление блога надо менять так, чтобы при апдейте версии wordpress было достаточно заменить схему на свою.

 
2008-04-09 12:59:05

[...] NunDesign [...]

 
Comment by tigra_kiev
2008-04-09 13:03:39

вот тут то мы и видим, что при ьабличной верстке сайт смотрелся бы в разы лучше ;-)

Comment by Fenrir
2008-04-09 13:05:38

Чем лучше? Да еще в разы?

Comment by tigra_kiev
2008-04-09 14:59:58

простыню блоков после комментариев вы считаете нормальной?
таблица позволила бы сохранить более-менее человеческий вид страницы.

Comment by nundesign
2008-04-09 15:05:45

Тигра, так “нормально” в любом случае относительное понятие. “простыня блоков” после комментариев – это всё блоки со вторичной навигацией, т.е. они и в самом деле вполне могут быть опущены вниз, под комментарии, почему нет?

Comment by tigra_kiev
2008-04-09 15:32:13

эти блоки почему-то находятся внутри таблицы ;-)
не хочу разводить полемику, т.к. всё уже пережевано триста раз, плюс я старомоден

 
 
 
 
Comment by nundesign
2008-04-09 13:10:10

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

Comment by tigra_kiev
2008-04-09 15:06:57

понятно что разная. всё можно сделать как правильно так и криво.
я наверное старомоден, но для каркаса мне таблица больше нравится. боже упаси спорить с кем-то по поводу css :-)

Comment by nundesign
2008-04-09 15:33:03

Точно, старомоден. Нужно немного терпения (знаний много не нужно, все велосипеды давно уже известны и описаны) и навыки, примерно, как со слепым набором текста. Хотя не скажу, что любой прелюбой макет возьмусь отверстать без табличного каркаса, но ведь семантик вёрстка – это даже не исключение таблиц из макета, это скорее логика каждого используемого тега.

Comment by Scratch
2008-04-10 19:24:15

Да, многие почему-то считают “семантическую верстку” просто версткой без таблиц. Когда один из заказчиков увидел таблицу (да, сематническую таблицу, фактически — прайс-лист) сверстанную тегом table, он пришел в ужас…
Пришлось верстать дивами, потому что заказчик “платит деньги и поэтому всегда прав”.

А то что получился не очень структурированный код — именно потому что понадобились заглушки и “хаки” для этой таблицы… Так кому какое дело? Зато — используется верстка Дивами :)

 
 
 
 
 
2008-04-09 22:52:55

эх, куда народ туда и урод -)
мой вообще страшно дико смотрися без CSS. -(
покрайней мере не юзабильно абсолютно.
будем исправляться.

приятно что у двух человек из своего RSS списка “френдов” увидел такую штку.

а если честно, сначала машинально испугался..когда зашел! -)

2008-04-09 22:53:39

//эх, куда народ туда и урод -)
имеелось ввиду что мну тоже подключился -)

 
 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.