Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!
85 полезных и регулярно используемых AJAX-техник, необходимых для создания профессиональных веб-приложений
Опубликовано Февраль 5th, 2008 в Web-разработка |
Автор: SmashingMagazine.com
Перевод: Всеволод Козлов
AJAX предоставил веб-разработчикам возможность создавать первоклассные веб-приложения. Ярким примером одного такого является Gmail. На самом деле крупных примеров, реализованных с помощью AJAX уйма.
AJAX – это новый уровень интерактивности веб-приложений. Современные веб-приложения обладают улучшенным дизайном, пользовательским интерфейсом и функциональностью, чем раньше могли похвастаться только программные приложения.
Асинхронный JavaScript и XML – не новый язык программирования, как его часто ошибочно называют. На самом же деле AJAX – это совокупное использование XHTML, CSS, DOM, XMLHttpRequest и XML для решения все той же задачи – улучшения взаимодействия пользователя с веб-приложением.
В этой статье-обзоре мне хотелось бы снабдить Вас 85 полезными и регулярно используемыми AJAX-техниками, необходимыми для создания профессиональных веб-приложений, которые всегда должны быть у Вас под рукой.
В этой статье представлены следующие группы AJAX-техник:
- Автозаполнение на AJAX
- Редактирование полей на AJAX
- Меню и вкладки на AJAX
- Календари на AJAX
- Интерактивные элементы на AJAX
- Набор для разработчиков на AJAX
- Продвинутые решения на AJAX
- Формы на AJAX
- Таблицы на AJAX
- Галереи на AJAX
- Визуальные эффекты и анимация на AJAX
- Простой JavaScript
Я уверен, что такой богатый набор инструментов избавит Вас от необходимости в нужный момент лезть на AJAX-хранилища на поиски необходимого.
Автозаполнение на AJAX
2. AJAX Autocompleter / script.aculo.us library
4. Ajax autosuggest/autocomplete from database
Редактирование полей на AJAX
7. AJAX & CSS Flickr-like Editing Fields
Меню и вкладки на AJAX
9. 14 интересных решений реализации интерфейсов на вкладках
10. AJAX Menu Widget
11. AJAX Accordion Navigation: mootools demos
12. AJAX Dialogs, Menus, Grids, Trees and Views
13. AJAX Tab Module - Closeable Implementation
16. MooTabs - Tiny tab class for MooTools
17. Dynamically loaded articles
Календари на AJAX
18. AJAX Datetime Toolbocks - Intuitive Date Input Selection
19. AJAX Calendars
Интерактивные элементы на AJAX
22. Ajax poller
Набор для разработчиков на AJAX
23. AJAX HistoryManager, Pagination
26. AJAX Tooltips: Nice Titles revised | Blog | 1976design.com
27. 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine
30. GMail Ajax Style Username Signup
31. Gmail Ajax Style Check Username
33. ModalBox — An easy way to create popups and wizards
34. AJAX File Uploads progress bar
36. Fly to basket
38. Disable form submit on enter keypress
Продвинутые решения на AJAX
41. Altering CSS Class Attributes with JavaScript
42. Select Some Checkboxes JavaScript Function
44. amCharts: customizable flash Pie & Donut chart
45. PJ Hyett : The Lightbox Effect without Lightbox
Формы на Ajax
46. AJAX Upload Form
49. Ajax.Form: mootools demo
51. Really easy field validation
52. AJAX fValidate: a high quality javascript form validation tool
54. wForms: A Javascript Extension to Web Forms - The Form Assembly
Таблицы на AJAX
56. Grid3 Example
57. AJAX Table Sort Script (revisited)
59. AJAX TableKit
Галереи на AJAX
60. 30 скриптов, реализующих возможности галерей и слайд-шоу
61. AJAX LightBox, Sexy Box, Thick Box
62. AJAX Lightbox JS
63. AJAX Unobtrusive Popup - GreyBox
64. SmoothGallery: Mootools Mojo for Images | Full gallery
65. AJAX Libraries and Frameworks
Визуальные эффекты и анимация на AJAX
66. How to Create Digg Comment Style Sliding DIVs with Javascript and CSS
67. How to Create a Collapsible DIV with Javascript and CSS
68. How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS
69. AJAX Shopcart
72. AJAX Pull Down Effect: Rico Framework
73. AJAX Animation Effects: Rico Framework
74. Combination Effects in scriptaculous wiki
75. AJAX Motion Transition: Fx.Morph
Простой JavaScript
76. 9 Javascript(s) you better not miss !!
77. Top 10 custom JavaScript functions of all time
78. Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail
79. JavaScript: Top 10 Most Useful JavaScripts
80. My Favorite Javascripts for Designers: Blakems.com ?
Галереи, ресурсы
81. MiniAjax.com: a showroom of nice looking simple downloadable DHTML and AJAX scripts.
82. Ajax Rain: growing showcase of AJAX-examples.
83. Max Kiesler - mHub : Ajax and rails examples & how-to’s
84. Ajax Resources
85. DZone Snippets: Store, sort and share source code, with tag goodness
Оригинал статьи: 80+ AJAX-Solutions For Professional Coding
Популярность публикации: 23%
Похожие статьи по блогингу и веб-местерингу:
- 47 превосходных AJAX CSS форм
- 10+ бесплатных AJAX, DHTML и JavaScript решений, реализующих возможность создания многофункциональных таблиц
- 43 примера реализации всплывающих подсказок с помощью AJAX, JavaScript и CSS
- Таблицы, созданные с помощью CSS: современные и продвинутые решения
- 30 скриптов, реализующих возможности галерей и слайд-шоу





















































































17 комментария(-ев)
Огромное спасибо за тулзы. Даже не знаю, чем вас отблагодарить…
спасибо!! очень полезная информация!

Для Вас стараюсь! Очень приятно слышать добрые слова - это придает просто неописуемый стимул работать дальше!
А лучшая для меня благодарность - читайте подготавливаемый для Вас контент комментируйте и рекомендуйте по возможности
Вот так вот! Еще раз спасибо за теплые слова!
Очень полузная статья , спасибо прочитал не отрывая глаз.
Да, много чего интересного! Спасибо!
На здоровье! Все для Вас!

Замечательная и очень полезная статья
Нет цены такой полезной информации
Большое спасибо

Полезная статья и интересные эффекты. Большое спасибо!
Спасибо огромное.
Много интересных штук собраны в одном месте:) Очень полезно.
Спасибо! Почерпнул много нового!
Да уж, сколько бы не было фреймворков, а jquery самый-самый, к тому же и плагинов к нему много. Спасибо за подборку.
Я в полном восторге!
Спасибо!!!!!!
Спасибо большое! Очень очень полезно! =)
Спасибо за информацию, пускай она и неновая (материалы похожие уже встречались) но как говориться пОвторение, мать учения!
пост гавно че лень было перевести
зы без знаков припинания