Archive

Archive for the ‘JavaScript Websites’ Category

JS Bin

March 12th, 2009 Tech No comments

JS Bin is an online tool that allows you to test JavaScript without having to muck about with files. You can just quickly cut and paste some code in and view the output. It is even possible to make the code you are looking at public and then use this as part of an ajax call in another instance of the application.

To get you started there is a nice help section, which also includes a couple of videos.

JS Bin

This tool really impressed me, especially the easy inclusion of several different JavaScript frameworks. I don’t mind testing JavaScript, but sometimes I just want to run a little bit of code on it’s own to see why it isn’t working as I expected it would. This tool fills that much needed gap, and the addition of allowing other people to view your code is a very nice feature. Well worth a look!

Script.aculo.us - Web 2.0 Javascript

May 11th, 2008 Tech No comments

Script.aculo.us is a JavaScript framework that allows you to add effects and advanced JavaScript features to any web page. Although Script.aculo.us can be a little slower than Mootools on occasion it makes up for this by having more stuff built into the library components. For example, the slider control is available of both frameworks, but the Script.aculo.us version comes with some handy features (like filling one part of the slider) where the Mootools version doesn’t.

Script.aculo.us JavaScript framework

My one problem with Script.aculo.us is the website. There are a few examples and descriptions, but most of what you need to know about seems to be poorly documented or it hasn’t been updated for many months. There is a forum where people can put questions and offer solutions, but again, this seems to be very much out of date and any solutions offered seem to only work with older versions of the framework.

Overall a good framework, with a poor site.

Firefox JavaScript Debugging And Development With Firebug

May 3rd, 2008 Tech No comments

Firebug is by far the best JavaScript debugging plug-in available for Firefox. I have been stuck on a few problems in the past and Firebug has usually provided me with a reason as to why things are going wrong. In fact when developing for other browsers (like Internet Explorer) I can feel a little blind as there are no debugging tools with the power and features of Firebug. It can allow you to stop JavaScript execution at any time using breakpoints.

Firefox JavaScript Debugging And Development With Firebug

Firebug is important if you are creating AJAX applications as it will tell you about every client/server communication, what headers where sent and what the response was.

Aside from the decent JavaScript features there are also a host of HTML and CSS features that allow you to edit styling code on the page in real-time or inspect a portion of the page for HTML and style information.

The only thing wrong with the program is that it can slow down some sites like Gmail, but you can turn it off for any site you wish. If you haven’t tried Firebug I suggest that you give it a go.

MooTools Home Page

March 23rd, 2008 Tech No comments

If you are looking for information about the MooTools JavaScript framework then your first stop should be the MooTools home page. The site not only allows you to download MooTools, but it is also a great resource for learning how to use MooTools.

MooTools JavaScript Framework

There are examples of all the things you can do on the demo page, and information about all of the classes available in the framework on the documentation pages.

If you are wondering if MooTools is worth a look, and the examples haven’t convinced you yet, then take a look at this excelent selector speed comparison between Dojo, JQuery, MooTools and Prototype. MooTools isn’t faster than every framework for everything, but is always the fastest framework overall.