Код Медведева

[dolboed]

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

Если взглянуть на дизайн страниц личного президентского сайта, то своей строгой простотой он навевает воспоминания о 90-х годах минувшего столетия. При этом в исходниках наворочено такого муторного и бесполезного CSS, с повторяющимся как заклинание рефреном <div class="clear">&nbsp;</div>, что живой человек такой галиматьи никогда не напишет, зато WYSIWYG-редакторы этим мусором славны. На машинную генерацию указывает и такая строчка в сорсе заглавной страницы:

<p class="comment">Из&nbsp;книги Николая и&nbsp;Марины Сванидзе &laquo;Медведев&raquo;</p>

При этом в шаблоне внутренних страниц сплошь и рядом попадаются закомментированные фрагменты HTML-кода. Например, вот такое эзотерическое послание:

В пользу версии о президентском авторстве кода говорит и отсутствие подписей к картинкам на сайте.
Вебмастер, работающий за зарплату, непременно бы вписал их. Или, по крайней мере, убрал бы из атрибутов картинки нелепое alt="" и добавил бы осмысленные атрибуты width и height. А у президента просто не было времени вникать в эти тонкости, равно как и подписывать каждую картинку. И, сознавая несовершенство своего ученического творения, самый высокопоставленный российский кодер скромно оставил своё творение неподписанным.

Update: знающие люди подсказали, что необъяснимые вставки &nbsp; в странных местах — следствие работы программы «Типограф»
Одной загадкой меньше.

Comments

[gsv123.livejournal.com]

Ну так он же тут сетовал что все никак не сделают нормальные сайты для гос структур, вот видимо решил подать пример, HTML подучить :))
Кстати, судя по тому что сейчас до него и не достучаться, то и хостает он его у себя на лаптопе :)

[catbegemot.livejournal.com]

