xzarxzes

http://en.wikipedia.org/wiki/Rollover_(web_design) Не понимаю зачем в htmlbook переводить это на русский, я имею ввиду "перекатывание".

Задать стили для ссылки display: inline-block и line-height: высота родителя. А если вам надо именно чтобы при наведении на <li> менялся текст на белый то li:hover a {color: white }, хотя я не вижу в этом смысла. http://jsfiddle.net/xzarxzes/VWEDc/

Ну в крайнем случае можно заменить img на див и указать бэкграундом картинку. upd: еще можно сделать какую нибудь обертку которая будет обрезать края http://jsfiddle.net/xzarxzes/V3gZ9/

Эта рамка обычно появляется когда у изображения не указан src, попробуйте указать img {content: " ";} http://jsfiddle.net/xzarxzes/V3gZ9/ upd: А нет так не получится, тогда самого изображения не будет

Вот пару скриншотов хром убунту: http://fast-ridge-4308.herokuapp.com/sc1.png, http://fast-ridge-4308.herokuapp.com/sc2.png. В css много раз видел position: absolute вместе с display: block. Клирфиксы делать отдельными дивами по мне так это ретро. Section используются где только можно, без заголовков, даже видел один section просто для какого то разделителя с картинкой. upd: http://fast-ridge-4308.herokuapp.com/sc3.png, http://fast-ridge-4308.herokuapp.com/sc4.png

http://jsfiddle.net/xzarxzes/T2ch5/

Думаю что article вокруг параграфа тут лишний. Для дат и времени есть теги time

Мне кажется что есть люди которые в общем то, и не хотят, и не планируют изучать "весь html и css на свете", и для них проще всего воспользоваться наборов готовых решений, который кто то написал за них, тот кто разбирается в вопросе. Лично я пока что особо не изучал css фреймворки, но в дальнейшем я собираюсь непременно уделить им внимание, помимо множества готовых решений которые как я уже говорил написаны талантливыми веб разработчиками, это как мне кажется еще и неплохая "платформа для самообучения", так как там можно "подсмотреть много хорошего кода". И если не нравятся классы в html то для этого есть препроцессоры, которые в совокупности с фреймворком дают отличный результат и в разы ускоряют работу. upd: А "говнокод" всегда был и будет, и причина тут вовсе не в фреймворках.

http://jsfiddle.net/xzarxzes/SFJAp/. upd: Но мне тоже кажется, что здесь не стоит заморачиваться, а сделать либо картинкой, либо h1 в него поместить a с картинкой бекганудом написать "simple creative" и задать text-indent -9999px

Еще интересно что <blockquote>, <details>, <fieldset>, <figure>, <td> считаются sectioning root и имеют вроде как свой внутренний outline и заголовки в них не отображаются в outline документа, и если сверстать что нибудь таблицей то заголовков не будет видно, если посмотреть в outliner'e, что лишний раз говорит о несемантичности табличной верстки.

Вообще-то оно так в теории, на практике с этим пока малость непонятно, редакторы обеих спек хором призывают быть с этим поосторожнее. Еще заголовки неудобно стилизовать. Если я правильно понял, то эта идея с заголовками введена для удобства "синдикации", так что может быть стоит придерживаться старой иерархии заголовков, а если контент в section или article предназначен для того чтобы размещать его на других сайтах то для этих целей лучше подойдет новая иерархия(section > h1), а то в противном случае получится что в section скажем заголовок h5 и это будет не вписываться в иерархию заголовков на сайте на котором будет размещаться этот sction, хотя с другой стороны вроде как section создает особый контекст и этот h5 будет иметь смысл только внутри этого sction. Или только article служит для "синдикации" ?

"class=chicken" если бы это был настоящий сайт то в div'ах бы помимо курицы были бы и какие нибудь другие блюда , так что стоит подумать о каком нибудь другом названии.

Ноль у альфа канала никому не нужен rgba(255,255,255,0.1), это можно записать вот так rgba(255,255,255,.1). UPD: еще у вас 12 ошибок после валидации, три с youtube'a http://validator.w3.org/check?uri=http%3A%2F%2Fmodmaker.ru%2Fsablon%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0 И кроме этого, как мне кажется вы не совсем правильно используете элементы section и article.

Может у вас фото сохранено не для веба, если залезть в свойства картинки там есть строчка Color represintation: uncalibrated, я сохранил картинку для веба и эта строчка исчезла, и картинка стала поярче и наверно еще лучше сконвертировать ее в srgb. http://postimg.org/image/8bdqwosof/

А почему, очень интересно? СЕО? Здесь верхний регистр относиться к стилистическому оформлению, следовательно лучше указывать это в стилях, нужно отделять представление страницы от содержания. Кроме того если вам понадобится эта строка в скриптах, то вам придется приводить ее к нижнему регистру или писать ее с капсом, что не совсем удобно. Так что это очень - очень плохо и так делать не надо. И еще к примеру если у вас ссылка написана капсом и она указывает на какую то страницу, то логично предположить что имя файла с этой страницей также должно быть написано капсом, а так выходит что у вас ABOUT US указывает на about_us.html, да и вообще навигация генерируется обычно на сервере и никто ее не будет писать в верхнем регистре чтобы она подобающим образом смотрелась в документе, я так думаю. А так конечно если имеешь дело со статичной страницей то может показаться, что это совсем и не важно, да и даже проще, просто взять и прописать все заглавными буквами.

http://jsfiddle.net/xzarxzes/LnyzN/

Если вы об этом "навигаторе", то можете задать padding-top http://postimg.org/image/6fl6k59j5/.

Не знаю, это какая то магия. Я на stackoverflow нашел http://stackoverflow.com/questions/6492027/css-transform-jagged-edges-in-chrome. UPD: вот этот баг https://code.google.com/p/chromium/issues/detail?id=36902, https://bugs.webkit.org/show_bug.cgi?id=39753

http://jsfiddle.net/xzarxzes/se2mL/ -webkit-backface-visibility: hidden;

На js судя по всему, http://game.molodost.bz/js/game_new.js?1

http://jsfiddle.net/xzarxzes/8Ggvc/

http://jsfiddle.net/xzarxzes/XnUY2/, это как вариант. Решение не кроссбраузерное и в ff не так работает ::after для td, как задумывалось. Я думаю что у вас таблица не тянется, так что можно просто поверх ячейки наложить картинку - линию.

Ну бред же написан... Зельдман, вроде как перестал защищать id.

Несколько статей в защиту id:. http://www.webdirections.org/blog/in-defense-of-the-humble-id-attribute/, http://web-standards.ru/articles/cargo-cult-css/, http://webknowledge.ru/slovo-v-zaschitu-selektorov-potomkov-i-id-elementov/ А это против: http://webknowledge.ru/id-atributy-i-semantika-dokumentov/

http://jsfiddle.net/xzarxzes/sKvmF/ Странно, что на jsfiddle все нормально, а когда переношу в документ - не срабатывает Ничего странного, элемент <script> надо размешать после остальных элементов в документе в данном случае, например перед </body>, или использовать window.onload. А вы как мне кажется ставите все в <head>, поэтому у вас и "не срабатывает", так как остальные элементы нужные сценарию еще не созданы.