andrey7287

Не должны. У hidden нет значения, он либо есть либо нет. Странный атрибут, пользуйтесь лучше классами.

.pic { @for $i from 1 through 3 { &_#{$i} { background-image: url(img/img#{i}.jpg); } } } Как то так. Только такие вещи обычно без JS у меня работают, а в данном случае надо ещё проще поступить. 1. var i = число из инпута 2. elem.style.backgroundImage = `url('img/name${i}.jpg')`;

Я в подобных ситуациях циклы в scss пишу. И на следующий день ( или через неделю ), когда клиент скажет ( скажет, не сомневайтесь ) : 'А добавьте ка ещё 3 картинки, 3 и 8 поменяйте местами и вместо 6ой установите вот эту' вы начнёте долго и мучительно ковырять свой шаблон, пытаясь разобраться где там какая картинка а я просто переименую файлы так как требуется.

А каким боком на элементы влияет background-size и background-position По теме: Слайдер - это такой элемент который априори не вызывает вопросов у верстальщиков. Его просто ставят и он работает. То есть я хочу сказать выкинь то что ты нашёл и используй нормальный.

Любой массив объект. Речь шла про то что вы не получите элементы когда они undefined. var arr = []; arr[6] = true; Как угодно, кроме for in -))) Он перечислимые свойства объекта отдаёт а не индексы массива (который в свою очередь тоже объект, ога ) -))) Вот тебе строчка, которая поломает все твои итерации -) Array.prototype.test; То что они в большинстве случаев совпадают и JS прощает подобные действие вовсе не означает что делать так хорошая идея. Почитай на досуге https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/for...in

Да пожалуйста. Метод некорректно обрабатывает разряженные массивы и перебирает свойства прототипа. Когда споткнётесь, тогда согласитесь -) Если так нравится императивный подход, используйте for of, 2017 год на дворе.

bad pratice, да и зачем ...

var sum = num.reduce((sum, i)=> i > 0 ? sum + i : sum);

Не вставлять её в сетку.

Ищу работу в компании, которая готова сделать из опытного верстальщика крутого frontend разработчика. Интересен MEAN либо другой JS стек ( возможны любые другие варианты бэка, кроме PHP). Умею качественно верстать, писать скрипты, настраивать окружение на ноде. Предпочитаю webpack, es6, npm, BEM, scss, ejs. Рассматриваю только фултайм с белым окладом, не более 40 минут от ст. метро Перово.

А зачем присутствует фраза Оплата с помощью ? Сократите не нежные фразы и все будет пучком !

https://jsfiddle.net/k02kea5b/4/

https://jsfiddle.net/rjno6o9q/3/

Я не очень хорошо понимаю в чём конкретно сложности. Установите fancybox или любой другой плагин.

Ну во первых вы изначально сами себя запутали отождествляя window.innerWidth с $(window).width() который на самом деле является аналогом document.documentElement.offsetWidth . Эти методы ( window.innerWidth и document.documentElement.offsetWidth ) позволяют получить ширину вьюпорта со скролом и соответственно без. C Сафари проблем быть не должно, не под виндой случаем запускаем )? И ещё для медиазапросов в JS есть свои методы var smallScreen = window.matchMedia("(max-width: 600px)").matches; if ( smallScreen ) { }

id не могут быть одинаковыми, они уникальны

А самому попробовать ? Не разу не использовал Pull и Push в бутстрап. При грамотном подходе они просто не нужны. Если возникают какие то сложности, проще сверстать отдельно взятый блок ТАК как вам нужно, не стоит становится заложником технологии. Как вариант, не большие элементы можно подвигать через translate или position. Про JS уже написали. Выбирайте что вам подходит. Успехов.

Зачем лишние классы и элементы. На открытый эллимент ( родитель ) вешается класс active, остальное делается в css .

$(this).closest('.parent');

По умолчанию 5 секунд var delay_popup = 5000; Устанавливайте столько сколько требуется.

https://api.jquery.com/addclass/ http://api.jquery.com/animate/

id может быть только 1 на странице

Плохо искал, в документации всё есть. На прокрутке срабатывают события afterChange или beforeChange https://github.com/kenwheeler/slick#events В аргумент currentSlide будет передан номер слайда, соответственно если он не первый показываем кнопку currentSlide ? $('[селектор]').show() : $('[селектор]').hide() Про подчеркивание не уверен что понял. так ? Это те же точки, только стилизованные. Анимированые через псевдоэлементы делаются, это css.

Самой анимации то у вас в коде нет, ищите @keyframes flash-button

Так и верстайте в чём проблема ? body.big-kerning { letter-spacing: 1.2px } .big-kerning h1, .big-kerning h2{ letter-spacing: 1.2px } Ну и так далее в зависимости от того что там у вас со стилями на сайте. JS тут нужен только для того что бы классы на body повесить и сохранить состояние (cookies || localstorage ). $('body').toggleClass('visual') // вешает класс localStorage.visual = 1 // сохраняет состояние if (+localStorage.visual) { // возвращает сохраненное состояние $('body').addClass('visual'); } Как то так. Если будут вопросы по существу, подскажу или обращайтесь сделаю .