zenw

Разве вот так: http://codepen.io/anon/pen/HuLjA не работает?

Вряд ли лучше.

Потому что ссылка не будет отправлять форму, а кнопка будет, даже при отключенном JS. Даже нажатием Enter, когда фокус находится в одном из полей, а не на самой кнопке. Можно все то же самое сделать через JS, но зачем усложнять?

А для чего, не понимаю?

Выражаю надежду, что ТС не забросит эту идею

Да, точно. Вот даже тот макет, который ТС верстал, гуглится легко (http://freebbble.com/2014/09/27/freebie-medium-like-template-psd/). Лучше публиковать превью макета за час до начала конкурса. Нарезку включить в учитываемое время - ведь зачем ее исключать? Это тоже рабочий процесс, и навыки работы с фотошопом имеют большое значение. К тому же я, например, нарезаю макет не заранее, а в процессе верстки, мне так удобнее. Вполне возможно, что некоторые тоже так делают.

Даже и не подумаешь, что по ней. Оно вообще ни разу не похоже.

Идея классная, но нужно продумать, как определять победителя, потому что качество верстки, соответствие макету и пр. тоже нужно учитывать. А видео лучше ускорять ровно в два (или даже в три) раза: смотрибельность почти не падает, читеров по-прежнему можно будет определять, зато смотреть веселее, гораздо. Музыку, правда, отдельно придется накладывать. ЗЫ. Название жуткое, конечно)

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

Заголовки статей (и картинки, с ними ассоциированные, желательно) должны быть ссылками, иначе как перейти на полную статью? Ну и аватар автора, как правило - ссылка на его страничку. "ПОДПИШИТЕСЬ НА РАССЫЛКУ РЕЦЕПТОВ И СОВЕТОВ" - ссылкой должно быть, наверное. Ну и отсутствие ховеров напрягает немного. И еще: http://joxi.ru/XmstVP3JTJAHTP6PWQc С адаптивностью есть некоторые проблемы, имхо. Вот: http://joxi.ru/w2gtVP3JTJBCXVJoaWw Здесь было бы логичнее, мне кажется, растягивать слайдер на всю ширину, а пункты меню, разнесенные на две строки, не очень симпатично смотрятся - стоит добавить white-space: nowrap. Меню, которое открывается по наведению, вообще в ширину не помещается. Далее, вот эта картинка внизу: http://joxi.ru/TWotVP3JTJBKXWBww68 на небольших экранах не совсем понятно, к чему она относится (на самом деле, к опросу? или нет?). Может быть, если это не указано в макете, нужно добавить разделитель перед ней? Или вообще скрывать?

Сейчас лучше, благодарю.

Вот, сверстал кое-что. Не идеально, конечно, да и всего одна страничка из трех, но все-таки. Не совсем адаптивный (хотя, в принципе, можно было сделать таковым). IE9+. При виде IE8 в ужасе разваливается, но восьмеркоюзеры уже привыкли к страданиям, так что не страшно. Критику приветствую. Макеты, если кому интересно: https://vk.com/mwlds?w=wall-57877578_2426 http://demos.zenwarr.ru/vk ЗЫ. Сорри за заголовок, написал в задумчивости, забыл изменить) Прошу модераторов исправить на что-нибудь более адекватное)

А это все имеет фиксированную ширину?

Как по мне, autoprefixer - лучший вариант, в случае с LESS или SASS можно забыть, что свойство нужно писать через миксин, плюс в SCSS (не SASS) и LESS это выглядит громоздко. Ну и к тому же autoprefixer проще настроить для поддержки именно тех браузеров, которые нужны, чтоб он не лепил все возможные префиксы + данные актуальны. А prepros тоже использует autoprefixer, так что, по сути, это просто удобный способ запуска программы, не более. Префиксы не только для осла нужны.

У меня, видимо, какой-то неправильный хром: все работает, ничего ничем не прокручивается, ни мышкой, ни клавиатурой. Вот. http://codepen.io/anon/pen/nqlru Что я делаю не так?

Ну, попробуйте переверстать, чтоб .right-sidebar находился внутри .container, сразу после .content2, и оберните оба этих блока (.right-sidebar и .content2) в div, добавьте ему clearfix, тогда наезжать точно не будет.

Ну, не то чтоб переписывает, но интерпретирует эти два варианта одинаково, судя по всему.

В чем косяк-то?

Ну, как я понял отсюда, в старых браузерах это работает потому что эти самые браузеры подстраиваются к ошибкам в HTML, например, пропущенным кавычкам, и нормально парсят, например, вот такое: <META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=ISO-8859-1>А это по сути, и есть meta charset.

Ни разу не знаток, но: meta charset срабатывает даже в старых ослах, вот здесь написано, что даже IE6: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Obsolete_things_to_avoid Там же советуют отказаться от Content-Type в пользу meta charset.

То же самое. http://hex2rgba.devoth.com/

Ну вот такой он, этот opacity - наследуется потомками, и перезаписать его для потомков не выйдет. Нужно так: http://jsfiddle.net/nw0ofks8/

Я имею в виду, что текст в логотипе (Солнцезащитные очки) было бы неплохо сделать именно текстом, и обернуть его в тег h1. И логотип, кстати, должен быть кликабельным, чтоб ссылка вела на главную сайта.

- нет ховеров на активных элементах (кнопках и ссылках) - если название у товаров становится чуть длиннее, то верстка блоков рассыпается: http://joxi.ru/SLwJVIwyTJDFAutgi7Q - названия товаров (как и их фото) тоже логичнее было бы сделать ссылками - семантика хромает - как минимум, заголовка, обернутого в h1, которого могла бы прочесть ПС, у сайта нет - адрес почты в шапке нужно сделать ссылкой - форма поиска неопрятно выглядит (firefox) http://joxi.ru/Yb0JVIwyTJDqAuVYbpk в хроме при щелчке на инпут появляется outline - html невалидный. Ну честное слово, лень было в валидаторе проверить?

input:-webkit-autofill { box-shadow: 0 0 0 1000px red inset;}https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete Вообще, это такая особенность (багофича) хрома, и стандартно (через background-color) поменять фон не выйдет, так что только так. Цвет текста при автодополнении тоже принудительно меняется на черный.