Viper

можно, но в IE7-9 будет НЕ плавно, пример: _http://jsfiddle.net/webviper/cuTN6/4/

Это можно осуществить и без js(с помощью hover'а), вот пример: _http://jsfiddle.net/webviper/cuTN6/2/

не получилось( уберите position:absolute;

_http://www.xiper.net/learn/tegofenshuj/headings-in-html.html

tabindex="-1" Или сделать этот "плюсик" тегом без дефолтного выделения табом.

1. lang="en"?) 2. Заголовок сайта сделал бы как: <hgroup> <a href=""> <h1>Fogged Blog</h1> </a> <h2>Записная книжка online</h2> </hgroup> ИМХО 3. тип поля ввода Email можно поставить соответствующий 4. дата статьи в теге <small>, код в статье поместил в таблицу... 5. заголовок новости и блок "node-meta" поместил бы в тег Header 6. применять тег <strong> для, просто, выделения текста жирным(что бы пользователь обратил внимание) считаю плохим тоном...ИМХО. Для этих целей более целесообразно применять тег <b> 7. заметил частое применение !important. Предпочитаю максимально минимизировать его применение 8. иконка вопроса(там где код в статье описан) состоит из 3-х тегов: DIV, SPAN и A. Хотя можно было бы обойтись и одним - A, если там ничего не предвидится.

В названиях? Рекомендуеться давать семантические(логические) название, которые показывали б "что делает элемент", "для чего он", "его назначение", а НЕ "как он выглядит" или "где он находиться"(left, top...). Потому-что любой элемент может изменить свое положение(был слева - стал справа), внешний вид(цвет, размер, тд...). Подобные рекомендации упрощают поддержку кода и, например, ре-дизайн.

Бордеры вы перекриваете другими блоками. Например, первый блок(в стилях) имеет визуальные размеры 302х302 и, соответственно, соседний блок нужно двигать на top: 302, left: 302 и тд... Бордер НЕ входит в значение width и height

Можно. Если устраивают всех, кто будет работать над проектом, то проблем не будет.

сложно вас понимать... Если не удачно переделаете, то поломаете верстку. Лучше пробывать на копии/тестовом. Почитайте статьи, попрактикуйте... что именно?

хАрош Аптимизатор..., любопытно было бы услышать его аргументы. Но в любом случае, сайт ваш, хотите оставить таблицы - оставляйте. Не добавить, а сделать заголовки с помощью тегов h1-h6. При этом продумать их структуру(h1 - один на странице).

Абсолют требует задания чётких размеров элементу, при увеличении контента внутри, он не растягиваеться. Пример - мульти-язычный сайт. С сайтом на абсолютах намного сложнее работать/изменять, например, через 2 года захотят сделать ре-дизайн и вспомнят вас... Абсолют без необходимости - это плохой тон, эгоизм и отражение ваших вавыков. , тоже интересно... можете привести пример? П.С. Есть еще работодатели, которые не требуют HTML5/CSS3? Общее впечатление по коду: вас абсолютно не волнует семантика, структура, логичность кода, его дальнейшая поддержка и вы приделяете мало внимания оптимизации/быстродействию... Уровень перспективного, но очень упертого junior'а)

Chrome 1. пункты меня в выпадаюем списке "дёргаються" при наведении 2. дата и время: выглядит не очень, ИМХО. Я бы либо убрал курсив, либо сделал шрифт больше 3. с ссылками у вас вовсе беспорядок... 4. хинт в поле поиска изчезает после первого фокуса. 5. табличная верстка, инлайновые стили/атрибуты, устаревная модель верстки... 6. не нашел заголовков 7. не приятная капча, лично для меня

1. Не использовать закругления и тени для устаревших браузеров - graceful degradation. Пожалей ослика и пользователей, которые на нем сидят - им не до этого... 2. использовать фикс PIE.htc - _http://css3pie.com/ 3. написать хак на VML для ИЕ и/или фильтры для теней. 4. с помощью фоновых изображений. 5. с помощью js(есть плагины на jQuery, например, и других библиотеках) http://habrahabr.ru/post/30019/ - сборка статей о закругленных уголках.

Я, например, тоже закрываю всегда теги. И не собираюсь в ближайшее время это менять. Для меня такой код проще и быстрее читать, находить/видеть ошибки... Хоть и по большей части мне просто так больше нравиться, как и многим другим... ИМХО)

