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

Question

[AntonSork]

Слайдеры, фильтры, управление куками, анимация элементов и вот это вот всё.
У всех же есть подборка инструментов для реализации этих задач.

Answer 1

[Serg Grbanoff]

Фреймворки, библиотеки и плагины для верстки сайта.

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-ка

Answer 2

[jasonOk]

Если вы не знаете, где искать, то загляните сюда: unheap.com
Замечательный ресурс.

Answer 3

[Максим Павлов]

В качестве слайдера использую Slick. Очень гибкий, покрывает все возможные задачи.
Модалки - dimsemenov.com/plugins/magnific-popup

Answer 4

[GooDay2Die]

https://github.com/vuejs/awesome-vue#ui-components

Answer 5

[Артур Карапетян]

OwlCarousel тоже гибкий слайдер,
Fotorama - очень хорошая и гибкая галерея,
MagnificPopup и FancyBox - popup,
Mmenu - мобильное меню (дабы не заморачиваться),
Flatpickr - отличный datetime picker,

Comments

[Сергей delphinpro]

owl хороший плагин, часто его использую. Но гибкостью там даже и не пахнет. Особенно, если сравнивать со сликом.

[darksladen]

А зачем fancybox и magnific вместе юзать?

[Артур Карапетян]

darksladen: Не вместе, а то какие я использую по необходимости

Answer 6

[Евгений]

Sortable.js для упорядочивания самых разных списков при помощи Drag and Drop.

Answer 7

[Виталий]

Использую MaterializeCSS . В этом фреймворке есть слайдер, модальные окна, лайтбокс, мобильное меню и др.

Answer 8

[xmoonlight]

1. Для сборки страницы из подобных блоков (футер,хидер, меню и т.д.), расположенных в различных файлах, и для удобства дальнейшего преобразования вёрстки в полноценный серверный шаблон (например, на языке PHP), использую "лёгкую" библиотеку

includeHTML

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

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

3. Zepto.js - аналог легковесного Jquery (синтаксис - тот же!), который использует самые новейшие методы и тем самым уменьшает нагрузку. Кто пишет гибридные HTML5-приложения под мобильные платформы, например, на PhoneGap - MUST HAVE, однозначно!

Comments

[Николай]

про Zepto - ошибочное мнение. Весит он гораздо меньше, но зато выполняет те же функции что и JQ гораздо дольше (Сравнивают, например, вот здесь. Смотреть в конце статьи, там где UPD)

[xmoonlight]

Николай: jsfiddle.net/STEVER/w2Jmn - здесь как-то 50/50: в одних случаях Zepto.js лучше, в других - Jquery...
Нужно кодить на Asm.js )))

[Николай]

xmoonlight: ну, джейквери зато не обрезан и уже прижился)
по поводу асм - последняя версия датируется 18 August 2014, так что нет)

[xmoonlight]

Николай: ну и зря)))

Answer 9

[Eugene Zubkov]

Для кук вот есть небольшая либа, для себя писал.

Answer 10

[bro-dev]

Слишком всё быстро меняется, лучше каждый раз гуглить по необходимости, даже если у вас проекты каждые 2 дня меняются, это не сильно дольше чем брать из закладок или ставить сборщиками.