Code Lab
Главная
Блог
Шаблоны
Курсы
Обратная связь
Главная
Блог
Шаблоны
Курсы
Обратная связь
Найдено в рубрике «Frontend»
Рубрики
Обучение
215
Frontend
174
Обзоры
145
Мобильная разработка
67
Backend
41
Железо
31
Сервера
26
CMS
25
Софт
25
Общее
23
GameDev
16
Инструменты сборки
16
Как сделать галерею-карусель со слайдером на OwlCarousel2 и FancyBox
Этот слайдер — полностью готовый, аккуратно сверстанный и адаптивный модуль галереи, который можно вставить на любую страницу сайта. Он построен на базе OwlCarousel 2, использует Fancybox для полноэкранного просмотра изображений и поддерживает все современные устройства: от широких мониторов 4K до смартфонов.
Vue.js на практике: классический Todolist с сохранением состояния
Todolist — это не просто «список задач», а идеальный проект для освоения основ любого фронтенд-фреймворка. Сегодня мы сделаем именно такой проект на Vue 3, используя Vite, Pinia для управления состоянием и SCSS для стилей.
Создаем галерею-сетку со слайдером на OwlCarousel и Fancybox
Эта галерея состоит из сетки карточек и модального окна, которое открывается по клику. Внутри попапа можно листать изображения стрелками. Чтобы адаптировать галерею под свой сайт, нужно изменить всего несколько участков кода.
Библиотеки JavaScript для создания фотогалереи
Веб-разработчики часто сталкиваются с задачей создания фотогалерей для сайтов. Хорошая галерея не только облегчает пользователям просмотр изображений, но и делает сайт более привлекательным и удобным.
Библиотеки JavaScript для всплывающих окон: обзор лучших решений
Всплывающие окна (popups, модальные окна) — важный инструмент в веб-разработке. Они помогают отображать уведомления, формы, изображения и другие элементы без перезагрузки страницы.
Библиотеки JavaScript для работы с таблицами: обзор лучших решений
Таблицы в веб-разработке — вещь незаменимая. Они помогают удобно структурировать данные, будь то финансовые отчёты, списки товаров или статистика пользователей. Но просто сверстать таблицу — половина дела, ведь часто нужно добавить сортировку, фильтрацию, редактирование и другие функции.
Создаем полноэкранный слайдер с помощью Swiper.js
Swiper.js — один из самых мощных и гибких инструментов для создания слайдеров. Он легкий, адаптивный и поддерживает массу функций, включая кастомные анимации, ленивая загрузка изображений и гибкую настройку управления.
Подборка библиотек для создания слайдеров на JavaScript в 2025 году
Слайдеры – это один из самых популярных UI-элементов, который часто используется в веб-разработке. Будь то карусель изображений, отзывы пользователей или список товаров, хороший слайдер делает сайт динамичным и удобным.
Простой интернет-магазин на HTML, CSS, JS с отправкой данных на почту
В этой статье я покажу вам, как создать минималистичный интернет-магазин с базовыми функциональными элементами, такими как карточки товаров, корзина на JavaScript и отправка данных с заказами на почту.
Подробное руководство по Vite
Если вы разработчик, который хоть раз сталкивался с веб-проектами, вы наверняка знаете, что сборка фронтенда может быть настоящим кошмаром. Долгие минуты (иногда часы) на сборку, настройки, конфигурации, которые выглядят как древняя магия, и общая тяжесть инструментов, таких как Webpack.
Подробное руководство по Pinia
Если вы работаете с Vue 3, скорее всего, вы уже слышали о Pinia — современном, легком и мощном инструменте для управления состоянием.
Курс по React 2025: Деплой приложения #15
Вы создали React-приложение, добавили в него крутые функции, и теперь готовы показать его миру. Но как сделать так, чтобы ваше приложение заработало в интернете?
«
1
2
3
4
5
…
15
»