К постам Опубликовано: 2016-09-03

Интересные JavaScript и CSS библиотеки

10 Интересных JavaScript и CSS библиотек на июнь 2016

Push

push.jsPush_уведомления имеют хорошую поддержку у браузреров, но есть некоторые проблемы с работой API кросс_браузерности. Push.js это библиотека которая решает эти проблемы и предлагает чистый, универсальный путь дляконтроля уведомлений на рабочий стол, которые работают схоже у Chrome, Firefox, Safari и IE.

Cutestrap

cutestrapCutestrap это CSS фреймворк который будет компактной альтернативой Bootstrap. В его 8kb содержиться библиотека упакованых, хорошо оформленых UI компонентов, расширенная адаптивная сетка. Из-за его простоты, Cutestrap очень легко кастомизировать с помощью переписи стандартных стилей или Sass.

Timedropper

timedropperTimedropper это виджет выбора времени из хорошим дизайном и приятной анимацией. Требует jQuery и может быть инициализирован с любым полем ввода простым $('#some-input').timeDropper(); вызовом. Мы также рекомендуем брата Timedropper’а Datedropper, чудесный “выбиратель” даты.

CSSgram

cssgramCSSgram это библиотека которая предлагает больше чем 20 Инстаграм фильтров переделаных используя CSS фильтр и blend свойства. Она не полагается на JS что бы достичь нужного эффекта, также она очень проста в использовании _ таккже как нативный CSS или Sass. CSSgram работает во всех десктопных и мобильных браузерах, кроме IE который не поддерживает CSS фильтры.

Flexbox Grid

flexbox gridНативная CSS библиотека для создания адаптивных шаблонных сеток. Как говорит имя Flexbox Grid полностью создана на гибкой блочной модели, которая делает ее наиболее современным путем построения шаблонов HTML. Сетка создана при помощи flexbox свойств и есть очень адаптивной, также может выравниваться и позиционироваться с малыми усилиями.

Intense Images

11_intenseКрасивый просмотрщик картинок, который позволяет пользователям увеличивать любой медиа_объект и открывать в полный экран. Библиотека выглядит чудесно и без анимаций и стилей, которые также легко кастомизировать и сделать под свои нужды. Intense images не имеет внешних зависимостей и должна работать во всех современных браузерах.

Picnic

picnic cssPicnic это CSS фреймворк который отличает себя от большого количества массива front-end библиотек с одной уникальным качеством – инвазивность. Это означает что Picnic CSS не полагается на пользователя, на добавление классов нужному элементу для стилизации. Вместо этого он овладевает стандартными стилями на странице и автоматически добавляет свою кастомизацию ко всем HTML элементам, оставляя разметку краткой и чистой.

Embed.js

embed.jsJavaScript плагин для вложения смайликов, медиа, карт, и всех видов интересного материала в HTML тексте. При инициализации на элементе, Embed.js примет его внутренний текст и заменит специфическую разметку в строке со специальным содержанием: ссылки YouTube превращаются в видео, Twitter ссылки на чириканье, Spotify ссылки в аудиоплееров и т.д. длинный список услуг доступны в том числе Github, SoundCloud, Codepen, Instagram, и многие другие.

Trianglify

9_triang Trianglify это библиотека JavaScript для создания геометрических градиентов изображения. После настройки размеров вашего градиента и как она должна выглядеть (цвета, размера ячеек и т.д.), конечный результат можно сделать непосредственно в canvas, как DOM узел SVG, или экспортированы в качестве base64 данных URI. Онлайн генератор также доступен.

Typed.js

type.jsС Typed.js вы можете заменить скучные заполнители в полях ввода на анимированные. Просто запишите один или несколько примеров строк и этот плагин JQuery будет отображать их в виде, как будто они набираються. Есть также некоторые параметры настройки, такие как различные курсоры, скорость типа, зацикливание, и многое другое. Источник статьи (15 библов)