Вебразработка

Две версии 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) не влазит в отведеное для него место, и есть смысл сделать его также схлопнутым, как и на […]

Комментариев нет
Вебразработка

Кнопки поделиться без использования сторонних скриптов (vamshop)

В вамшопе уже довольно давно на странице товара используется блок «Поделиться» от «Яндекса». Он помогает посетителям сайта быстро публиковать ссылки на страницы в социальных сетях и блогах. Блок полезный, но с некоторых пор «Яндекс» блокируется в Украине, и это создает проблемы при загрузке страниц товара. Заменим сторонний скрипт «Яндекса» для того, что бы эта функция […]

Комментариев нет
Вебразработка

Удаление из корзины кнопкой (vamshop)

В вамшопе не очень удобно сделано удаление товара из корзины непосредственно на странице корзины — нужно отметить в чекбоксе товар на удаление, а потом нажать на кнопку «Пересчитать». Это не совсем понятно пользователю, и я делаю там кнопку, нажав на которую удаление происходит сразу, без других действий. Делается это не сложно, а именно:

1 комментарий