Эта валидация входит в состав плагина Web Developer. При установки "голого" FF её нету. Вам нужно, что бы эта валидация совсем не работала? Или достаточно, что бы она не отображалась/не была видна? Там нету такой возможности... Или её уж очень хорошо запрятали... Есть вариант: в настройках выставить отображение - Только текст. Валидация останеться, но она не будет видна, не будет мулять глаза)

Вы отключили все плагины, перезагрузили, а он все равно отображаеться? Можете предоставить скрин с отключенными всеми плагинами?

У меня этот валидатор входит в панель Web Developer(плагин), отключение её или этого плагина отключает и валидатор. Но отдельно как отключить/скрыть на этой панели валидатор, я не нашел... П.С. И, насколько я помню, он не стоит по умолчанию на "голом" FF

Да, любой тег может заменить любое количество <br />, даже сам <br /> CSS рулит

По поводу семантики: 1. спец. цену выделил бы тегом <b>, зачеркнутую - тегом <del>, а не параграфом, ИМХО. 2. тип поля поиска можно было бы поставить search. 3. копирайт поместил бы в тег <small>, ИМХО. Не касающиеся семантики: 1. hover на ссылке "Details" срабатывает не только при наведении на неё или изображение(например, при наведении на цену). 2. значёк копирайта у меня отображаеться как неведомый символ... 3. кнопка поиска у меня(Chrome) сдвинута вниз - не по центру. 4. показалась не удобной навигация у слайдера: нету возможности перейти с первого слайда на последний и не понятно сколько всего слайдов, ИМХО. Меня почему-то задело... П.С. сомневаюсь в правильности применения тега <section>... Хотелось бы услышать и мнение других по этому поводу.

del

А в чем разница между 5-м и 7-м пунктами? По сути, в 5-м вы и описали минификацию...

Потому-что вы их не правильно пишите, по теме. Правильно: <!­­--[if IE]> бла, бла, бла... <![endif]-->

"фича-открытие"? )) Раз будет не очень, то зачем предлагаете? И как ваши пункты могут добавить интерактивности(хоть чуть-чуть)?

Да, тег <b> остался презентационнным, но в тоже время он несет некую семантическую составляющую. Именно поэтому текст в теге <b> не как не выделяеться голосом и на нем не делаеться акцент особой значимости. Семантика этого тега заключаеться в следующем: он служит для визуального выделения определенного участка текста для того, что бы пользователь обратил на него внимание. То есть, он придает смысл этому тексту - мы логически выделяем его для того, что бы пользователь запомнил его, приостановил взгляд на нем, при чтении, а это и называеться семантикой(код несет смысловую нагрузку). Не всегда, например, жирному тексту мы придаем такой смысл. "<em> — обозначал выделение, а сейчас обозначает экспрессивно-эмоциональное выделение, т.е. слово или фразу, произнесённые иначе" (web-standards.ru). То есть, он не подходит для текста, который мы хотим только визуально выделить(что бы пользователь обратил на него больше внимание) без задания ему особого значения с помощью, например, голосового акцентирования на нем. <em> не просто говорит: "Я важный текст, обрати внимание", он акцентирует на нем особое внимание, изменяет голос/акцент при его чтении. Что не нужно в данном случае. Под ваше определение больше подходит тег <b>. Еще одно обьснение: Changes in HTML5 Although previous versions of HTML defined the b element only in presentational terms, the element has now been given the specific semantic purpose of representing text “offset from its surrounding content without conveying any extra emphasis or importance, and for which the conventional typographic presentation is bold text”. П.С. Советую вам прочитать статьи, что я выше предоставлял. И попытаться понять тот смысл, который там пытались донести.