Статьи по тегу «исходники»

 

Иконка Рубрики
1 год назад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

UI-компоненты. Поиск по списку на JavaScript

Напишем код на JavaScript для поиска по списку с комментариями. Этот код создает ввод для поиска и список элементов. Когда пользователь вводит поисковый запрос, скрипт просматривает каждый элемент в списке и сравнивает его с поисковым запросом.
Frontend 1 651
2 года назад

Трекер бюджета на JavaScript

Программа на JavaScript, которая реализует базовый трекер бюджета с пользовательским интерфейсом. Эта программа создает простой пользовательский интерфейс HTML, который позволяет вам вводить свой бюджет и расходы.
Проекты 1 004
2 года назад

Todo List на JavaScript

Приложение списка дел на JavaScript с простым интерфейсом. Эта программа создает пользовательский интерфейс HTML с текстовым вводом и кнопкой «Add task».
Проекты 3 406
2 года назад

Генератор случайных цитат на JavaScript

Генератор случайных цитат на JavaScript с минимальным интерфейсом. Эта программа создает пользовательский интерфейс HTML с кнопкой, которая при нажатии генерирует случайную цитату из массива цитат и отображает текст цитаты и автора в элементе quoteContainer на странице.
Проекты 1 178