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

yoyurec — Tue, 14 Apr 2009 17:05:46 +0000

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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