Найдено по тегу «исходники»

 

Иконка Рубрики
7 дней назад

Кредитный калькулятор с диаграммой на JavaScript

Этот кредитный калькулятор — готовый визуальный модуль, который можно вставить на любой сайт. Он рассчитывает ежемесячный платеж, переплату, общую сумму выплат и показывает структуру кредита на диаграмме.
Frontend 5 632
7 месяцев назад

Как сделать галерею-карусель со слайдером на OwlCarousel2 и FancyBox

Этот слайдер — полностью готовый, аккуратно сверстанный и адаптивный модуль галереи, который можно вставить на любую страницу сайта. Он построен на базе OwlCarousel 2, использует Fancybox для полноэкранного просмотра изображений и поддерживает все современные устройства: от широких мониторов 4K до смартфонов.
Frontend 1 294
8 месяцев назад

Создаем галерею-сетку со слайдером на OwlCarousel и Fancybox

Эта галерея состоит из сетки карточек и модального окна, которое открывается по клику. Внутри попапа можно листать изображения стрелками. Чтобы адаптировать галерею под свой сайт, нужно изменить всего несколько участков кода.
Frontend 969
1 год назад

Создаем универсальный квиз на JavaScript

Квиз показывает по одному вопросу за раз. Пользователь выбирает один из вариантов ответа и нажимает кнопку «Далее». Шаги идут последовательно, прогресс-бар сверху заполняется, а после последнего вопроса все ответы собираются в объект и выводятся в формате JSON (сейчас — в консоль браузера).
Frontend 2 219
2 года назад

Анимация блика на кнопке в CSS

Анимация блика на кнопке - это прекрасный способ придать вашим веб-сайтам интересный и привлекательный вид. В этой статье мы рассмотрим, как создать такую анимацию с использованием CSS.
Frontend 5 491
2 года назад

Эффект матового стекла в CSS | Glass Effect

Эффект матового стекла в CSS - стильный дизайнерский трюк, который придает веб-страницам современный и привлекательный внешний вид, создавая иллюзию матовой поверхности с небольшой прозрачностью.
Frontend 2 918
2 года назад

Многошаговая форма на JavaScript | Multi-Step Form

Давайте поговорим о многошаговых формах. Вы, наверное, сталкивались с длинными и запутанными онлайн-формами, которые приходится заполнять. Многошаговые формы разбивают процесс заполнения на несколько коротких этапов, делая жизнь пользователей проще.
Frontend 2 200
2 года назад

Как оформить элемент input file

Стилизация элемента <input type="file"> - это способ сделать загрузку файлов на вашем веб-сайте более привлекательной и интуитивно понятной для пользователей. Вместо стандартного внешнего вида кнопки "Обзор" можно создать настраиваемую кнопку, которая лучше впишется в дизайн вашего сайта.
Frontend 2 300
2 года назад

Создаем игру Крестики-Нолики на JS с ботом

Крестики-нолики – популярная настольная игра. Если вы хотите научиться создавать игры с использованием языка JavaScript, то разработка игры "Крестики-Нолики" с ботом может быть отличным началом.
GameDev 4 873
2 года назад

Создаем ретро-игры: Змейка с неоновым эффектом на JavaScript

Добро пожаловать в мир ретро-игр! В этой статье мы рассмотрим, как создать классическую игру "Змейка" с неоновым эффектом, используя JavaScript. Змейка – это игра, которая заполнила часы нашего детства, и теперь я предлагаю вам возможность оживить этот ностальгический опыт с пользой для дела, изучив важные аспекты JavaScript.
GameDev 5 223
3 года назад

Генератор паролей на JavaScript

Создадим генератор паролей на JavaScript. Пользователь может нажать кнопку «Сгенерировать пароль», чтобы сгенерировать случайный пароль, который появится в поле ввода пароля.
Проекты 1 921
3 года назад

UI-компоненты: табы на JavaScript

Создадим простые табы на JavaScript. Мы определим четыре кнопки вкладок и соответствующее содержимое вкладок с помощью HTML. Мы также определяем некоторый CSS для стилизации кнопок вкладок и скрытия содержимого вкладок по умолчанию.
Frontend 1 297
3 года назад

UI-компоненты. Аккордеон на JavaScript

Напишем пример JavaScript-аккордеона с плавной анимацией. Аккордеон — это тип элемента пользовательского интерфейса, который позволяет пользователям отображать или скрывать дополнительное содержимое, кликая на вкладки аккордеона.
Frontend 1 639
3 года назад

UI-компоненты. Кнопка с градиентом на CSS

Создадим красивую кнопку с градиентом на CSS и со значком Font Awesome. В этом примере код HTML создает кнопку с именем класса gradient-btn и включает значок Font Awesome внутри кнопки.
Frontend 1 505
3 года назад

UI-компоненты. Кнопка с иконкой на CSS

Создадим 5 красивых кнопок со значками на CSS, используя значки Font Awesome. В этом примере код HTML создает 5 кнопок с разными именами классов и включает значки Font Awesome внутри кнопок.
Frontend 2 568
3 года назад

UI-компоненты. Анимированные кнопки на CSS

Создадим 5 красивых анимированных кнопок на CSS3. В этом примере код HTML создает 5 кнопок с разными именами классов. Код CSS стилизует и анимирует кнопки с помощью псевдокласса :hover, который запускает анимацию, когда пользователь наводит курсор на кнопку.
Frontend 1 418
3 года назад

UI-компоненты. Модальное окно на JavaScript

Создадим простое модальное окно на JavaScript. Этот код создает модальное окно, которое появляется при нажатии кнопки «Открыть модальное окно». Модальное окно содержит некоторый текст и имеет кнопку закрытия (представленную символом «x») в правом верхнем углу.
Frontend 2 066
3 года назад

UI-компоненты. Выпадающий список на JavaScript

Напишем выпадающее меню в JavaScript или его еще называют dropdown menu. Этот код устанавливает прослушиватель событий на кнопке раскрывающегося списка, которая переключает класс show в раскрывающемся меню.
Frontend 3 622
3 года назад

Сортировка таблицы с помощью JavaScript

Напишем сортируемую таблицу на JavaScript. Этот код добавляет прослушиватель событий к каждому элементу th, который сортирует массив строк на основе содержимого столбца, по которому щелкнули.
Frontend 3 397
3 года назад

UI-компоненты. Индикатор прокрутки страницы на JavaScript

Напишем индикатор прокрутки страницы с использованием JavaScript. Этот код создает фиксированную полосу в нижней части страницы и использует событие прокрутки для расчета процентной доли прокрутки страницы.
Frontend 1 023