JavaScript

Простой ColorPicker для jQuery

Простой ColorPicker для jQuery

Really simple ColorPicker — уже по названию видно, что это «реально» простой jQuery-плагин для выбора цвета, из возможнойстей, только самое необходимое:

  • добавить свои цвета в набор
  • заменить цвета в базовом наборе

Really simple colorpicker
Really simple colorpicker

Метки: ,

Четверг, 14 мая 2009 JavaScript Комментариев нет

MooTools FileManager — файл-менеджер в браузере

MooTools FileManager — MooTools-файл-менеджер использующий FancyUpload3, с его помощью можно загружать, изменять и просматривать файлы и папки, на сервере, просто в браузере. FileManager обладает приятным, простым и интуитивным интерфейсом. Может быть легко интегрирован в TinyMCE.

MooTools FileManager - файл-менеджер в браузере

FileManager запускается в модальном окне и активно использует AJAX.

Основные возможности:

  • быстрый просмотр файлов/директорий
  • переименование, удаление, перемещение, копирование и загрузка файлов/директорий
  • просмотр графических, текстовых и сжатых файлов, прослушивание аудио-файлов
  • авто-изменение размеров загружаемых файлов
  • поддержка drag'n'drop и клавишных комбинаций

MooTools FileManager
MooTools FileManager v.1.0RC1

Метки: ,

Суббота, 9 мая 2009 JavaScript Комментариев нет

FancyUpload3 — мощный и гибкий AJAX-загрузчик файлов

FancyUpload3 — новая версия популярного AJAX-загрузчика для файлов, который ненавязчиво(unobtrusive) заменяет стандартный HTML-элемент INPUT для загрузки файлов.

FancyUpload3 - мощный и гибкий AJAX-загрузчик файлов

FancyUpload построен на базе JavaScript-фрэймворка MooTools,  для работы используется Swiff и так как для загрузки используется SWF-файл — то серверная часть может быть написана на любом подходящем языке программирования.

Основные возможности:

  • внешний вид полностью настраивается с помощью CSS/XHTML
  • параллельная загрузка нескольких файлов
  • очередь загрузки
  • отображение скорости загрузки
  • отображение прогресса загрузки с помощью анимированного прогресс-бара
  • можно задать ограничения на количество, тип или размер загружаемых файлов
  • отображение информации о выбраных для загрузки файлах

FancyUpload обладает очень гибким API со множеством опций, и хорошей документацией.

FancyUpload3

Метки: ,

Пятница, 8 мая 2009 JavaScript Комментариев нет

MochaUI — UI-библиотека для MooTools

MochaUI — это библиотека элементов, для построения графического пользовательского интерфейса, на основе JavaScript-фреймворка MooTools.

MochaUI - UI-библиотека для MooTools

MochaUI для создания градиентов, теней и скругленных углов использует canvas, вместо изображений.

MochaUI
MochaUI

Метки: ,

Пятница, 8 мая 2009 JavaScript Комментариев нет

jPlayer — jQuery-плагин для проигрывания mp3

jPlayer - jQuery-плагин для проигрывания mp3jPlayer — jQuery-плагин для встраивания в веб-страницу аудио-плеера, который проигрывает MP3-файлы. Непосредственно для проигрывания используется Flash-файл, внешний вид полностью настраивается с помощью HTML и CSS.

jPlayer - jQuery-плагин для проигрывания mp3

jPlayer предоставляет:

  • выбор mp3-файла для проигрывания
  • управление воспроизведением — играть, стоп и пауза
  • управление громкостью звука
  • наложение эффектов
  • прогресс воспроизведения и т.п.

демо jPlayer
jPlayer v.0.2.1

Метки: ,

Четверг, 7 мая 2009 JavaScript Один комментарий

FullCalendar — jQuery-календарь с Drag'n'Drop

FullCalendar — jQuery-плагин для создания полноразмерного календаря с поддержкой drag'n'drop и AJAX.

FullCalendar - jQuery-календарь с Drag'n'Drop

FullCalendar имеет хорошую документацию, а внешний вид легко настраивается с помощью CSS.

демо FullCalendar
FullCalendar

Метки: ,

Понедельник, 4 мая 2009 JavaScript Комментариев нет

Context Menu — jQuery-плагин для создания контекстного меню

A beautiful Site Studio logoContext Menu — это jQuery-плагин для создания контекстного меню, очень похожего на описанный ранее ContextMenu для MooTools.

Контекстное меню (обычно, вызываемое правой кнопкой мыши) очень мощный инструмент, который может «разгрузить» админ-интрефейс сложных CMS, позволяя добраться к часто используемым действиям всего за один клик мыши.

Внешний вид Context Menu легко настраивается с помощью CSS, используемый для вставки контекстного меню в документ код — абсолютно валидный XHTML.

jquery-context-menu

Количество элементов Context Menu может легко изменяться, а так же, любой элемен меню может быть как активными так и неактивными в определенных ситуациях — это задается с помощью JavaScript.

Демо Context Menu
Context Menu 1.0

Метки: ,

Суббота, 25 апреля 2009 JavaScript Комментариев нет

tabSwitch — jQuery-плагин для навигации с помощью закладок и слайдов

tabSwitch — jQuery-плагин, который поможет быстро и просто, создать интерфейс  для навигации в стиле закладок(tab) и слайдов(slider), переключение может быть как последовательным, так и с переходом на выбранную закладку/слайд вне очереди. Есть возможность задать время, по истечении которого, закладки или слайды будут автоматически переключаться в цикле. В качестве контента можно использовать любой HTML-код.

tabswitch-jquery-tabs-sliders

Внешний вид легко настраивается с помощью CSS, при этом для каждой закладки или слайда могут быть заданы свои собственные классы.

демо tabSwitch
tabSwitch

Метки: ,

Четверг, 23 апреля 2009 JavaScript Комментариев нет

ReCSS — перезагрузка CSS-файлов

Частая проблема в процессе веб-разработки, когда что-то изменилось в CSS-файле, а страницу перегружать не хочется или даже после перезагрузки новые стили не подгружаются, а берутся из кэша браузера (можно конечно жать CTRL+F5) — можно использовать ReCSS v1.1 — букмарклет (bookmarklet), который принудительно перегружает все CSS-файлы на странице без перезагрузки самой страницы. Просто перетащите его на панель закладок и нажимайте при необходимости...  но не чаще :)

Метки:

Среда, 22 апреля 2009 CSS, JavaScript Комментариев нет

GalleryView — jQuery-плагин для галереи с гибкими настройками

GalleryView — это jQuery-плагин, который превращает обычный список (UL — unordered list) в галерею с приятным внешним видом и гибкими настройками. В качестве контента можно использовать не только изображения, но и HTML и Flash.

GalleryView - jQuery-плагин для галереи с гибкими настройками

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

демо GalleryView
Урок по использованию GalleryView
GalleryViewv.1.1

Метки: ,

Среда, 22 апреля 2009 JavaScript Один комментарий
Май 2012
Пн Вт Ср Чт Пт Сб Вс
« Апр    
 123456
78910111213
14151617181920
21222324252627
28293031