Заслэшдотили :(

[besisland.livejournal.com]

<div class="clear">&nbsp;</div> скорее говорит нам о том, что страницу верстал живой человек, слышавший о так называемой семантической вёрстке, но ещё не до конца понявший, что это такое и зачем нужно.

Строчка с   и » указывает на то, что вебмастер не поленился вставить на сайт программу в десять строчек (http://www.artlebedev.ru/tools/typograf/), которая во введённый текст добавляет неразрывные пробелы и исправляет "псевдокавычки" на кавычки «грамотные» (чего до сих пор нет, например, на «Ленте.ру»).

Работающий за зарплату вебмастер читает специализированную литературу, такую, например, как технические спецификации «Консорциума „Всемирной паутины“», и поэтому знает, что атрибут alt у картинок является обязательным; и, возможно, даже понимает, почему.

[dolboeb.livejournal.com]

Если там всё верстается программным способом, откуда взяться закомментированным фрагментам кода?

[olegcheb.livejournal.com]

Иду по Москве я
горд я и рад
Дмитрий Медведев
принимает парад,
в те же минуты,
во дворце, во Тбилиси,
мажет наркотиком
голые сиси
раб сэшэа,
озорной мишико,
стыдно ему
показать нам лицо
галстук жует,
песни поет,
знает, что скоро,
конец его ждет

[petja1939.livejournal.com]

Гыы прикольно.

[besisland.livejournal.com]

Интересно, что в то же время в исходном коде bfm.ru можно найти всё то же самое: сплошь и рядом муторный и бесполезный «Джаваскрипт» (привет, девяностые!), обилие пробелов указывает на то, что код создаётся автоматическими средствами, рефреном встречается <div class="clr"></div> и даже — о ужас! — попадаются закомментированные куски кода:

<!--<div class="b-misstake-login" style="display:none;">
	<span>логин не существует</span>
	<div class="arrow"></div>
</div>-->

[dolboeb.livejournal.com]

Джаваскрипт там вполне рабочий.

[c4e8ece0.livejournal.com]

Вот за это верстальщики/программисты/дизайнеры менеджеров и ненавидят. Нихуя не знают, но поучить непременно должны.

[dolboeb.livejournal.com]

Научить можно только того, кому достало мозгов хотеть учиться.

Учить того, кто считает себя умнее всех, - пустая трата времени.

[alex770jj.livejournal.com]

то есть в стране работает все тот-же раб на галерах, а у этого времени хватает писать в html, не верю, скорее плохой работник у них или бродягу наняли, и платят ему соответтующе

[dvv7.livejournal.com]

Я тоже обратил внимание

Структура похожа на http://www.whitehouse.gov/
Те же три колонки. Тот же рубрикатор внизу. Да и бело-синие цвета туда же.

На мой взгляд, проигнорированы аспекты государственности: "Президент России" не в центре, могли бы вспомнить про и персональный штандарт/атрибутику Президента России, таковая имеется.
Напротив "Президент России" справа болтается какой-то непонятный Eng (который ведет к совершенно другому сайту, явно автоматически сгенерированному), но самое важное, это что государственный язык, они бы еще флаг туда Британский или Американский поставили напротив "Президент России"...
http://ivand.livejournal.com/1163646.html?thread=10170750#t10170750

-- В пользу версии о президентском авторстве кода говорит и отсутствие подписей к картинкам на сайте.

Кстати, это так. На сайте Белого Дома все фотографии подписаны именами фотографов и датой.

Я тоже глянул в исходник HTML и тоже нашел его странным--полным непонятного CSS на такой, довольно простого стиля странице.

[borsch.livejournal.com]

Кремль. Вебмастер на зарплату. Это сразу alt=""

[uncle-smith.livejournal.com]

Вполне хороший сайт. Простой, без лишнего, фотоальбомы неплохо сделанны. Можно конечно и получше было сделать, но вобшем это можно про любой сайт сказать.

[g-bolotoff.livejournal.com]

DTD XHTML 1.0 Strict
оля-ля!

[ultybc.livejournal.com]

This document was successfully checked as XHTML 1.0 Strict!
Так что все нормально в правительстве с кодерами. bfm.ru даже transitional не прокатил.

[dark-barker.livejournal.com]

Ну а что такого, сайт как сайт. Не шедевр, но видали и похуже.

[nadzeyka.livejournal.com]

* Россия * Государство * Медведев * События * Блог * Письма * Кремль * Детям

Хороший такой логичесский ряд получается!
Сколько всего оказывается детям даётся то!

[penguin-ru.livejournal.com]

Это называется "высосать из пальца".

[ign.livejournal.com]

Я вообще не очень понял, что делает личный сайт какого-то Медведева на сервере kremlin.ru?

[sun-u-kung.livejournal.com]

а что вообще делает какой-то Медведев в Кремле ?

[aazz.livejournal.com]

Нормальный симпатичный сайт, покрасивее многих.

[ohtori.livejournal.com]

+1
UPD: но, кстате.
Если нажать на "Кремль", откроется http://tours.kremlin.ru/articles/kremlin.shtml
А оттуда если нажать на "Россия" - http://state.kremlin.ru/regions - "404: Страница не найдена"
Из Кремля Россия не видна! :-)

[catbegemot.livejournal.com]

Кстати, может я не туда смотрю, но вроде поправили сайт?

[davebrudeck.livejournal.com]

Нормальный сайт, просто и понятно. А что там в коде мне не интересно. Гораздо интереснее личные фото работы Медведева :)))))

[natalie-elm-str.livejournal.com]

Весьма средненько, кстати.

[besouhoff.livejournal.com]

Сайт говно, чтобы кто не говорил. И по дизайну, и по оформлению и по насыщению. Я уже не говорю про эти закругленные рамки внизу фотографий, отсутствие документов пдф, документы в разделе "документы" появляются не сразу, а через неделю. Фотография стало побольше, но все равно значительно меньше, чем на сайтах других глав государств, особенно США.

Надо было заказывать у иностранной конторы сайт, ну а работники администрации Медведева, как всегда зассали и попросили все сделать своих тупых программеров. Получился кал.
Если бы делал Тема, то нужно было бы у него заказывать, но для политиков не делает, а заказывать у западных контор жалко денег, да и гонор не позволяет. Ну, как же это мы, закажем в Америке или Англии? Придурки.

