Показаны сообщения с ярлыком jQuery. Показать все сообщения
Показаны сообщения с ярлыком jQuery. Показать все сообщения

вторник, 3 мая 2011 г.

10 Полезных виджетов jQuery эффектов

Добрый день друзья!Обходя просторы интернета,я наткнулся на один сайт,который может значительно облегчить жизнь веб мастерам и веб дизайнерам.Перевожу содержание сайта на русский и будут нам очередные уроки веб дизайна.Я подам эффекты в виде списка для облегчения восприятия.Итак
  1. Grid Accordion-сетка ячеек расширяется в обе стороны вертикально(очень похоже на обычный аккордеон)для того,чтобы отобразить горизонтально контент,который он содержит.
  2. Anything Slider-базирующиеся на jQuery ползунки с множеством особенностей:хэштеговое ссылание на слайды,"бесконечное ползанье".Динамически создает любое количество слайдов,мультинавигацию,API и многое другое.

воскресенье, 17 апреля 2011 г.

Официальные плагины jQuery

Добрый день всем,кто не спит и хочет заработать немного бабла.Сегодня в рамках уроков веб дизайна ознакомимся с новыми возможностями jQuery,опубликованными на их блоге.Вещь полезная,особенно веб мастерам.

6 октября 2010 года была опубликована запись в официальном блоге jQuery об анонсе трёх плагинов jQuery, созданных при поддержке команды Microsoft. Эти плагины – плагин шаблонов (the jQuery Templates plugin), плагин привязки данных (the jQuery Data Link plugin) и плагин глобализации (the jQuery Globalization plugin) – получили статус “Официальные плагины проекта jQuery” (officially supported plugins of the jQuery project).

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

вторник, 29 марта 2011 г.

Меню LavaLamp

Честно говоря я не прикалываюсь разными эффектами(этот этап у меня уже прошел,хотя побаловаться разными эффектами я не прочь ).И приятель меня спрашивает посколь ты ведешь уроки веб дизайна подскажи,как реализовать меню LavaLamp.Отвечаю ...

LavaLamp меню используется многими веб сайтами.Существует jQuery  плагин  для этого,а я не собираюсь изобретать велосипед,но нам должно быть ясно,как это работает.Обычно это все разбивается на разные секции(html,css и javascript-стандартное разделение для jQuery).Могут создаваться две версии костяк и стилизованная,но это уже скорее для продвинутых веб мастеров.Нас интересует простая менюшка.

воскресенье, 20 февраля 2011 г.

LightBox


Эффект Lightbox очень интересно смотрится с точки зрения веб-дизайна.Отдельный вопрос,что поисковики не очень любят JavaScript.Но такова тенденция в развитии дизайна,к тому же появился jOuery,значительно облегчающий работу веб-мастера.Тут нужно найти"соломонову середину" и все будет Ok.Во всяком случае без разнообразных еффектов интернет уже немыслим.Работает со всеми платформами(с Blogger я пока не эксперементировал).Однако через пару дней начну.
Итак какие же скрипты уже существуют из многочисленных разработок  на сегодняшний день.


Lightbox2
Если вы используете prototype и scriptaculous, то это лучший вариант. Сам скрипт без фреймворков весит всего 18Кб, а если очистить от комментариев и ужать, то будет в разы меньше.


Дизайн и физика движений довольно приятные, в целом скрипт довольно хорош, классика.

Lightview
Серьезная вещь, но к сожалению коммерческая. Работает не только с картинками, но и с видео, формами, фреймами, флешем и другим контентом. Отличный дизайн окна, приятная физика движений, возможность показа картинок слайдами. Умеет подстраиваться под размеры окна, есть возможность добавлять свои события (events), и традиционно основан на prototype и scriptaculous.

Очень хороший скрипт, его цена от 3€ до 295€ в зависимости от лицензии.

LightWindow v2.0
Мощный скрипт, имеет массу возможностей:

Поддерживает все типы медийных данных
Классная анимация
Галереи (прекрасно реализованы)
Центровка и сжатие изображений под размеры окна
и т.д.
Так же основан на prototype и scriptaculous.

Вердикт — безусловный must have. К тому же бесплатен.

вторник, 1 февраля 2011 г.

Форма контактов с jQuery LightBox

 Сегодня я хочу предложить вашему вниманию продвинутый вариант реализации контактной формы с помощью jQuery lightBox.Элементы можно подключить вручную,однако существует сервис и называется он Kontactr.

Если вы слабо представляете о чем идет речь, jQuery lightBox — это плагин с помощью которого сейчас модно организовывать, например, галереи. При этом галерея появляется по верх содержимого, а содержимое в свою очередь затемняется. В нашем случае, это будет выглядеть вот так:
jQuery lightBox


Зачем это нужно? Во-первых, это современно выглядит. Во-вторых у пользователя нет необходимости покидать ту страницу на которой он в данный момент находится, что весьма удобно. Итак:

Шаг 1: Регистрируемся на сервисе Kontactr
Первое что нам нужно сделать — зарегистрироваться в сервисе Kontactr. На это потребуется несколько минут, в конце регистрации вы получите URL ссылку на вашу контактную форму:


Kontactr

она то нам и понадобится. Если у вас уже есть аккаунт просто зайдите в него и посмотрите адрес URL.

Шаг 2: Добавляем виджет на сайт
Теперь, добавляем в макет вашего блога элемент HTML/JavaScript виджет со следующим кодом:




Обратите внимание на 2 момента в коде — вместо, URL-ВАШЕЙ-ФОРМЫ, как вы уже догадались, нужно поставить адрес вашей формы, полученный на первом этапе. Сохраняем виджет.

пятница, 7 января 2011 г.

jQuery

jQuery


Тенденция последних лет в создании веб-приложений – использование функциональности,
 которая до этого была доступна только прикладным программам. Это и всевозможная анимация, и общение с сервером без перезагрузки страницы, и использование «не веб»-элементов (деревья, табы, сплиттеры и многое другое).
Над самим термином «клиентское веб-приложение» можно смеяться, о нем можно дискутировать, но факт остается фактом – уже появились решения, которые кроме как «веб-приложением» назвать нельзя (взять тот же Gmail, например). И теперь наша задача, как разработчиков, взять на вооружение все, что позволит создавать новые приложения, которые соответствуют новым, пока еще правда сырым, стандартам, объединяемым звучным названием «Веб 2.0».
Большая часть технологической стороны новых веб-приложений опирается на предсказуемость поведения современных браузеров. Все наиболее распространенные браузеры разве что не препарированы энтузиастами. Такие копания во внутренностях позволяют этим же энтузиастам создавать разнообразный инструментарий для работы над веб-приложениями в целом, так и над каждой веб-страницей в отдельности. Но так как в заголовок статьи вынесено слово «Javascript», то и говорить мы будем о нем.

LinkWithin

Related Posts Plugin for WordPress, Blogger...