Code Lab
Главная
Блог
Шаблоны
Курсы
Обратная связь
Тема сайта
Главная
Блог
Шаблоны
Курсы
Обратная связь
Блог
IT
Техно
27 публикаций
Рубрики
Все
Обучение
Frontend
Обзоры
Мобильная разработка
Backend
Железо
Сервера
CMS
Софт
Общее
Инструменты сборки
GameDev
GIT
Проекты
Machine learning
Нейросети
Linux
Тестирование
Блокчейн
Автоматизация
Теги
#подборки
#курс
#JavaScript
#курсы
#Python
#CSS
#React
#roadmap
#новичкам
#UI
#ноутбуки
#Vue
#vscode
#процессоры
#верстка
#видеокарты
#HTML
#плагины
#FastAPI
#синтаксис
#PHP
#WordPress
#React Native
#обзоры
#платы
#мониторы
#Ryzen
#AMD
#Laravel
#библиотеки
Сначала свежее
Сначала свежее
Сначала популярное
Сначала обсуждаемое
Сбросить фильтры
Интерактивный HTML с Alpine.js на простых примерах
Большие фронтенд-фреймворки часто требуют сложной настройки: сборщики, роутинг, состояния, хуки, конфигурации. Но для небольших задач вроде выпадающих меню, модалок или табов этого слишком много — иногда хочется просто взять HTML и быстро добавить в него немного интерактивности.
Создаем двойной ползунок с помощью плагина NoUiSlider
Создание двойного ползунка (double range slider) с помощью NoUiSlider — это отличное решение, когда нужно дать пользователям возможность выбирать диапазон значений, например, для фильтрации цен или других числовых параметров.
Форма ввода пароля с проверкой надежности на JavaScript
Проверка сложности пароля необходима для повышения безопасности аккаунтов пользователей и защиты их личных данных от несанкционированного доступа. Сложные пароли, содержащие буквы, цифры и специальные символы, значительно сложнее угадать или подобрать.
Создаем гибкие выпадающие списки с помощью Virtual Select
Веб-разработчики сталкиваются с необходимостью предоставления пользователям удобных и отзывчивых элементов управления. Один из таких элементов — выпадающий список выбора (select box).
Горизонтальная галерея-аккордеон на CSS
Это галерея-аккордеон, реализованная с помощью чистого CSS, которая создает адаптивный горизонтальный макет аккордеона, раскрывающий изображения в полном размере при простом наведении курсора.
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 в раскрывающемся меню.
1
2
3
»
