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
#библиотеки
Сначала свежее
Сначала свежее
Сначала популярное
Сначала обсуждаемое
Сбросить фильтры
Сортировка таблицы с помощью JavaScript
Напишем сортируемую таблицу на JavaScript. Этот код добавляет прослушиватель событий к каждому элементу th, который сортирует массив строк на основе содержимого столбца, по которому щелкнули.
UI-компоненты. Индикатор прокрутки страницы на JavaScript
Напишем индикатор прокрутки страницы с использованием JavaScript. Этот код создает фиксированную полосу в нижней части страницы и использует событие прокрутки для расчета процентной доли прокрутки страницы.
UI-компоненты. Поиск по списку на JavaScript
Напишем код на JavaScript для поиска по списку с комментариями. Этот код создает ввод для поиска и список элементов. Когда пользователь вводит поисковый запрос, скрипт просматривает каждый элемент в списке и сравнивает его с поисковым запросом.
UI-компоненты. Прелоадер для сайта
Простая анимация предварительного загрузчика в виде спиннера, которую можно использовать на своем веб-сайте с помощью JavaScript. В этом коде div preloader действует как фон для анимации счетчика.
UI-компоненты. Подсказка при наведении
Подсказка при наведении (ее еще называют тултип) показывает блок с текстом при наведении на элемент. Тултип показывает справочную информацию о содержимом элемента.
Таймер обратного отсчета на JS
Таймер обратного отсчета показывает сколько времени осталось до определенного события. Часто таймеры используют на сайтах, чтобы подтолкнуть пользователя к покупке: показывают сколько времени осталось до окончания акции.
UI-компоненты. Ползунок диапазона
Ползунок диапазона позволяет выбрать между минимальным и максимальным значением. Данный элемент повышает интерактивность на сайте. Браузерные ползунки зачастую не подходят, поэтому мы сделаем свой кастомный ползунок.
UI-компоненты. Кастомные радиокнопки на CSS
Радиокнопки используются для выбора одного из множества значений. Если текст радиокнопки короткий, то уместно использовать переключатель. Такой вариант мы реализуем в этой статье с использованием чистого CSS.
UI-компоненты. Кастомные чекбоксы на CSS
Чекбокс используется для выбора двух состояний у одного параметра. Он может использоваться для выбора элементов списка, например, для выбора нескольких документов, или для активации уведомлений и выбора конкретных ситуаций, в которых их следует отправлять.
UI-компоненты. Переключатель на CSS
Переключатель (его еще называют тумблер) помогает выбрать два состояния. Например, включение или отключение темной темы на сайте. Чисто функционально переключатель - это тот же самый чекбокс.
Делаем кнопку наверх на JavaScript
При скролле страницы на сайте часто возникает потребность вернутся наверх. Например, в контентных сайтах при прочтении статьи необходимо вернуться обратно в меню.
Маска для ввода телефона на JavaScript
Маска телефонного номера — это строка символов, которая используется для представления реального телефонного номера. Маска используется для того, чтобы облегчить пользователям ввод номера телефона в поле формы.
«
1
2
3
»
