Прошу оценки и совета

[Sergey_K_2015]

Сверстал первый лендинг http://bouncy.aiq.ru

Решил освоить Bootstrap, первая верстка с ним. В описаниях понравились его возможности в плане адаптивной верстки, встроенных плагинов. Постарался использовать по-максимуму его возможности (сетка, слайдеры, меню, кнопки). Ну, и первая моя попытка работать с анимацией. Подключил wow и animate.css. Прошу высказать замечания как по использованию Bootstrap, так и анимации.

По анимации столкнулся с проблемой - на мобильных устройствах подтормаживает. Посоветуйте, как правильно сделать? Может на маленьких экранах вообще отключать анимацию? Как это принято в практике?

[DivMan]

Слишком маленькие переключатели в слайдере, я ненавижу такие. 

[Нарек]

Плохо.

 http://take.ms/hYjaA

[Pashkes]

для телефонов наверное вообще анимацию нужно отключать

[Sergey_K_2015]

Плохо.

 http://take.ms/hYjaA

Убирал выравнивание по центру и забыл подключить в окончательной сборке. Исправлено.

 

Слишком маленькие переключатели в слайдере, я ненавижу такие. 

макет такой, старался придерживаться http://prnt.sc/a8gy2q

[Igor Schnaider]

DivMan, on 27 Feb 2016 - 03:17 AM, said: Слишком маленькие переключатели в слайдере, я ненавижу такие.  макет такой, старался придерживаться http://prnt.sc/a8gy2q

 

Мне кажется, речь шла о маленькой активной области на переключателях. Целиться приходиться.

 

Еще когда верхнее меню переключается на fixed, header скачет некрасиво. Нужен или placeholder какой, или отступ добавлять.

[Sergey_K_2015]

Главное меню нужно было изначально сделать абсолютно спозиционированным, чтобы при переходе на fixed, header не схлопывался на высоту меню. Исправил, теперь не скачет.

Ну и заодно анимацию отключил при ширине экрана меньше 768px.

[pamavik]

Интересный вопрос с адаптивным меню получается: при малой высоте не все пункты меню доступны и не скролятся. Ищу для себя хорошее решение в этом вопросе.

[Ivan Nedokhlebov]

В <div class="featured__img"> картинки неправильно масштабируются при изменении ширины экрана.

К <button> и <a> добавь :focus {outline: none;} , чтобы при нажатии не было рамочки