Frontend-разработка ⛄

Frontend-разработка

---

Project maintained by Dvurechensky-Docs Hosted on GitHub Pages — Theme by mattgraham

⬆ Вернуться к оглавлению

🧩 Элементы интерфейса

• 🧩 Элементы интерфейса
  • 🔹 button concepts
  • 🔹 countUp.js
  • 🔹 Flipside
  • 🔹 Messenger.js
  • 🔹 noUiSlider
  • 🔹 nudge
  • 🔹 Slideout.js
  • 🔹 Sortable.js
  • 🔹 SweetAlert
  • 🔹 Toastr
  • 🔹 vex

---

🔹 button concepts

👉 Коллекция креативных кнопок

• CSS-анимации
• hover / click эффекты 💡 Для красивого UI и вдохновения 🎨

---

🔹 countUp.js

👉 Анимация чисел

• счётчик вверх/вниз
• плавные переходы

💡 Использование:

• статистика
• дашборды
• показатели системы

---

🔹 Flipside

👉 Кнопка с “переворотом”

• нажал → подтверждение
• flip-анимация

💡 Для:

• подтверждений действий
• UX без всплывающих окон

---

🔹 Messenger.js

👉 Уведомления типа “growl”

• всплывающие сообщения
• действия + авто-повтор

💡 Для:

• ошибки
• статусы
• уведомления системы

---

🔹 noUiSlider

👉 Range-слайдер

• выбор диапазона
• красивый UI

💡 Для:

• настройки параметров
• фильтры

---

🔹 nudge

👉 Маленькие подсказки/уведомления

• лёгкие всплывающие hints

💡 Для:

• UX подсказок
• onboarding

---

🔹 Slideout.js

👉 Выдвижное меню (mobile)

• свайп
• боковая навигация

💡 Для:

• мобильных интерфейсов

---

🔹 Sortable.js

👉 Drag & Drop списки

• перетаскивание
• изменение порядка

💡 Для:

• списков задач
• конфигов
• UI редакторов 🔥

---

🔹 SweetAlert

👉 Красивые alert окна

• замена alert()
• кастомные диалоги

💡 Для:

• подтверждений
• предупреждений

---

🔹 Toastr

👉 Toast уведомления

• маленькие всплывающие сообщения
• не мешают UI

💡 Для:

• успешные действия
• ошибки

---

🔹 vex

👉 Диалоговые окна

• модальные окна
• гибкая настройка

💡 Для:

• формы
• подтверждения
• popups

---