Блог

27 публикаций
Сначала обсуждаемое
Сначала свежее Сначала популярное Сначала обсуждаемое
Сбросить фильтры
Простое бургер-меню на чистом JavaScript

Простое бургер-меню на чистом JavaScript

В этой статье я покажу, как сделать несложное бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Наше меню адаптируется под мобильные устройства. При нажатии на иконку-бургер, слева направо выпадает меню.

Frontend
4 года назад
16 48k
Маска для ввода телефона на JavaScript

Маска для ввода телефона на JavaScript

Маска телефонного номера — это строка символов, которая используется для представления реального телефонного номера. Маска используется для того, чтобы облегчить пользователям ввод номера телефона в поле формы.
Frontend
4 года назад
4 21k
Создаем аккордеон на JavaScript

Создаем аккордеон на JavaScript

Всем привет! Мы продолжаем создавать элементы пользовательского интерфейса (UI). Сегодня коснемся такой темы, как аккордеоны. Аккордеон позволяет скрывать часть контента и при нажатии на бокс у нас плавно раскрывается весь контент.
Frontend
4 года назад
2 11k
UI-компоненты. Модальное окно на JavaScript

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

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

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

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

Делаем кнопку наверх на JavaScript

При скролле страницы на сайте часто возникает потребность вернутся наверх. Например, в контентных сайтах при прочтении статьи необходимо вернуться обратно в меню.
Frontend
4 года назад
1 8,2k
Интерактивный HTML с Alpine.js на простых примерах

Интерактивный HTML с Alpine.js на простых примерах

Большие фронтенд-фреймворки часто требуют сложной настройки: сборщики, роутинг, состояния, хуки, конфигурации. Но для небольших задач вроде выпадающих меню, модалок или табов этого слишком много — иногда хочется просто взять HTML и быстро добавить в него немного интерактивности.
Frontend
11 месяцев назад
0 1,6k
Создаем двойной ползунок с помощью плагина NoUiSlider

Создаем двойной ползунок с помощью плагина NoUiSlider

Создание двойного ползунка (double range slider) с помощью NoUiSlider — это отличное решение, когда нужно дать пользователям возможность выбирать диапазон значений, например, для фильтрации цен или других числовых параметров.
Frontend
2 года назад
0 2,2k
Форма ввода пароля с проверкой надежности на JavaScript

Форма ввода пароля с проверкой надежности на JavaScript

Проверка сложности пароля необходима для повышения безопасности аккаунтов пользователей и защиты их личных данных от несанкционированного доступа. Сложные пароли, содержащие буквы, цифры и специальные символы, значительно сложнее угадать или подобрать.
Frontend
2 года назад
0 1,5k
Создаем гибкие выпадающие списки с помощью Virtual Select

Создаем гибкие выпадающие списки с помощью Virtual Select

Веб-разработчики сталкиваются с необходимостью предоставления пользователям удобных и отзывчивых элементов управления. Один из таких элементов — выпадающий список выбора (select box).
Frontend
2 года назад
0 1,3k
Горизонтальная галерея-аккордеон на CSS

Горизонтальная галерея-аккордеон на CSS

Это галерея-аккордеон, реализованная с помощью чистого CSS, которая создает адаптивный горизонтальный макет аккордеона, раскрывающий изображения в полном размере при простом наведении курсора.
Frontend
2 года назад
0 1,8k
UI-компоненты: табы на JavaScript

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

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