Задаем hover-эффект через JS и inline CSS
Иногда бывает необходимость задать css-свойства инлайном. Например, передать какие-либо настройки из админ-части CMS. Как это сделать:
Вызов события изменения размера окна в JavaScript
Вызов события изменения размера окна (resize):
Две версии JQUERY на сайте
Часто бывает так, что на сайте, который разрабатывался довольно давно, нужно добавить новый функционал, использующий Jquery. Но, как правило, там довольно старая версия этой популярной библиотеки. Менять ее не вариант, т.к. на сайте целый букет скриптов, использующих старую версию и не работающих на новой. В этом случае можно обойтись “малой кровью”, подключив еще одну следующим […]
Прелоадер на сайте
Для чего нужен индикатор загрузки страницы сайта? Во-первых, показать, что не весть контент еще загружен, во-вторых, скрыть сам процесс построения страницы, тем самым улучшив визуальное восприятие посетителем. Делаем это следующим образом:
Работаем с LocalStorage
LocalStorage – объект, который позволяет хранить данные для каждого домена в течение неограниченного времени. Работать с ним очень просто.
Slick внутри вкладок Bootstrap
Слайдер Slick довольно популярен. Я тоже его использую при верстке сайтов, в том числе и на фреймверке Bootstrap. Хотя bootstrap и имеет карусель, slick гибче настраивается и выглядит более легковесным на странице. Но вот если его поместить во вкладки, то на закрытых вкладках слайдер не отображается корректно и не работает. Почему это происходит, и как […]
Запрещаем автопрокрутку слайдера Bootstrap 4 carousel
Бутстраповская карусель имеет одно не очень хорошее свойство, если Вы начали листать её, то дальше она листается автоматически. Это нельзя победить в лоб, но можно задать очень большой интервал пролистывания. Вот так:
Видео в модальном окне Bootstrap
Вставить видео с Youtube в страницу – не проблема. Но вот со вставкой в модальное окно Bootstrap проблема возникает. Точнее не со вставкой, а с остановом запущенного видео, если окно закрыто.
Делаем ссылки на сайте через javascript
SEO-шники попросили проставит ссылки не классическим способом A HREF=…, а используя нейтральный html-тег + JS. Реализуем это следующим образом:
Меняем точку схлопывания меню Navbar Bootstrap 3
О чем сейчас пойдет речь? В bootstrap 3 главное меню адаптивно и при размере менее 768 px (xs) оно не показывается. Открытие происходит по нажатию на кнопку. Иногда меню такое большое, что на планшетном размере 768-991 px (sm) не влазит в отведеное для него место, и есть смысл сделать его также схлопнутым, как и на […]