Code Lab
Главная
Блог
Шаблоны
Курсы
Обратная связь
Тема сайта
Главная
Блог
Шаблоны
Курсы
Обратная связь
IT-блог
IT
Техно
15 публикаций
Рубрики
Все
Обучение
Frontend
Мобильная разработка
Backend
Электроника
Сервера
CMS
Общее
Инструменты сборки
GameDev
GIT
Проекты
Нейросети
Machine learning
Linux
Тестирование
Блокчейн
Автоматизация
Теги
#подборки
#курс
#JavaScript
#курсы
#Python
#CSS
#обзор
#React
#roadmap
#UI
#новичкам
#Vue
#верстка
#исходники
#HTML
#теория
#плагины
#синтаксис
#PHP
#сравнение
#modx
#анимация
#Laravel
#библиотеки
#TypeScript
#формы
#сайты
#кнопки
#установка
#интернет-магазин
Сначала свежее
Сначала свежее
Сначала популярное
Сначала обсуждаемое
Сбросить фильтры
Анимация блика на кнопке в CSS
Анимация блика на кнопке - это прекрасный способ придать вашим веб-сайтам интересный и привлекательный вид. В этой статье мы рассмотрим, как создать такую анимацию с использованием CSS.
Эффект матового стекла в CSS | Glass Effect
Эффект матового стекла в CSS - стильный дизайнерский трюк, который придает веб-страницам современный и привлекательный внешний вид, создавая иллюзию матовой поверхности с небольшой прозрачностью.
Многошаговая форма на JavaScript | Multi-Step Form
Давайте поговорим о многошаговых формах. Вы, наверное, сталкивались с длинными и запутанными онлайн-формами, которые приходится заполнять. Многошаговые формы разбивают процесс заполнения на несколько коротких этапов, делая жизнь пользователей проще.
Как оформить элемент input file
Стилизация элемента <input type="file"> - это способ сделать загрузку файлов на вашем веб-сайте более привлекательной и интуитивно понятной для пользователей. Вместо стандартного внешнего вида кнопки "Обзор" можно создать настраиваемую кнопку, которая лучше впишется в дизайн вашего сайта.
UI-компоненты: табы на JavaScript
Создадим простые табы на JavaScript. Мы определим четыре кнопки вкладок и соответствующее содержимое вкладок с помощью HTML. Мы также определяем некоторый CSS для стилизации кнопок вкладок и скрытия содержимого вкладок по умолчанию.
UI-компоненты. Аккордеон на JavaScript
Напишем пример JavaScript-аккордеона с плавной анимацией. Аккордеон — это тип элемента пользовательского интерфейса, который позволяет пользователям отображать или скрывать дополнительное содержимое, кликая на вкладки аккордеона.
UI-компоненты. Кнопка с градиентом на CSS
Создадим красивую кнопку с градиентом на CSS и со значком Font Awesome. В этом примере код HTML создает кнопку с именем класса gradient-btn и включает значок Font Awesome внутри кнопки.
UI-компоненты. Кнопка с иконкой на CSS
Создадим 5 красивых кнопок со значками на CSS, используя значки Font Awesome. В этом примере код HTML создает 5 кнопок с разными именами классов и включает значки Font Awesome внутри кнопок.
UI-компоненты. Анимированные кнопки на CSS
Создадим 5 красивых анимированных кнопок на CSS3. В этом примере код HTML создает 5 кнопок с разными именами классов. Код CSS стилизует и анимирует кнопки с помощью псевдокласса :hover, который запускает анимацию, когда пользователь наводит курсор на кнопку.
UI-компоненты. Модальное окно на JavaScript
Создадим простое модальное окно на JavaScript. Этот код создает модальное окно, которое появляется при нажатии кнопки «Открыть модальное окно». Модальное окно содержит некоторый текст и имеет кнопку закрытия (представленную символом «x») в правом верхнем углу.
UI-компоненты. Выпадающий список на JavaScript
Напишем выпадающее меню в JavaScript или его еще называют dropdown menu. Этот код устанавливает прослушиватель событий на кнопке раскрывающегося списка, которая переключает класс show в раскрывающемся меню.
Сортировка таблицы с помощью JavaScript
Напишем сортируемую таблицу на JavaScript. Этот код добавляет прослушиватель событий к каждому элементу th, который сортирует массив строк на основе содержимого столбца, по которому щелкнули.
1
2
»
