Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

-->

Автор: 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

1. AJAX AutoSuggest

2. AJAX Autocompleter / script.aculo.us library

3. AJAX AutoCompleter

4. Ajax autosuggest/autocomplete from database

5. Ajax dynamic list

Редактирование полей на AJAX

6. AJAX inline text edit 2.0

7. AJAX & CSS Flickr-like Editing Fields

8. AJAX Instant Edit

Меню и вкладки на 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

14. Ajax Tabs Content

15. AJAX Tabbed Content

16. MooTabs - Tiny tab class for MooTools

17. Dynamically loaded articles

Календари на AJAX

18. AJAX Datetime Toolbocks - Intuitive Date Input Selection

19. AJAX Calendars

Интерактивные элементы на AJAX

20. AJAX Floating Windows

21. AJAX Star Rating Bar

22. Ajax poller

Набор для разработчиков на AJAX

23. AJAX HistoryManager, Pagination

24. AJAX Login System Demo

25. AJAX image preloader

26. AJAX Tooltips: Nice Titles revised | Blog | 1976design.com

27. 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine

28. AJAX Web Controls

29. AJAX syntaxhighlighter

30. GMail Ajax Style Username Signup

31. Gmail Ajax Style Check Username

32. Transparent Message

33. ModalBox — An easy way to create popups and wizards

34. AJAX File Uploads progress bar

35. Chained select boxes

36. Fly to basket

37. AJAX Key Events Signal

38. Disable form submit on enter keypress

Продвинутые решения на AJAX

39. AJAX Instant Completion

40. Novemberborn: Event Cache

41. Altering CSS Class Attributes with JavaScript

42. Select Some Checkboxes JavaScript Function

43. AJAX Emprise Charts

44. amCharts: customizable flash Pie & Donut chart

45. PJ Hyett : The Lightbox Effect without Lightbox

Формы на Ajax

46. AJAX Upload Form

47. An AJAX contact form

48. AJAX contact form

49. Ajax.Form: mootools demo

50. Ajax form validation

51. Really easy field validation

52. AJAX fValidate: a high quality javascript form validation tool

53. Ajax newsletter form

54. wForms: A Javascript Extension to Web Forms - The Form Assembly

Таблицы на AJAX

55. 10+ бесплатных AJAX, DHTML и JavaScript решений, реализующих возможность создания многофункциональных таблиц

56. Grid3 Example

57. AJAX Table Sort Script (revisited)

58. AJAX Sortable Tables

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

70. Draggable content

71. Dragable RSS boxes

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 скриптов, реализующих возможности галерей и слайд-шоу

Понравилась статья? Подпишись на обновления блога по RSS!