В группе я частенько делюсь ссылками на интересные jQuery-плагины, отдельные js-библиотеки, UI-фреймворки и другие полезные вещи для веб-дизайнеров и разработчиков. Решил собрать все самое популярное за последнее время в один пост.

jQuery-плагины и Javascript-библиотеки:

плоские тени

jQuery Flat Shadow – плагин для создания теней в стиле flat.

 проверка цвета фона

BackgroundCheck – крайне полезный скрипт, который в зависимости от цвета фона на котором находиться элемент, определяет цвет элемента для хорошей видимости/читаемости. На сайте доступно много хороших примеров.

pnotify-opovesheniya-bootstrap

PNotify – jQuery-плагин расширяет возможности Bootstrap (или jQuery UI) и позволяет создавать всплывающие текстовые уведомления.

генератор triangle pattern

Triangle Pattern Generator – крутой генератор полигональных фонов с множеством настроек и возможностью экспорта.

встраивание панорам на сайт

JQuery Panorama Viewer Plugin – позволит встраивать и комфортабельно просматривать крупные панорамы на сайте.

slick-carousel-sozdanie

slick – jQuery плагин для созания адаптивной карусели (carousel).

blur-js-razmiti-fon

blur.js – jQuery-плагин для создания полупрозрачных размытых элементов

float label pattern

floatlabels.js – один из многих вариантов реализаций float label pattern’a на jQuery

эффекты при прокрутке страницы

ScrollMagic – jQuery-плагин для создания стильных анимационных эффектов при прокрутке страницы. Примеры на сайте.

боковое меню off-canvas

Pushy – jQuery-плагин для создания адаптивного off-canvas меню

работа с датами

date-math – набор математических функций для простой и быстрой работы с датами

загрузчик файлов для сайта

jQuery Drag and Drop File Uploader – полноценный скрипт загрузчика файлов на jQuery с drag&drop-интерфейсом

полигональные фоны

Trianglify – отдельная javascript-библиотека для генераций цветных полигональных фонов.

обрезание фотографий

Croppic – небольшой jQuery-плагин предоставляющий функционал для обрезки изображений (crop)

tags-input-fileds

taggingJS – jQuery плагин для создания «умных» input-полей для тегов

переключатель jquery

select-switch – небольшой javascript, который превращает выпадающий список (select box) в переключатель (switch)

строка загрузки страницы

Pace.js – скрипт позволит создать прогресс бар для отображения загрузки сайта

распознавание текста js

JavaScript OCR Demo – распознавание текста с фото на основе Javascript

реалистичные тени для веба

shine.js – js-библиотека для создания реалистичных теней для веб-элементов

CSS:

красивые hover эффекты

iHover – большая коллекция готовых hover-эффектов с примерами и кодом

css3 анимаций

Magic – еще один отличный набор готовых анимаций на основе возможностей CSS3

css эффекты

Effeckt.css – большой набор готовых эффектов анимации на CSS3

разные тени на чистом css

CSS3 Box Shadow Snippets – разные варианты теней на CSS. На сайте доступны примеры и код.

css-smartphones

Devices.css – коллекция смартфонов на #CSS (iPhone 5S, iPhone 5C, iPad Mini, iPhone 4S, Nexus 5, Lumia 920, Galaxy S5, HTC One)

интерактивное обучение css

CSS Diner – небольшая интерактивная игра, которая поможет разобраться начинающим с CSS селекторами

Разное:

онлайн редактор кода

Enjoycss – онлайн редактор для генерирования кода веб-элементов (HTML&CSS) с помощью простого WYSIWYG-интерфейса. На сайте доступна галерея с уже готовыми примерами.

индикатор загрузки веб

Loading… – набор индикаторов для отображения загрузки страниц в формате SVG

редактор шрифтов онлайн

Glyphr – бесплатный онлайн-инструмент на основе HTML5 предназначенный для создания шрифтов

шаблон панели управления

AdminLTE Dashboard Theme – красивая тема для создания админ-панели (dashboard) на основе популярного фреймворка Bootstrap

веб-приложения для ios

Framework7 – это бесплатный HTML-фреймворк для создания гибридных мобильных веб-приложений под платформу iOS7

прототипы андроид приложений

Fries – еще один бесплатный UI-фреимворк для создания прототипов android-приложений (HTML,CSS,JS)

Content Generator for Sketch – отличный плагин для набирающего популярность редактора/, позволит легко генерировать случайные аватары пользователей, имена, геолокаций и другой контент.

ScreenSiz.es – полезный ресурс с таблицей размеров и разрешениями популярных устройств

Опубликовано

Похожие записи

Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo