Апр

20

Лучшие плагины jQuery для работы с формами (часть 2)

By masster

AlphaNumeric

jquery plugin
С помощью этого плагина вы легко сможете наложить ограничения на символы, вводимые пользователем в поля ввода. Эти правила задаются как параметры настройки плагина. Например, если вы хотите ограничить ввод только буквенными символами, подчеркиванием и цифрами - например, в поле ввода имени пользователя, то вы просто добавляете вот такую строчку кода:

$('.sample_calss').alphanumeric();

Здесь подразумевается, что стиль CSS поля ввода относится к классу sample_class:

Теперь пользователь не сможет ввести в этом поле текст <script>

ToggleVal

jQuery toggleval
Назначение этого очень полезногоплагина - очищать поле ввода, задаваемое по умолчанию ( например, “Введите дату…”), при получении фокуса этим полем (например, при щелчке мышью, когла в поле ввода появляется курсор)
Кроме того, он умеет распознавать лэйблы (label) и использовать текст, заключенный между ними, в качестве текста в поле ввода. Если после получения фокуса стиль поля ввода должен меняться - то это тоже легко настраивается.

Input Verfication

jquery verificatopn
Этот плагин помогает наладить проверку данных, которые вводит пользователь
Скачать

Апр

19

Лучшие плагины jQuery для работы с формами (часть 1)

By masster

Плагины для улучшения внешнего вида формы

jNice

Этот плагин появился сравнительно недавно, но уже завоевал своих почитателей - теперь проблема совместимости ваших форм с разными браузерами - не ваша головная боль. Всю работу делает плагин, причем справляется с этой работой отлично.
jQuery plugin_2

Скачать

Демо

jqTransform

Разные элементы формы, такие как флажки, радиокнопки, поля ввода, текстовые поля и т.п. по разному отображаются в разных браузерах. Преобразованием к единому виду занимается этот замечательный плагин.
jQuery plugin_2

Niceforms

Этот плагин тоже занимается макияжем формы на веб-странице, а также, как и предыдущие, занимается проблемами кросс-браузерности. Не работает в IE6.

Так выгдядит форма до применения плагина:

plugin_3

А так - после

niceform_after
Скачать
Демо

Продолжение следует

Мар

21

14 jQuery плагинов для работы с картинками - самых мощных и кросс-браузерных

By masster

Most powerful jQuery plugins for image manipulations

jQuery cкрипты сегодня супер популярны - они позволяют реализовать такой фнукционал на сайте, который раньше было можно сделать только с использованием Flash. Отличительной особенностью jQuery является потрясающая надежность и кросс-браузерность этого фреймворка. Добавьте к этому отличную документацию, быстроту разработки и массу сэкономленного времени и сил. Сегодня мы поговорим о том, как jQuery помогает дизайнерам и веб-программистам сделать показ картинок фантастически красивым и удобным.

Надо еще заметить, что jQuery набирает обороты - с каждым днем этот легкий фреймворк jQuery становится все более и более популярным среди самых продвинутых разработчиков сайтов. (Кстати, Twitter.com использует именно jQuery!). Скрипты на jQuery можно встретить сегодня практически на любом сайте с продвинутым интерфейсом

Привиденная ниже подборка материалов специально предназначена для эффектного отображения картинок на вашем сайте.

1. s3 Slider

 - screen shot.

Демо.

Когда я впервые увидел это слайд-шоу в виде слайдера, я подумал что все сделано на флэше. Оказалось - jQuery. Прощай мой ласковый Flash, здравствуй - jQuery

2. jQuery Image Strip

jQuery Image Strip - screen shot.

Демо.

Очаровательный просмотровик картинок с изящно-гламурными эффектами.

Read more »

Фев

5

Плагины для jQuery (Plugins for jQuery)

By masster

Хочу поделиться несколькими ссылками, в которых подробно описывается процесс написания собственных плагинов для jQuery.
1. A Plugin Development Pattern
в этом тюториале дается некий шаблон для написания плагина, при этом процедура написания плагина сведена к нескольким шагам, каждый из которых очень хорошо прокомментирован.

2. Developing a jQuery Plugin Известно, что существует два разных подхода при написании плагинов, которые приводятся на официальном сайте jQuery. Эти подходы рассматриваются в данной статье.

3. Building Your First jQuery Plugin - практическое руководство по написанию плагинов на примере простенького плагина, который обрубает длинный текст, добавляя в конце ссылка типа “далее…”. Пожалуй, самое доступное и подробное изложение технологии создания плагинов ( если не считать отдельную главу в  классической книге Learning jQuery)