Custom Buttons² Firefox extension buttons can be written to do various tasks that the user may require. The buttons are coded in JavaScript. Many bookmarklets can easily be converted to buttons.

Extension developers will find this extension quite useful in the development cycle. JavaScript code can be prototyped in a custombutton, avoiding the reload chrome step till the code is proven. Then the code can be moved to the extension

From the website:

jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

The Tacos library project provides components and ajax behaviour for the Tapestry java web application framework. Most of the functionality is based on the exceptional dojo javascript library. Thanks dojo!

It's intent is to provide a library of high quality components that may be used in your tapestry application, as well as provide a core infrastructure for using ajax related logic in these and your own components and pages.

Nice javascript library that could be helpful.  It has a widget for date and time...

When it comes to testing and debugging sites, it seems that Firefox can’t be beaten. Not only does it have an inbuilt DOM Inspector and Javascript console to beat all others, but the plethora of useful extensions is unmatched. Everyone knows and uses Chris Pedericks Web Developer extension, along with any number other handy extras – Firebug, X-Ray, Aardvark, etc.

Other browsers have useful tools though, which gave me an idea for an ad-hoc series highlighting useful web development features, starting with Safari. While it doesn’t have an official plugin architecture like Firefox, that hasn’t stopped developers finding ways around it and providing excellent plugins.

Site with tutorials on xmlhttprequest, drag and drop, forms, uploaders, image gallery, live search, and tabbed pages.

A must page. 

This list is how I imagine sorting posts in a project. Beautiful and simple.

CGI::Ajax is an object-oriented module that provides a unique mechanism for using perl code asynchronously from javascript- enhanced HTML pages. CGI::Ajax unburdens the user from having to write extensive javascript, except for associating an exported method with a document-defined event (such as onClick, onKeyUp, etc). CGI::Ajax also mixes well with HTML containing more complex javascript.

CGI::Ajax supports methods that return single results or multiple results to the web page, and supports returning values to multiple DIV elements on the HTML page.

Using CGI::Ajax, the URL for the HTTP GET/POST request is automatically generated based on HTML layout and events, and the page is then dynamically updated with the output from the perl function. Additionally, CGI::Ajax supports mapping URL's to a CGI::Ajax function name, so you can separate your code processing over multiple scripts.

Other than using the Class::Accessor module to generate CGI::Ajax' accessor methods, CGI::Ajax is completely self-contained - it does not require you to install a larger package or a full Content Management System, etc.

We have added support for other CGI handler/decoder modules, like the CGI::Simple manpage or the CGI::Minimal manpage, but we can't test these since we run mod_perl2 only here. CGI::Ajax checks to see if a header() method is available to the CGI object, and then uses it. If method() isn't available, it creates it's own minimal header.

A primary goal of CGI::Ajax is to keep the module streamlined and maximally flexible. We are trying to keep the generated javascript code to a minimum, but still provide users with a variety of methods for deploying CGI::Ajax. And VERY little user javascript.

Great tips on CSS, AJAX and other Web 2.0 thingies...

24 things refers to 24 things to do that will impress your friends. Things like:

• rounded corners
• ems
• prototype.js
• in-place editing!
  

Asynchronous JavaScript and XML, or Ajax, is a web development technique for creating interactive web applications using a combination of:

• HTML (or XHTML) and CSS for presenting information
• The Document Object Model manipulated through JavaScript to dynamically display and interact with the information presented
• The XMLHttpRequest object to exchange data asynchronously with the web server. (XML is commonly used, although any format will work, including preformatted HTML, plain text, JSON and even EBML)