New Cheatsheet: What’s Ajax?
Into JavaScript? Have I got good news for you!
If you’re interested in JavaScript-driven web apps, snazzy visual fx, and generally confusing people into thinking your site is Flash—but oh-so-much better—you should buy our JavaScript Performance Rocks! book while it’s still in beta. Written by Thomas Fuchs, the creator of Scriptaculous, and yours truly, the maker of funny jokes and shiny graphics.
We cover everything from The Most Ridiculous Performance Fix Ever (and it is ridiculous), to serving strategies, DOM diets, loop unrolling (for those really extreme cases), how to play nice with the garbage collector, and everything in between. And it comes with our custom profiling tool, The DOM Monster, which analyzes your pages and suggests fixes. This package is only $24 right now but will be $29 as soon as it’s done, in mid-June 2009… but if you snag your copy today, you get the final version by email just as soon as it’s ready and save a noteworthy 5 bux! You can’t lose.
Have I been workin’ hard, or hardly workin’? It’s a good question. Either way, I’ve been hacking away an Ajax chapter for the book. Ajax has been becoming one of my very favorite topics, if for no other reason that there is very little writing out there, so far, which makes it as simple as it really is. Plus it’s just freakin’ cool.
Cheatsheet
What’s Ajax? (PDF) is my attempt to cut away as much of the Ajax smoke & pixie dust with a single page. As for the theme, I was inspired by the font (Big Bloke BB). Let me know what you think!
Ajax Interface Example
I’ve also created a little example movie of an Ajax interface I got to create at work for Ning. If you’re working on adding some kind of in-line editing to your applications, you might find it useful. I should have typed less since it was a demo movie, but I was going for realism (translation: I wasn’t thinking, and am too lazy to redo it).
Note: The techniques shown in the video are not the same as edit-in-place (EIP). The form is generated by hand-coded Javascript; edit-in-place is somewhat less fancy and it involves less custom work.
Downloads
 | What’s Ajax? cheat sheet (PDF) |
 | Ajax photo sharing app interface (MOV) |
Links for Cheatsheet
added 10/30/05—thanks, Jamal
Javascript Packages
Firefox Goodies
I think I am in love with you…
Just kidding, lol! Anyway it’s supa dupa fly! I like it!
Can’t wait to buy your book!
Well…
Maybe you could add links to the Ajax Code Packages and Debugging Tools on the right…
I for one know that I had trouble locating prototype (which is prototype.conio.net) and web developer (which is http://chrispederick.com/work/webdeveloper/) when I was looking for those…
Jamal,
Glad you liked it! I’m sorry about the difficulty in finding the goods. I tried to fit the URLs in, but there just wasn’t room. The trick is to google for how I list them. Google for "prototype.js" and it’ll come up. Or "web developer firefox extension."
If anyone out there with Acrobat Pro wants to add the links as actual, you know, clickable links, that’d be super duper. I just don’t have the tools for it. (Of course if anyone feels like donating a boxed set of Adobe CS 2 Premium to me, that’d be even more super duper.)
And I could just put the links here. Duhhh. I’ll do that.
Yahoo! Now it rocks.
Sorry, I don’t have CS2 either… Maybe we should convince adobe (and macromedia, and activestate, and microsoft, and insert chosen software company name here to price it like that : http://obiefernandez.com/articles/better_pricing_models.html
Want to start a lobby? I’m in!
hallo alles aus bremen!
eine colle web-seite! bravo!
enia
what’s Ajax ?
i am not sure as to why…
<a href="http://www.craigslist.org/sfc/aos/168949082.html">Motorcycle Loan</a>
<a href="http://seattle.craigslist.org/aos/169149779.html">Car Accesories</a>
<a href="http://miami.backpage.com/gyrobase/classifieds/ViewAd?oid=oid%3A409652&uid=0243e0841be4eace9eccc9960befce9b">Car Accesories</a>
<a href="http://phoenix.backpage.com/gyrobase/classifieds/ViewAd?oid=oid%3A504234&uid=198c9f5b7363034e774237c60b314f5f">Debt Consolidation</a>
<a href="http://phoenix.backpage.com/gyrobase/classifieds/ViewAd?oid=oid%3A504234&uid=3beb0a87c5f3ee509c92f96e6dfe18a3">Debt Consolidation</a>
<a href="http://newyork.backpage.com/gyrobase/classifieds/ViewAd?oid=oid%3A506420&uid=b7e6459f73ddf8d10f0c65542b9e3995">Motorcycle Loan</a>
Greetings!..
I was very dissapointed of this!
Thanks for the write-up 🙂
<a href="http://shorl.com/demerovyferi">Divorce Lawyer</a>
<a href="http://shorl.com/dasogrokumeru">Personal Injury Lawyer</a>
The problem is my browser.
I use Firefox in Ubuntu 🙁
Congratulations on a great web site. I am a new computer user and finding you was like coming home. Continued success. Gutto Braigain.
Congratulations on a great web site. I am a new computer user and finding you was like coming home. Continued success. Moisha Breit.
i am not sure as to why 🙁
Very nice write up 🙁
Congratulations on a great web site. I am a new computer user and finding you was like coming home. Continued success.
I think it would be usefull for other users also.
I use Firefox in Ubuntu.
I thout to do it in my local version 🙂
I was very dissapointed of this 🙁
The problem is my browser 🙁
Well at last catched the problem…
[…] was already advanced enough not to need her “What’s AJAX?” cheatsheet, but it was cool that she’d done such a thing. In fact, she had — and still […]