В группе я частенько делюсь ссылками на интересные jQuery-плагины, отдельные js-библиотеки, UI-фреймворки и другие полезные вещи для веб-дизайнеров и разработчиков. Решил собрать все самое популярное за последнее время в один пост.
jQuery-плагины и Javascript-библиотеки:
jQuery Flat Shadow – плагин для создания теней в стиле flat.
BackgroundCheck – крайне полезный скрипт, который в зависимости от цвета фона на котором находиться элемент, определяет цвет элемента для хорошей видимости/читаемости. На сайте доступно много хороших примеров.
PNotify – jQuery-плагин расширяет возможности Bootstrap (или jQuery UI) и позволяет создавать всплывающие текстовые уведомления.
Triangle Pattern Generator – крутой генератор полигональных фонов с множеством настроек и возможностью экспорта.
JQuery Panorama Viewer Plugin – позволит встраивать и комфортабельно просматривать крупные панорамы на сайте.
slick – jQuery плагин для созания адаптивной карусели (carousel).
blur.js – jQuery-плагин для создания полупрозрачных размытых элементов
floatlabels.js – один из многих вариантов реализаций float label pattern’a на jQuery
ScrollMagic – jQuery-плагин для создания стильных анимационных эффектов при прокрутке страницы. Примеры на сайте.
Pushy – jQuery-плагин для создания адаптивного off-canvas меню
date-math – набор математических функций для простой и быстрой работы с датами
jQuery Drag and Drop File Uploader – полноценный скрипт загрузчика файлов на jQuery с drag&drop-интерфейсом
Trianglify – отдельная javascript-библиотека для генераций цветных полигональных фонов.
Croppic – небольшой jQuery-плагин предоставляющий функционал для обрезки изображений (crop)
taggingJS – jQuery плагин для создания «умных» input-полей для тегов
select-switch – небольшой javascript, который превращает выпадающий список (select box) в переключатель (switch)
Pace.js – скрипт позволит создать прогресс бар для отображения загрузки сайта
JavaScript OCR Demo – распознавание текста с фото на основе Javascript
shine.js – js-библиотека для создания реалистичных теней для веб-элементов
CSS:
iHover – большая коллекция готовых hover-эффектов с примерами и кодом
Magic – еще один отличный набор готовых анимаций на основе возможностей CSS3
Effeckt.css – большой набор готовых эффектов анимации на CSS3
CSS3 Box Shadow Snippets – разные варианты теней на CSS. На сайте доступны примеры и код.
Devices.css – коллекция смартфонов на #CSS (iPhone 5S, iPhone 5C, iPad Mini, iPhone 4S, Nexus 5, Lumia 920, Galaxy S5, HTC One)
CSS Diner – небольшая интерактивная игра, которая поможет разобраться начинающим с CSS селекторами
Разное:
Enjoycss – онлайн редактор для генерирования кода веб-элементов (HTML&CSS) с помощью простого WYSIWYG-интерфейса. На сайте доступна галерея с уже готовыми примерами.
Loading… – набор индикаторов для отображения загрузки страниц в формате SVG
Glyphr – бесплатный онлайн-инструмент на основе HTML5 предназначенный для создания шрифтов
AdminLTE Dashboard Theme – красивая тема для создания админ-панели (dashboard) на основе популярного фреймворка Bootstrap
Framework7 – это бесплатный HTML-фреймворк для создания гибридных мобильных веб-приложений под платформу iOS7
Fries – еще один бесплатный UI-фреимворк для создания прототипов android-приложений (HTML,CSS,JS)
Content Generator for Sketch – отличный плагин для набирающего популярность редактора/, позволит легко генерировать случайные аватары пользователей, имена, геолокаций и другой контент.
ScreenSiz.es – полезный ресурс с таблицей размеров и разрешениями популярных устройств