Vizor-IT blog » JavaScript

TN3 Gallery — красивая и простая в использовании jQuery-галерея

Vizor — Fri, 01 Jul 2011 06:53:34 +0000

TN3 Gallery — полностью основанная на HTML и jQuery галерея изображений, легко настраивается, имеется слайд-шоу и несколько вариантов альбомов, для изменения внешнего вида используются CSS-скины, а так же есть поддержка XML и Flickr. Код TN3 Gallery совместим со всеми современными настольными и мобильными браузерами. Если при создании сайтов вам нужно будет эффектно представить изображения в виде галереи — то с помощью TN3 Gallery это можно сделать быстро и с минимальными усилиями.

С TN3 Gallery вы можете легко создавать удивительные галереи фотографий и слайд-шоу с несколькими альбомами, предварительной загрузкой изображений, динамическим изменением размеров изображения, для навигации можно использовать колесо мыши.

Основные преимущества TN3 Gallery:

не нужно уметь программировать и использовать специальное программное обеспечение
работает во всех популярных браузерах
можно легко создавать собственные темы оформления, изменяя базовую тему
генерируемый код создается с учетом семантики и оптимизации для поисковых систем
имеются основные настройки для переходов между изображениями и несколько эффектов — fade, slide, blinds, grid
возможность задавать описания для показываемых изображений
режим ручного просмотра и с автоматическим зацикленным просмотром
предварительная фоновая загрузка изображений
просмотр в полноэкранном режиме
использование нестандартных шрифтов с помощью Cufon и @font-face
поддержка мобильных браузеров для смартфонов и планшетных ПК, включая iPhone и iPad
и на конец — отлично документированный мощный API для полного контроля над работой и отображением галереи

HTML5 Boilerplate — лучший шаблон для HTML5

Vizor — Thu, 26 Aug 2010 04:00:52 +0000

HTML5 Boilerplate — этоодин из лучших HTML/CSS/JS шаблонов для HTML5/CSS3 разметки с добавлением некоторых улучшений и оптимизаций.

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

кроссбраузерный
совместим с IE6
HTML5/CSS3
правила для сжатия и кеширования в .htaccess
оптимизация под мобильные браузеры
стили для iOS и Android OS
кросс-доменная поддержка для AJAX и Flash
стили для печати и т.п.

html5form — jQuery-плагин для валидации форм в HTML5

Vizor — Wed, 25 Aug 2010 08:38:45 +0000

В HTML5 предусмотрена валидация форм без необходимости использовать Javascript, но на данный момент только браузеры на движке WebKit (Chrome, Safari и т.п.) реализуют возможности webForms 2.0.

html5form — jQuery плагин, который добавляет поддержку webForms 2.0 для не-Webkit браузеров. Все что нужно — это создать код формы в соответствии с HTML5, плагин сам получит всю необходимую информацию из кода фомры и обработает ее, если будет обнаружен браузер Internet Explorer, Opera или Firefox.

Coin Slider — jQuery-плагин для пролистывания изображений

Vizor — Fri, 09 Apr 2010 16:05:05 +0000

Coin Slider — jQuery-плагин для создания слайдера — элемента интерфейса для последовательного просмотра изображений. Coin Slider может создавать различные эффекты переходов, и автоматически резрезать изображения на части для их создания.

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

Работает в:

Особенности

Уникальные эффекты переходов: случайный, вихрь, дождь, прямой
Валидная разметка
Гибкие настройки
Поддерживаются ссылки и описания изображений
Размер всего 8КБ

Coin Slider

Vanadium — jQuery-плагин для валидаци

Vizor — Fri, 11 Sep 2009 08:00:35 +0000

VanadiumJS — мощный jQuery-плагин для валидации данных на стороне клиента. Поддерживается как обычная загрзука данных с сервера, так и с помощью AJAX. Правила валидации могут быть заданы двумя путями:

с помощью JSON
обычной inline-разметкой

С помощью VanadiumJS валидирование может происходить в момент ввода данных, с некоторой задержкой после ввода или перед отправкой данных.

VanadiumJS
VanadiumJS v.23

Superbox! — jQuery-плагин для создания модального окна

Vizor — Wed, 10 Jun 2009 08:50:01 +0000

jQuery Superbox! — jQuery-плагин для создания и гибкой настройки модального окна на подобии лайтбокса (lightbox). Для работы, как и многие другие плагины подобной функциональности, используются аттрибуты rel и href, внешний вид легко настраивается с помощью CSS.

Любой HTML-контент может быть использован для Superbox! - изображения (одиночное или галлерея), обычный текст, iframe и т.п.

Размеры Superbox! определяются автоматически в зависимости от размеров контента, или могут быть жестко заданы.

Superbox!

dhtmlxScheduler — календарь и планировщик с поддержкой AJAX

Vizor — Sun, 07 Jun 2009 07:20:41 +0000

dhtmlxScheduler — это on-line кадендарь-планировщик с поддержкой событий, имеет простой и приятный интерфейс с поддержкой AJAX, который позволяет добавлять, удалять и изменять события без перезагрузки всей страницы.

Возможность перетаскивать (drag'n'drop) события предоставляет простой, интуитивно-понятный интерфейс для выставления начала и продолжительности событий. События в календаре могут отображаться по дням, неделям и месяцам.

dhtmlxScheduler очень легкий (около 19 KB в сжатом виде), кросс-браузерный и гибко настраиваемый. Каждый элемент интерфейса календаря может быть настроен с помощью JavaScript API — добавить/обновить события, изменить формат даты-времени, временную шкалу или язык календаря.

dhtmlxScheduler написан на «чистом» JavaScript, для обмена данными между клиентской и серверной частью можно использовать dhtmlxConnector — PHP-расширение, которое реализует необходимые методы, или написать свое собственное на любом серверном языке (PHP, Java, ASP и т.п.)

dhtmlxScheduler
dhtmlxScheduler

jsTree — JavaScript-компонент для построения древовидного меню

Vizor — Tue, 02 Jun 2009 05:00:18 +0000

jsTree — это кросс-браузерный, бесплатный JavaScript-компонент для построения древовидного меню (tree-меню), с большими возможностями в плане настроек.

В качестве источника для построения jsTree можно использовать:

подготовленный HTML-код
данные в формате JSON
данные в формате XML

Элементам jsTree можно задать различные состояния — open, close, rename, create, delete, и назначать callback-функции — onchange, oncreate, ondelete, onload и т.п.

Отличной возможностью является асинхронная загрузка для построения динамических jsTree-меню, достаточно просто указать URL откуда загружать данные.

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

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

jsTree так же можно использовать как jQuery-плагин.

jsTree
jsTree

php.js — PHP-функции в JavaScript

Vizor — Thu, 28 May 2009 07:15:03 +0000

php.js — это JavaScript-библиотека, которая позволяет использовать функции PHP на клиентской стороне. Может оказаться полезной для разработчика, которому потребуется уже на странице в браузере вызвать какую-либо функцию PHP, на пример — file_get_contents(), mktime(), serialize().

На данный момент портированно около 400 наиболее востребованных функций и работы продолжаются.

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

php.js

Ribbon — меню в стиле Microsoft Office на jQuery

Vizor — Tue, 26 May 2009 08:45:53 +0000

Ribbon — интерфейс меню от Микаэла Содерстрома (Mikael Soderstrom), как в современном Microsoft Office, реализованный на jQuery.

В jQuery Ribbon Release 2 от 24 мая еще добавлена поддержка навигации с помощью клавиатуры.

jQuery Ribbon
jQuery Ribbon