Over at Smashingmagazine.com, they have over 80 useful links to Ajax – based techniques. They were so good we thought we would show them here too, save a few mouse clicks after all.
We feel these would be good to keep to hand, so you do not have to go through hundreds of Ajax related bookmarks, so these should come in handy!
We hope these prove useful, and we are sure that the techniques on calenders, interactive elements, visual effects, and animations, should keep you busy.
Ajax is after all, very propular for RIA’s, and we are sure that many of you enjoy using it, and use it often.
We plan to bring you more of this sort of thing in the future, so keep reading our blogs.
For now here are the 85 techniques for Ajax.
Good luck.
AJAX Auto Completer
1. AJAX AutoSuggest: An AJAX auto-complete text field
2. AJAX Autocompleter / script.aculo.us library
4. Ajax autosuggest/autocomplete from database
AJAX Instant Edit
7. AJAX & CSS Flickr-like Editing Fields
AJAX Menus, Tabs
9. 14 Tab-Based Interface Techniques
10. AJAX Menu Widget
11. AJAX Accordion Navigation: mootools demos
12. AJAX Dialogs, Menus, Grids, Trees and Views
13. AJAX Tab Module – Closeable Implementation
15. AJAX Tabbed Content
16. MooTabs – Tiny tab class for MooTools
17. Dynamically loaded articles
AJAX Date, Time, Calendars
18. AJAX Datetime Toolbocks – Intuitive Date Input Selection
19. AJAX Calendars
AJAX Interactive Elements
22. Ajax poller
AJAX Developer’s Suite
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
Enhanced AJAX Solutions
39. AJAX Instant Completion: Rico Framework
41. Altering CSS Class Attributes with JavaScript
42. Select Some Checkboxes JavaScript Function
43. AJAX Emprise Charts: 100% Pure JavaScript Charts
44. amCharts: customizable flash Pie & Donut chart
45. PJ Hyett : The Lightbox Effect without Lightbox
Ajax Forms
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 Grids, Tables
55. Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine
56. Grid3 Example
57. AJAX Table Sort Script (revisited)
58. AJAX Sortable Tables: from Scratch with MochiKit
59. AJAX TableKit
AJAX Lightboxes, Galleries, Showcases
60. 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine
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
Visual Effects, Animation
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
Useful Basic JavaScripts
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 ?
Galleries, Resources
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
These are all I need. I have to say this, I honestly need to have a handy compilation. Thank you so much for your post.
All I can suggest to you Ney is to read the instructions properly. Ajx is RIA’s bestfriend. It will be fun if you learn how to use them. They are very easy. You have to be a bit patient on this.
There are so many things to learn about Ajax. I think I won’t manage to sink them in, in just one sitting. Good thing about the article is that every link also shows some blogs about the specific topic.
Do we have any other alternatives aside from this Ajax? I really find it too hard to understand. Please do help me.
Thanks a lot.
Hi,
Thank you so much for all these techniques. I have been looking for these ones for the longest of time. It has been a big help to my design.
Thank you so much Martin for your wonderful message. I will have that noted. I will definitely update you as soon as I have learned how to use all of these.
No worries my friend Ney. Things will turn out just fine. However, always remember that patience will be your best bud in here. Don’t give up!