ArtsLab - веб-дизайн для всех Голосов: 1 Адрес блога: http://artslab.info Добавлен: 2011-02-02 16:47:37 блограйдером artslab

Подборка полезных инструментов для веб-разработчиков (Апрель)

2014-05-05 19:03:20 (читать в оригинале)

В группе я частенько делюсь ссылками на интересные 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 – полезный ресурс с таблицей размеров и разрешениями популярных устройств