xzarxzes

Можете попробовать написать html { -webkit-font-smoothing: antialiased; }, может поможет. Или указать это именно для тех элементов у которых эта проблема со шрифтом.

А у вас там transition на этом меню, или transform есть ?

У вас запятой нету после 'Open Sans', наверно поэтому он не понимает

Впринципе я на 100% не уверен на счет такой навигации, там сказанно что самого футера достаточно и что он вроде как сам по себе подразумивает навигацию, там так же говорится что это всего лишь необязательно делать nav в футере, так что это не критично если она у вас там будет. Но мне кажется что футер не самое подходящее место для главной навигации, даже если она дублирует навигацию сверху, которая главная, как в данном случае, думаю это излишне ставить там nav, можно было обойтись обычнм ul. В футре находится различная доп. информация - контакты, копирайт итд, а главная навигация, она же главная, и должна находится "на более видном месте". Это лишь мои соображения, и если я неправильно понял, то пусть меня кто нибудь поправит. upd: вот можно здесь еще почитать http://css-live.ru/articles/semanticheskaya-navigaciya-pri-pomoshhi-elementa-nav.html, также можно представить что кто то, кто использует скринридер зашел на ваш сайт, насколько мне известно скринридер будет делать акцент на главной навигации, в таком случае получится что он дважды будет обращать внимание на одну и ту же навигацию, сверху и в футере. Это также только лишь домыслы, я не особо представляю как пользуются скринридером.

Для футера не нужен nav http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-nav-element. Для дат есть time, и у вас transition срабатывает только в одну сторону. upd: Думаю в эмульяторе ff без скролла, потому что там нет вертикального скролла-бара справа, который есть в хроме

http://jsfiddle.net/7vYRV/ только у ul уберите padding: auto

Я так понял <content></content> это вы сами придумали, браузеры по дефолту тем элементам которых не знают ставят display: inline. Если вы откроете страницу с элементами footer, header в старом браузере то он их тоже будет отображать с display: inline.

http://www.youtube.com/watch?v=GIn5qJKU8VM. Да это предупреждение, но в вашем случае я бы обратил на него внимание. У вас нет ни одного заголовка на странице кроме h1, причем лично мне кажется что вот это должен быть заголовок а не span http://postimg.org/image/v2qqfkh5j/, тут конечно дело ваше что делать заголовком а что нет, но это все таки очень похоже именно на загловок.

Зачем у вас float: right; и position: absolute; right: 0; у навигации. Все заголовки у вас h1 и они находятся в div'ах, об этом я узнал из валидатора. Еще мне показалась подозрительной кнопка "read more", в слайдере, думаю что можно было и обойтись без обертки div.button вокруг нее. И вот что случается если в какой-нибудь из параграфов добавить текста http://postimg.org/image/mwmltptt7/.Про float и текст посмотрю. Валидацию проверила каждой страницы и CSS. Единственные ошибки которые показывает это то что я не ставлю alt у изображений. Ни в одном месте я не нашла что бы отдельно h1 был обернут в Div. Единственное что возможно стоило заменить див на article, так как в див завернуто название и текст к нему относящийся.Про кнопку на слайдере, она была в макете. Обернута в див что бы ее визуально изменить из ссылки Про кнопку я не очень понял что вы имеете ввиду. Вот две кнопки, одна ваша с div.button вокруг нее, а одна без http://jsfiddle.net/xzarxzes/jSeuG/1/. Валидатор

Зачем у вас float: right; и position: absolute; right: 0; у навигации. Все заголовки у вас h1 и они находятся в div'ах, об этом я узнал из валидатора. Еще мне показалась подозрительной кнопка "read more", в слайдере, думаю что можно было и обойтись без обертки div.button вокруг нее. И вот что случается если в какой-нибудь из параграфов добавить текста http://postimg.org/image/mwmltptt7/.

PC версия сафари не обноавляется, там стоит версия браузера которая была сделана в 2012 году http://www.iphones.ru/iNotes/236992.

полоску да, не сложно, просто что делать если много фонов, в дивы фонами вставлять или что, вот что не понятно, а полоска да градиентом можно http://jsfiddle.net/xzarxzes/YAmxL/

deleted

Может предикат, http://ru.wikipedia.org/wiki/%D0%9F%D1%80%D0%B5%D0%B4%D0%B8%D0%BA%D0%B0%D1%82. Если товаров в корзине много то функция возращает true, если мало то false, и в зависимости от того что она возвращает выполняется какое либо условие, обычно такие функции называют с приствкой is - isScroll. Если конечно я вас правильно понял upd: а декоратор это вроде как паттерн ооп http://learn.javascript.ru/decorators

Вот почему div. Почему не section, article ? http://habrahabr.ru/post/124993/, https://vimeo.com/25823931

Обернуть в div, внутри футера надо сделать div контейнер

Да.. есть такое. Только я думаю что для тега footer я не смог бы пободрать нужных тегов из набора html5 <footer class="footer"> <section class="footer-section"> <article class="copyright">Fiesta-Viva.by 2014</article> <article class="address">Адрес: г.Брест ул.Карьерная 12</article> <article class="time">Время работы: 9:00 - 20:00 Без выходных</article> </section></footer>Преположим переделать этот блок. В таком варианте мы заменяем абзацовый тег article на тот же абзац p <footer class="footer"> <section class="footer-section"> <p class="copyright">Fiesta-Viva.by 2014</p> <p class="address">Адрес: г.Брест ул.Карьерная 12</p> <p class="time">Время работы: 9:00 - 20:00 Без выходных</p> </section></footer>Но не решенный варинат становится с .footer-section <footer class="footer"> <small class="copyright">Fiesta-Viva.by 2014</small> <span class="address">Адрес: г.Брест ул.Карьерная 12</span> <span class="time">Время работы: 9:00 - 20:00 Без выходных</span></footer>Ну допустим так, но можно сделать еще лучше использую микродату http://schema.org/address, http://schema.org/openingHours

Спасибо, я ждал этого вопроса. Да я решил заменить их всех на section. Только правда не понимаю, правильно ли я делаю. Валидатор конечно ругается что нету заголовочных тегов. Тут та я и решил поинтересоваться у вас, может знает кто как задобрить валидатор с этой ошибкой. Позже обновлю шапку темы, и приложу ошибки и предупреждения с валидатора. Лично мне кажется, вы решили сверстать на 100% html 5, не зная тольком что означают эти новые теги. Вы либо верстайте дивами, либо разберитесь оснавательно для чего нужны article, section итд.

А вы заголовками не пользуетесь, вы решили все div заменить на section ?

есть готовый скелет сайта. но все открывается в ромбиках. как там заменить все на текст я понятия не имею(( Надо написать <meta charset="utf-8"> между тегами <head> и </head>

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ А вообще media query советуют устанавливать, ориентируясь не на размеры экранов устройств, а когда ломается дизайн, тогда и ставить брейкпоинт. upd: элемент address используется для указания ссылки на создателя сайта, или автора статьи, а не как обертка для любого адреса который присутствует на странице http://www.w3.org/html/wg/drafts/html/master/sections.html#the-address-element.

Там есть responsive design view, в инструментах разработчика "ctrl + shift + m"

http://jsfiddle.net/xzarxzes/Q5ZSb/ Вот вам остается только картинки выровнять

А зачем вам именно ширину анимировать, вам просто передвинуть background разве не подойдет ? http://jsfiddle.net/xzarxzes/fJ4r9/. Или позицию элемента http://jsfiddle.net/xzarxzes/FrNvB/.

Для копирайта лучше всего подходит элемент small И после валидации много ошибок. Наверно в вордпрессе можно заменить амперсанды на & в путях к картинкам. Еще я бы обернул ссылку "Создание и продвижение сайта" в address, так как это ссылка на создателя сайта.