202 читали · 2 года назад
Как сделать слайдер на JS?
Всем привет! В этой статье ты узнаешь как сделать сенсорный слайдер на HTML, CSS и JavaScript. Помогать в этом нам будет библиотека Swiperjs. Я не считаю себя мастером в JS, всегда есть чему учиться, поэтому если вы знаете как написать какие-то фрагменты кода проще, эффективнее и лучше, то обязательно напишите в комменты. Исходный код будет на моем Github. Первым делом создаем файл index.html и открываем его на редактирование. С начало создаем основную структуру страницы: Далее нужно подключить SwiperJS, для этого переходим в документацию библиотеки - https://swiperjs...
2 года назад
Тёмная тема на сайте: второй этап
Сохраняем тему и добавляем переключатель В прошлой статье мы добавили поддержку тёмной темы на странице. Вот короткая версия: В прошлый раз мы проверили, как работает автопереключение, потом убрали его и добавили ручной режим. Сегодня объединим эти два подхода, а заодно научим браузер сохранять наши настройки. Добавляем автопереключатель на страницу Добавим автопереключение тёмной темы на страницу следующим способом: Чтобы не городить с нуля элементы интерфейса, мы позаимствуем готовые компоненты из фреймворка Bootstrap 5...