Background. The MooTools JS library is great. Modular and well documented, useful functions mixed in with nice visual effects. We've used it on my most recent project, originally just for certain elements in certain pages, put now its providing simplifying scripts all over.

Image Carousel Hero. While it's not yet live the MooTools library is making my Image Carousel much easier to create. Working around and with the base html we're using the assets class to load in the extra images, placing them behind the first/selected image and using the simple calls to fade between them. Really simple. The carousel will be online on the De Beers Group's upcoming website.

External links. Moo Tools :: De Beers Group

Background. Google Maps has a really well documented API, and the maps are really cool. I wanted to see quite how easy it all was.

Google Maps API. The solution I've created uses the API to display and customise a map, adding markers and descriptive text. It uses the marker manager to control which markers are displayed at which zoom level. All data is stored in a separate file for easy updating and you can filter which types of marker to display on screen, zoom into Canterbury or London to see those bits.

External links. Google Maps API

Background. My only previous publicly available element of AJAX scripting was the Flickr feed on the frontpage of this site. It's really simple, just returning the results of a PHP script. To demonstrate I know more than that I've taken things a little further and created a contact form.

AJAX POST. The present script is on my Me page and it doesn't actually send me an email yet, so feel free to click away at it. As I mentioned it's only one step along, form data is submitted, operation preformed on the server and the screen is updated with the result.

Slight Disclaimer. Since it was a quick job to demonstrate some AJAX there isn't the necessary backend code to cover for a lack of Javascript, or validation against empty fields.