Какие библиотеки, плагины и т.д. для верстки вы используете в своих проектах?

Слайдеры, фильтры, управление куками, анимация элементов и вот это вот все. У всех же есть подборка инструментов для реализации этих задач. Делитесь ссылками
  • Вопрос задан
  • 10165 просмотров
Пригласить эксперта
Ответы на вопрос 11
SergGrbanoff
@SergGrbanoff
UX/UI Desinger, Front-End Developer
Фреймворки, библиотеки и плагины для верстки сайта.

1. Bootstrap - самый популярный HTML, CSS, и JS фреймворк в мире для разработки отзывчивых, mobile-first проектов в вебе.

2. slick - Адаптивный слайдер для сайта

3. Owl Carousel 2 - красивый, отзывчивый карусельный слайдер

4. Fotorama - плагин для создания галереи на сайте

5. MagnificPopup - плагин для создания модальных окон

6. FancyBox - построениe всплывающих окон

7. Mmenu - мобильное меню


8. bxSlider - отзывчивый jQuery-слайдер для контента


9. Fullscreen Slit Slider - слайдер с интересной анимацией

10. parallax.js - эффект Parallax

Первая 10-ка
Ответ написан
jasonOk
@jasonOk
Легче болтать, чем код писать
Если вы не знаете, где искать, то загляните сюда: unheap.com
Замечательный ресурс.
Ответ написан
Ifelseapps
@Ifelseapps
Frontend developer/JavaScript developer
В качестве слайдера использую Slick. Очень гибкий, покрывает все возможные задачи.
Модалки - dimsemenov.com/plugins/magnific-popup
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
1. Для сборки страницы из подобных блоков (футер,хидер, меню и т.д.), расположенных в различных файлах, и для удобства дальнейшего преобразования вёрстки в полноценный серверный шаблон (например, на языке PHP), использую "лёгкую" библиотеку

includeHTML

Преимущество includeHTML - рекурсивная загрузка HTML-разметки через тег <include>: если подгружаемый файл грузит ещё какой-то и т.д., то это - РАБОТАЕТ КОРРЕКТНО и можно проверять отображение ДАЖЕ ЛОКАЛЬНО (file:///)!

2. Select2 - лучший вариант для замены SELECT-полей: для списков простых и с иерархией, строк поиска, тегов и т.д.

3. Zepto.js - аналог легковесного Jquery (синтаксис - тот же!), который использует самые новейшие методы и тем самым уменьшает нагрузку. Кто пишет гибридные HTML5-приложения под мобильные платформы, например, на PhoneGap - MUST HAVE, однозначно!
Ответ написан
ArchiTawer
@ArchiTawer
"Ok Google" и все твои проблемы решены
OwlCarousel тоже гибкий слайдер,
Fotorama - очень хорошая и гибкая галерея,
MagnificPopup и FancyBox - popup,
Mmenu - мобильное меню (дабы не заморачиваться),
Flatpickr - отличный datetime picker,
Ответ написан
@kHan_Solo
Php/Magento Dev
Для кук вот есть небольшая либа, для себя писал.
Ответ написан
@immaculate
Программист-путешественник
Sortable.js для упорядочивания самых разных списков при помощи Drag and Drop.
Ответ написан
PavelUstyugov
@PavelUstyugov
Самозанятый веб-разработчик
smartgrid спасёт мир. ее стоит взять за основу, а уж плагины какие использовать - это второстепенно - сейчас вам посоветовали.

я Wow люблю для плавных движений всяких фигур.
Ответ написан
tdk25
@tdk25
Создание и продвижение сайтов, лендингов...
Использую MaterializeCSS . В этом фреймворке есть слайдер, модальные окна, лайтбокс, мобильное меню и др.
Ответ написан
xPomaHx
@xPomaHx
Изи катка
Слишком всё быстро меняется, лучше каждый раз гуглить по необходимости, даже если у вас проекты каждые 2 дня меняются, это не сильно дольше чем брать из закладок или ставить сборщиками.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы