Ajax для веб-дизайнера. Что нужно знать веб-дизайнеру при создании веб-интерфейсов с использованием аякса

14 апреля 2009 в 19:05 | | yoyurec

Целью данной заметки является неформальное обобщение возможностей, которые дает Javascript и Ajax дизайнерам веб-сайтов и веб-интерфейсов. Информация предназначена именно для дизайнеров, вы не найдете тут описаний технических тонкостей организации тех или иных фич. Также мы воздержимся от излишнего ликбеза и расшифровки понятий.

jquery_ui


Итак, начнем!

С каждым днём веб-интерфейсы становятся всё более похожими на традиционные десктоп приложения. И главная задача – это, естественно, достижение большего уровня интерактивности и удобства для пользователя. Добиться всего этого можно используя такой старый добрый скриптовый язык, как Javascript. Который благодаря технологии AJAX обрёл практически безграничные возможности. Но не будем обобщать, а поговорим о самом популярном фреймворке jQuery. Именно на его основе хочется показать (интересных примеров очень много) красоту и возможности современной разработки веб-интерфейсов. Вдохновляйтесь и берите на вооружение!

Меню и навигация

Красивые реализации меню, анимация.
lava-lamp

Работа с контентом

Закладки, «аккордионы», слайдеры…
slick-tabbed-content

Фотогаллереи, слайдшоу, работа с картинками

jqzoom

Всплывающие подсказки и диалоговые окна

coda-bubble

Работа с формами, проверка введенных данных/валидация.

Применение Ajax позволяет проверять корректность введенных данных, незанятость логина при регистрации, и даже проводить авторизацию без перезагрузки страницы. При вводе информации пользователю могут выдаваться удобные контекстные подсказки.
jquery-validation-plugin

Расширенная функуциональность форм, украшательства

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

Это лишь малая часть всего того, что можно реализовать с помощью jQuery. Ведь ещё есть работа с таблицами данными и графиками, создание контекстных меню, WYSIWYG-редакторы, всевозможные анимации, древовидные меню и прочие фишки…

Ссылки для дополнительной информации:

Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Метки: , , , ,

5 комментариев на “Ajax для веб-дизайнера. Что нужно знать веб-дизайнеру при создании веб-интерфейсов с использованием аякса”

  1. Alexey пишет:

    Тут проблема в том, что большинство приведённых примеров – это не примеры использования Ajax, а примеры использования JavaScript. Скажем, если аккордион, закладки или выпадайки обращаются к серверу для получения своего контента, то да, там используется Ajax, потому что из источника данных на сервере забирается то, что нужно, без перезагрузки страницы. Но источником данных часто бывает сама HTML-страница, код из которой читается JavaScript’ом, обрабатывается и используется для построения виджета. То есть, эта заметка больше касается виджетов и эффектов, чем Ajax.

  2. yoyurec пишет:

    Это не проблема :)
    Упоминание слова AJAX в названии статьи можно понимать по разному…
    Например та же галлерея подтягивает картинки из rss фотохостинга Flickr, автокомплит тоже вытягивает данные и т.д. – дело зависит от реализации и дизайнерам это не суть важно.
    И, «да», – тут в основном визуальные примеры. Это сылки на красивости без вникания в их «кухню».

  3. Alexey пишет:

    К заметке стоит тэг «интерфейсі». :)

  4. alex пишет:

    вроде есть такой тег, хотя может Юра добавил.

  5. ruslan пишет:

    Зачем дизайнеру вообще знать что такое асинхронные запросы к серверу? Это задача для веб-программиста, а дизайнеру даже слышать краем уха об этом совсем не обязательно – у него свои проблемы…

    Вобщем, тема аякс+дизайнер осталась нераскрыта :)

Оставить комментарий

Вы должны войти чтобы оставить комментарий.

SEO Powered by Platinum SEO from Techblissonline