Sergey_K_2015

bootstep3 - это новый танец? Интересное название для адаптивной верстки.

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

Убирал выравнивание по центру и забыл подключить в окончательной сборке. Исправлено. макет такой, старался придерживаться http://prnt.sc/a8gy2q

Сверстал первый лендинг http://bouncy.aiq.ru Решил освоить Bootstrap, первая верстка с ним. В описаниях понравились его возможности в плане адаптивной верстки, встроенных плагинов. Постарался использовать по-максимуму его возможности (сетка, слайдеры, меню, кнопки). Ну, и первая моя попытка работать с анимацией. Подключил wow и animate.css. Прошу высказать замечания как по использованию Bootstrap, так и анимации. По анимации столкнулся с проблемой - на мобильных устройствах подтормаживает. Посоветуйте, как правильно сделать? Может на маленьких экранах вообще отключать анимацию? Как это принято в практике?

А если сделать фигуру (параллелограмм) в svg формате, задать ей частичную прозрачность, абсолютно спозиционировать и z-index поместить сверху, чтобы она накрывала нужные элементы?

Задайте родительскому элементу нужную ширину и выровняйте его по центру. Примерно так: .blocks { width:70%; margin: 0 auto; } Т.к. margin у картинок задан в пикселях, а ширина в процентах, при уменьшении ширины родительского блока может образоваться вообще 2 колонки. Нужно смотреть и регулировать ширину. Ну и почистите код, а то там присутствуют остатки табличной разметки и ul вообще не к месту.

Я так понимаю на css это не возможно? На CSS невозможно. hover, focus и т.д. на родительские элементы не действуют.

С БЭМ стили задавать удобнее. В LESS получается конструкция типа: .блок { ... &__элемент1 { ... &_модификатор { ... } } &__элемент2 { ... } }

Задавая каждому элементу dom класс можно при стилизации вообще обойтись без вложенности. И в CSS не будет картины типа (nav ul li a). Кроме того, не нужно будет комментировать HTML (если нормально имена классам задавать). На мой взгляд, с БЭМ удобнее верстать. Сначала, правда, придется помучиться с придумыванием имен классов.

Натягивают верстку на WP за 12 минут.

Названия статей по данной теме уже давно разделили. Статья 228. Незаконные приобретение, хранение, перевозка, изготовление, переработка наркотических средств, психотропных веществ или их аналогов Статья 2281. Незаконные производство, сбыт или пересылка наркотических средств, психотропных веществ или их аналогов Статья 230. Склонение к потреблению наркотических средств или психотропных веществ Статья 231. Незаконное культивирование запрещенных к возделыванию растений, содержащих наркотические вещества

Футеру Вы размеры задали, теперь растяните вложенный <div class="footer_img"> на весь размер родительского блока (width: 100%; height: 100;). А какой размер у p1.png? Насколько он совпадает с размерами блока, в который его помещаете? Попробуйте задать .footer_img следующие параметры: background-size: cover (либо 100% 100%) - это масштабирование изображения background-position: top (выравнивание по верхнему краю)

Из тех кусков кода, которые доступны для обозрения, совсем непонятно, какому из элементов Вы задаете фоновую картинку (.footer_image). В HTML нет ничего с таким классом. В принципе, картинка вообще не должна появляться.

Все эти эффекты описаны не для фонового изображения, а для самого блока, в котором содержится это изображение. И если в этом блоке есть, к примеру, текст, то он тоже увеличится (эффект плавного увеличения). http://webgyry.info/svet-css- описывается создание эффекта свечения. http://beloweb.ru/novichkam/plavnoe-uvelichenie-izobrazheniya-pri-navedenii-na-chistom-css3.html- плавное увеличение при наведении.

Добавьте background-size:0; Придадите эффект отсутствия картинки. Вы бы написали, какой эффект нужен. И учтите, что на фоновых картинках особо не разгуляешься. Поменять можно размер, позиционирование, повторение.