If you haven’t already discovered this Web Developer’s hidden gem, you’ve got to give it a try! I’ve always meant to start using it regularly, but I always get busy with projects…
JsFiddle allows you to take HTML, CSS and Javascript (and you can choose virtually ANY Javascript framework, including Mootools, jQuery and Dojo) and test it all within a simple HTML page. Not only does it support many frameworks, it supports multiple versions of each framework, which is important for testing new releases and older versions for compatibility reasons.
A full list of Javascript Frameworks (and some of their respective latest versions) include:
- Mootools (1.3.2, 1.3.2, 1.25)
- jQuery (1.6, 1.5.2)
- Prototype (1.7, 1.6.1.0)
- YUI (3.3, 3.2)
- Glow (1.7.0)
- Dojo (1.6, 1.5)
- Processing (1.0)
- ExtJS (3.1)
- Raphael (1.5.2)
- RightJS (2.1.1)
Taken directly from their site:
JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks – it helps with testing compatibility.
As I add more posts to this blog, I’m going to start linking examples of Javascript with Mootools, jQuery and Dojo to this jsFiddle resource, as it simply rocks.
Some test fiddles I’ve created for my “MGHTB” account!
- http://jsfiddle.net/mghtb/kdhbh/ – this fiddle should display an alert message when you click the Welcome box! Please give it a try…
