Video

http://htmlcheap.com/work/artem/drivemeporn.com/video.html

Я бы вообще запретил использовать тэг <div> для создания структуры, а в остальных случаях требовал бы аргументов зачем он конкретно здесь.

80% трафика мобилы! Это нужно распечатать и повесить на стену перед каждым дизайнером и верстальщиком. Нужно обязательно тестировать верстку в целевых браузерах, особенно в таких капризных как uc browser или опера мини. Кроме того еще рано сбрасывать со счетов ublock origin и совсем не стоит adblocker.

Ссылки расположенные слишком близко друг к другу. Человеку с не самыми изящными пальцами (а именно такие и составляют большую часть ЦА, и это нужно помнить тем кто занимается UX) кликать будет не просто.

padding поможет, но я бы начал с тумб в одну колонку. И вообще больше свободного места, больше акцентов. Времена экранов с разрешением осциллографа ушли вместе с дсл модемами.

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

2. Списки лучше делать списками.

Гугл любит списки и нет никаких проблем сделать список csv, если так захотел дизайнер.

ul.csv {
    list-style: none;
    padding-inline-start: 0;
    margin-bottom: 0;
}
.csv li {
    display: inline;
}
.csv li + li:before {
    content: ", ";
}

Весь блок с тэгами лучше опустить под категории, а продолжительность сделать рядом с датой загрузки.

3. Здесь просто никто не смотрел сайт на мобиле. А если смотрел, то либо не увидел, либо все видел, но забил.

Если блок имеет класс .video-action (вопрос на засыпку: почему в единственном числе?), то ничего кроме этих action туда пихать не стоит. Кнопки нужно сделать в одной строке, а мета-данные в другой. Кнопки в данном и всех аналогичных случаях лучше делать в тэге <button>.

Зачем на прямоугольном экране под прямоугольным видео круглые кнопки?

4. Законы конечно соблюдать надо, но у нас конкурс не юристов, а сеошников.

Поэтому такие тексты лучше добавлять скриптом на клиенте, а в разметку вставлять сео-текст, который в этом месте очень важен. Стоит также упомянуть что пихать сео-текст в тег <footer> не стоит.

А еще тут не хватает навигации, хотя бы такой же как в шапке. Представим себе сценарий, когда пользователь докрутил эту страницу до конца и ничего не кликнул. Вы правда хотите предложить ему здесь только ссылки на NetNanny и CyberSitter?

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

Зачем тащить на клиент целый шрифт ради пары иконок? Юникод отменили?

Video

Report Page