Code Lab
Главная
Блог
Шаблоны
Курсы
Обратная связь
Тема сайта
Главная
Блог
Шаблоны
Курсы
Обратная связь
Проекты
8 публикаций
Все
Разработка
Серверы
Нейросети
Электроника
Софт
Backend
Frontend
Мобильная разработка
Проекты
Разработка игр
Языки и обучение
JavaScript
Проект
Сначала свежее
Сначала свежее
Сначала популярное
Сначала обсуждаемое
Сбросить фильтры
Pet-проекты для заработка в 2026 году: что действительно имеет шанс вырасти в деньги
У пет-проектов в 2026 году странная репутация. С одной стороны, про них до сих пор говорят: «сделал маленький сервис по вечерам — и он внезапно полетел».
Создаем галерею-сетку со слайдером на OwlCarousel и Fancybox
Эта галерея состоит из сетки карточек и модального окна, которое открывается по клику. Внутри попапа можно листать изображения стрелками. Чтобы адаптировать галерею под свой сайт, нужно изменить всего несколько участков кода.
Создаем полноэкранный слайдер с помощью Swiper.js
Swiper.js — один из самых мощных и гибких инструментов для создания слайдеров. Он легкий, адаптивный и поддерживает массу функций, включая кастомные анимации, ленивая загрузка изображений и гибкую настройку управления.
Создаем гибкие выпадающие списки с помощью Virtual Select
Веб-разработчики сталкиваются с необходимостью предоставления пользователям удобных и отзывчивых элементов управления. Один из таких элементов — выпадающий список выбора (select box).
Создаем модальное окно для сайта
Модальное окно — это всплывающее окно, которое появляется поверх основного окна. Обычно оно используется для отображения дополнительной информации или для того, чтобы попросить пользователя подтвердить действие.
Создаем слайдер карусель для сайта
Карусельный слайдер — это тип слайдера, который позволяет пользователям прокручивать серию изображений или другой контент. Карусельные слайдеры обычно имеют элементы управления навигацией со стрелками или точками, которые позволяют пользователю прокручивать содержимое.
Пишем темную тему для сайта
В этом уроке мы напишем скрипт на JS для переключения на темную и светлую тему. Мы будем использовать localStorage для сохранения данных о текущей темы, чтобы при перезагрузке страницы и выходе из браузера наша тема не "слетала".
Калькулятор расчета стоимости авто
Калькулятор считает итоговую стоимость поездки и выводит информацию в поле заказа. Причем делает это он динамически, нам не надо нажимать кнопку "Рассчитать", что очень удобно.
