’Twas the night before Christmas and all through the Web not a site was stirring, not even 24 Ways. Drew’s excellent advent calendar for web geeks has drawn to a close. What’s left is a really useful collection of articles.
If 24 Ways is any indication, DOM Scripting and Ajax are hot, hot topics this season. I count nine JavaScript-based articles.
The very first article was Drew’s Easy Ajax with Prototype. Prototype is a very useful framework but sadly lacking in documentation. That’s why hands-on articles like this are so useful.
Ian joined the fray two days later with Improving Form Accessibility with DOM Scripting. Two days after that, there’s my DOM Scripting Your Way to Better Blockquotes. And two days after that, Simon discusses the use of eval with Ajax: Don’t be eval().
After that, we had to wait until December 12th for Michael Heilemann’s Introduction to Scriptaculous Effects, featuring some disturbingly obtrusive JavaScript. As mentioned in the comments, the inline event handlers are there just for demonstration purposes but I’d still be worried about the cut’n’paste brigade using this as is.
On the 15th, Pat Lauke gave us Splintered Striper, his take on the striped tables effect. On the 18th, Dustin debuted his Ajax-based style switcher with Introducing UDASS!
Advent wrapped up with two Ajax articles in a row. The penultimate article, Drew’s Edit-in-Place with Ajax, is a very impressive interface enhancement that’s bound to inspire a lot of people. Finally, Shaun gave us Have Your DOM and Script It Too, a really clever little Ajax hack that he picked up during the building of mint.
All in all, a great December’s worth of resources. Sometimes the comments were infuriatingly inane and nitpicky — probably due to the influx of Diggophiles visiting the site — but that’s the Web for ya.
I’d like to extend a big thank you to everyone who contributed and raise a glass to Drew for putting the whole thing together (for he’s a jolly good fellow). Cheers! And happy Christmas.
Here’s the full list of all the articles:
- Easy Ajax with Prototype
- An Explanation of Ems
- Improving Form Accessibility with DOM Scripting
- CSS Layout Starting Points
- DOM Scripting Your Way to Better Blockquotes
- Practical Microformats with hCard
- Don’t be eval()
- Centered Tabs with CSS
- Putting the World into “World Wide Web”
- Auto-Selecting Navigation
- The Attribute Selector for Fun and (no ad) Profit
- Introduction to Scriptaculous Effects
- Transitional vs. Strict Markup
- Broader Border Corners
- Splintered Striper
- “Z’s not dead baby, Z’s not dead”
- Avoiding CSS Hacks for Internet Explorer
- Introducing UDASSS!
- Tables with Style
- Naughty or Nice? CSS Background Images
- Swooshy Curly Quotes Without Images
- Debugging CSS with the DOM Inspector
- Edit-in-Place with Ajax
- Have Your DOM and Script It Too
Posted by Jeremy on Saturday, December 24th, 2005 at 7:03pm
Comments
I was one of the people who commented on the scriptaculous article over at 24ways, and I’m reading the awesome book as we speak. I’ve been trying to hook up scriptaculous with unobtrusive javascript, but I’m not quite there (and I don’t know quite enough about javascript to actually make the final connection about whatever stupid mistake I’m making).
Right now, I have this:
function rawr() { var miniabout = document.getElementById(‘miniabout’); var slider = document.getElementById(‘slideup’); var sliderLink = slider.getElementsByTagName(‘a’); sliderLink.onclick = function() { Effect.SlideUp(‘miniabout’, {duration:1.0}); return false; } }
with the intended function: when a user clicks on the link with id "slideup" the slideup effect is triggered on the div with the id "miniabout." I’m launching the whole thing using addLoadEvent, like you suggest in your book. It seems like this should work. What am I doing wrong?
I understand that you don’t have infinite time to answer stupid questions like this, but you know, it’s worth a shot.
Thanks. The book is really amazing, you rock on so many levels for having written it. And for keeping this blog (it’s a great resource) and for actually responding to people’s comments. Very cool. Incommunicably so…
Unfortunately, the script still isn’t working, but at least it’s a step closer to it. I’m starting to wonder about scriptaculous…
Sorry. Comments are closed.