Есть ли какие нибудь недочеты по сверстанной странице?

Question

[AleninD]

Сайт, добрый вечер всем форумчанам. Оцените пожалуйста, насколько хорошо сверстана страница, и какие есть по ней недочеты(возможно что-то упустил). Заранее спасибо.

Answer 1

[Александр Смирнов]

При первом взгляде неплохо, но есть несколько ошибок:

1. На кнопках с выпадающими списками нет иконок, которые указывают о наличии выпадалок внутри
   
2. Выпадающий список на маленьких экранах не вмещается
   
3. На мобилке навигация не листается и выглядит не очень красиво
   
4. Вставлять видео вот так в лоб через video тэг - плохая практика
   
5. Видео лучше грузить после полной загрузки всех картинок, стилей, скриптов
   
6. При ресайзе слайдер сходит с уа в эпилептическом приступе (используйте Slick или Owl)
   
7. Почему такая старая версия jQuery?
   

Странно что в исходниках расширение файлов SASS, но расставлены точка с запятой и скобки
Также, если верстаете с БЭМ придерживайтесь всех правил, а именно избегайте вложенности и названий тегов .merits__ring-list div:nth-child(1)
Также рекомендую изучить циклы в SASS, чтобы не перечислять вручную дочерние элементы

Comments

[Brad9aga]

skrinshoter.ru/s/120719/bbgYPcja?a
почему я наблюдаю такую картину ?

[AleninD]

Отличное дополнение, подскажите по поводу тэга video - какой самый оптимальный вариант подключения видеофона? Что бы было адаптивно и кроссбраузерно для всех браузеров? По поводу слика учту, почему-то когда гуглил в голос советовали за swiper, якобы он оттестирован и меньше забагован чем слик

[AleninD]

Brad9aga, Появляется при ресайзе страницы?

[Brad9aga]

AleninD, да не я код просмотрел, это сам браузер моросит

[AleninD]

По поводу Jquery - хочу посадить страницу под WP, а он работает со старой версией Jquery, и типо не советуют без надобности подключать 3.3.1. Что бы не поломать функицонал плагинов в будущем.

[AleninD]

Brad9aga, Не у тебя одного)) у меня на мозилле такой же баг когда ресайз делаю. Почему-то контент уходит влево, и такое чувство что толкает ее картинка в самом низу сайта, с эффектом складывания на css. Она уходит в право и ломает структуру блока.

Answer 2

[Alex Karo]

Нашел один баг:
Если на мобилке (320х568) открыть меню->продукция - не все пункты доступны
В целом все выглядит хорошо
Картинки сертификатов, думаю, лучше пережать в jpg и уменьшить - слишком тяжелые
Мне кажется, что есть лишние стили для гамбургера, да и вообще стили/скрипты хорошо бы минифицировать

Comments

[AleninD]

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

Answer 3

[Анатолий Куликов]

Дополню:
- на мобильной версии секция с фактами немного расплылась (первый блок уже остальных)
- в блоке с формой очень забавно получилось: вы выделили два слова красным, а белыми получилась более яркая фраза "и получите предложение конкурентов"; а вот слова "выгоднее" и "уже сегодня" как то теряются.

Возможно, при открытии меню можно зафиксировать основной контент, чтобы не скроллился.

Comments

[AleninD]

Спасибо, дельные советы. Применю.