Но вот что мне действительно насторожило, так это вот это:
http://medvedev.kremlin.ru/ (правая верхняя фотография имеет яблоко на компе)

А на этой его нет:
http://medvedev.kremlin.ru/photoalbum?page=13
http://news.kremlin.ru/media/events/photos/big/41d2a108f2c21c15ac55.jpg

Потерли яблоко, как рекламу Эппла. Это клиника.

Еще вот эта страница отжигает: http://www.kremlin.ru/acts
Все ссылки там подчеркнуты еще до направления на них курсора мыши. Клинический пиздец.

[webchillout.livejournal.com]

То, что ссылки подчеркнуты - это не клинический пиздец, а совершенно разумное решение.

Действительно, из пальца высосано

[kerbcrawler.livejournal.com]

<p class="comment">Изкниги Николая иМарины Сванидзе Медведев</p>

Данная строчка говорит об использовании лебедевского «Типографа».

Re: Действительно, из пальца высосано

[sapegin.livejournal.com]

Как минимум о заботе о читателе. Пробелы и кавычки ведь и вручную поставить можно.

на личном опыте

[pin-dos.livejournal.com]

я расскажу как в госконторах сайты делаются. например мвд:
вызавает полковник своего зама
- нет у тебя толкового капитана, сайт президенту сделать?

Re: на личном опыте

[dispozabl.livejournal.com]

Пиздеж.

[ninja-127.livejournal.com]

<div class="clear" > </div> стнандартная инструкция для исправления haslayout проблем в IE при float'ах
Работает стабильнее чем вариант <br class="clear" />

Строчка о p class="comment" говорит об использовании Лебедевского типографа.
Проявления дурного тона там есть, но в рамках допустимого.
Закомментированный код — тоже абсолютно обычное и нормальное явление.
Вообще, откройте код вашего bfm.ru: там «кривизны» такого рода не меньше.

[jenyelkind.livejournal.com]

Лишнее совершенно. В таких случаях в следующем диве просто пишется clear:both или lft/right

[besouhoff.livejournal.com]

Кто там пишет на это сайте? Мудаки и неудачники. Все, кто умеет делать сайты, работают не в администрации Медведева, а в Студии Лебедева.

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

[fasdog.livejournal.com]

Думаю вам, как гуру верстки, будет интересно узнать что:

http://validator.w3.org/check?uri=http%3A%2F%2Fmedvedev.kremlin.ru%2F&charset=(detect+automatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bfm.ru%2F&charset=(detect+automatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654

[dolboeb.livejournal.com]

Проверьте заодно Microsoft: больше 300 ошибок там (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.microsoft.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654).
А на этой странице ЖЖ, где мы с Вами успешно общаемся, 463 ошибки и 30 предупреждений (http://validator.w3.org/check?uri=http%3A%2F%2Fdolboeb.livejournal.com%2F1640818.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654).

Вообще-то меня один простой вопрос заинтересовал: как должен выглядеть процесс создания кода, чтобы получался такой результат. Потому что лично мне ответ неочевиден.

[pepelsbey.livejournal.com]

Антон Борисович, с точки зрения HTML-кода и качества изготовления сайта вы неправы.
Удивительно хорошая работа для государственного сайта. Говорю вам как специалист.

[dolboeb.livejournal.com]

Я не пытаюсь обсуждать "плохой/хороший". Слова "качество" не произносил вообще.
У меня к специалисту вопросы куда приземлённей, и выше я их задал.

Например:
1. что может заставить во фразе из 7 слов заменить два пробела из шести на &nbsp;?
2. зачем к каждой картинке делать принудительный пустой alt?
3. почему не указать ширину и высоту картинок?
4. в чём прикол никак не подписывать картинки в фотоальбоме?
5. на какой случай имеет смысл оставлять в исходнике процитированный выше блок div class=paging? чей труд пытался сэкономить человек, который закомментировал его вместо того, чтобы удалить?

Re: Код Медведева

[strekalov.livejournal.com]

Елки-палки, а я то думал, что это я только параноик! :)