15 Интересных JavaScript и CSS библиотек за июль 2016 года

Опубликовано: 12 июля 2016 г.
  • верстка
  • css
  • javascript
В этой статье мы собрали для вас коллекцию из 15 различных на JavaScript и CSS библиотек, с которыми нам довелось работать в июле. Каждая из них представляет различные решения фронтенд-задач и может быть большим подспорьем для начинающих и продвинутых разработчиков.
Offline.js
Offline.js

Offline.js представляет собой автономную библиотеку JavaScript, которая оповещает пользователя о потере подключения к сети Интернет. Она не только оповещает, но также сохраняет все исходящие AJAX-запросы и отправляет их заново, когда соединение восстановлено. Библиотека имеет простой пользовательский интерфейс с несколькими темами на выбор.

Algolia Places
Algolia Places

Algolia Places может мгновенно превратить любой input в элемент поиска адреса с помощью автозаполнения. Она имеет встроенную систему ранжирования, которая предлагает наиболее очевидные варианты в первую очередь, и другие мощные функции, такие как возможность игнорировать небольшие опечатки и понять, что на самом деле имел в виду пользователь. Библиотека очень проста в использовании и поможет вам сэкономить кучу времени.

Please.js
Please.js

Генерирует случайный цвет при помощи различных функций. По умолчанию библиотека выбирает цвет из списка предустановленных цветов, убедившись в том, что результат всегда красив и годен к употреблению. Вы также можете сделать цвета, основанные на других, генерировать целые цветовые палитры или экспериментировать с насыщенностью, цветовым тоном и др.

Holmes
Holmes

JavaScript библиотека, которая упрощает поиск и фильтрацию элементов на странице. Holmes берет строку с запросом из поля ввода и ищет совпадения в списке элементов. Элементы, которые не содержат запроса в коде, скрываются, а те, которые содержат - показываются.

Monkberry
Monkberry

Легкая, шустрая JavaScript библиотека со своим собственным шаблонизатором. Monkberry шаблоны написаны в типичной манере разметки в .monk файлах, которые затем компилятся с помощью JS. Причина быстродействия Monkberry в том, что, когда любой из входных данных изменяется, рендерится только часть шаблона, а не весь DOM.

Zingtouch
Zingtouch

Zingtouch - отличная библиотека для определения жестов. Распознает 6 различных жестов: касание, пролистывание, масштабирование, расширение, вращение и панорамирование. Zingtouch позволяет изменять любой из предопределенных жестов, или сделать свои собственные.

Blaze CSS
Blaze CSS

Очень гибкий CSS-фреймворк для построения адаптивных веб-приложений. Blaze полностью модульный, а это означает, что он позволяет выбрать какие из его многочисленных компонентов вам на самом деле нужны, а какие нет. Он предлагает передовые сетки a la Bootstrap, плавную анимацию CSS переходов и многое другое.

Anime.js
Anime.js

Anime.js - это JavaScript библиотека анимаций, которая имеет крошечные размеры и вместе с тем предлагает огромный спектр возможностей и всевозможных вариантов настройки. Библиотека поддерживает несколько технологий для выполнения реалистичных анимации (CSS трансформации, SVG и т.д.), так что разработчики могут выбрать то, что им по душе.

Minigrid
Minigrid

Единственная цель библиотеки Minigrid заключается в обеспечении простого способа для создания каскадных сеток в Pinterest-стиле. Пользователи просто должны написать простую HTML-разметку и вызвать JavaScript-функцию, после чего библиотека создаст отзывчивую сетку, которая всегда остается симметричной при любом разрешении экрана.

Chocolat.js
Chocolat.js

Chocolat.js - jQuery-плагин для создания красивых Lightbox галерей изображений. Плагин имеет малый вес (всего 10 кб в минимизированом виде), имеет большую браузерную поддержку, а также массу функций, включая различные режимы просмотра и клавишную навигацию. Официальный сайт библиотека представляет собой один из самых странных (в хорошем смысле) сюрреалистических сайтов, которые нам доводилось видеть.

Stretchy
Stretchy

Stretchy - независимая JavaScript библиотека, которая позволяет автоматически изменять размер элементов в зависимости от вводимых пользователем данных. Весь введенный текст может быть увеличен или уменьшен в зависимости от длины строки. Библиотека имеет простой в использовании API и отличную браузерную совместимость.

Shine.js
Shine.js

Shine.js создает причудливые динамические тени, которые реагируют на положение курсора пользователя. Тени могут быть применены к любому HTML элементу, включая текст. Эфект выглядит потрясающе реалистично, так как анимация хорошо откалибрована и плавная.

BackgroundCheck
BackgroundCheck

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

Logerr
Logerr

Улучшите отладки JavaScript-кода с помощью Logerr. Простая в установке, эта библиотека заменит дефолтные ошибки в консоли на более подробные и понятные. Еще одна интересная особенность Logerr - библиотека, которая отправляет POST-запросы, содержащие отчеты об ошибках по выбранному вами адресу.

Bigfoot
Bigfoot

Этот плагин JQuery превращает классические bottom-of-the-page footnotes в современные всплывающие подсказки. Bigfoot предлагает много вариантов настройки, стилизации и функциональности. ТДефолтная темаю полностью адаптивна и изменяет положение и размер всплывающих подсказок, чтобы сохранить их видимыми на всех размерах экрана.

Популярные статьи
2D игра на Unity. Подробное руководство. Часть 1
  • unity
2D игра на Unity. Подробное руководство. Часть 1
Адаптивный слайдер без Javascript на CSS3
  • слайдер
Адаптивный слайдер без Javascript на CSS3
Работа с Unity в 2D
  • unity
Работа с Unity в 2D
2D игра на Unity. Подробное руководство. Часть 3
  • unity
2D игра на Unity. Подробное руководство. Часть 3
2D игра на Unity. Подробное руководство. Часть 4
  • unity
2D игра на Unity. Подробное руководство. Часть 4
2D игра на Unity. Подробное руководство. Часть 5
  • unity
2D игра на Unity. Подробное руководство. Часть 5
2D игра на Unity. Подробное руководство. Часть 6
  • unity
2D игра на Unity. Подробное руководство. Часть 6
Учебник по новому GUI в Unity. Часть 2.
  • unity
Учебник по новому GUI в Unity. Часть 2.
Учебник по новому GUI в Unity. Часть 1.
  • unity
Учебник по новому GUI в Unity. Часть 1.

HTML LESS LESS React
Онлайн журнал для профессиональных веб-дизайнеров и программистов
БлогПлагиныГрафикаИнструменты
CanvasSPAcssjavascriptjqueryphotoshopphpunitywordpress{"fieldValue":[{"image_preview":"","image_demo":"","example":""}],"fieldSettings":{"autoincrement":1}}{"fieldValue":[{"image_preview":"https://cdn-images-1.medium.com/max/800/1*OIBUnA4NokXK14IMR5csTw.jpeg","image_demo":"https://cdn-images-1.medium.com/max/800/1*OIBUnA4NokXK14IMR5csTw.jpeg","example":""}],"fieldSettings":{"autoincrement":1}}Аудио/Видеоаккордеонанимациябазы данныхбраузерные игрыверсткагалереяграфикакартыкнопкименюпараллаксподсказкипопаппрелоадерслайдертаймерформычекбоксыэлементы интерфейса
© 2009-2017 WebSketches.ru