jsFiddle – My Number One ToolMarch 19, 2012 9:44 am ·
According to the creator Piotr Zalewa it is a
With the possibility of choosing any of the most popular frameworks and add plugins an CSS from elsewhere, it is an incredible tool for
- trying out a hypothesis
- visualising a jQuery plugin
- debugging code snippets
- giving a demo of an answer – public or not
and much more.
- Choose placement of code – whether the code you want to execute should be executed onload or just live in the head of generated content.
If you include stuff like window.onload or $(document).ready… your code goes in the head.
- Choose the framework you want to run – it is a bit of a scroll to get to No Library (pure JS) if you do not want to use any of the included frameworks
- Hit [> Run] or ctrl-return to see the code executed – or open the console if the code does not produce any visible output – console.log() is easier on the eye and mouse than alert…
Some more tips:
- Sign up and sign in – it will give you the possibility to save your fiddles as public and gives you a dashboard for the rest so you can find them again
- Giving a fiddle an title in the Info accordion will make it public (assuming you are signed in)
- There is some Ajax support – I have however not yet found a file I can load without using the extended Ajax calls instead of .load() and .get()
I will leave you with some of my public fiddles and hope my first Expert Bloggers post has intrigued you and made you aware of this excellent tool for future use
- Using jQuery grep to add and remove specific items from object array
- Tablesorter with custom click handling – notice the external library
- TZ Posix to text conversion (no library)