One may switch between editing panels using the ctrl + up arrow and ctrl + down arrow.
Code entered in this panel will be rendered inside body of the document, that is between <body> and </body>.
Please do not enter doctype, body etc. into the HTML panel. These tags are placed automatically.
Code entered in this panel will be placed in the header’s style block, that is betweeen <style> and </style>.
If there is a need to edit the header one can use a CSS panel hack
This panel is read only - it contains an iframe with the result of running the fiddle. One can show the result without saving the fiddle - it is enough to click on Run or hit ctrl + Enter key combination
Only for registered users. Current result is saved in a draft.
One may access it by loading the http://jsfiddle.net/draft/. The shortcut is ctrl + shift + Enter.
Using Draft is the easiest and probably best way to test fiddle in “other browser”. Be it IE5, or anything running on other system, mobile or your watch if it happened to have a web browser. Keep editing on your favourite browser, test on anything else.
Save the code for future usage or to share it to other people. Let me say it again: There is no need to save if you just want to test.
Buttons Save or Fork are always present in the UI. First one appears if no fiddle was loaded, the latter is used to create a new fiddle from the existing one.
If a fiddle is loaded clicking on Update will create a new version of the fiddle and load it into the browser. Its URL will now contain a version number. This and former versions are still available.
If no version is specified jsFiddle will load the base version. By default it’s the first created version. Owner of the fiddle - user who created the first version may change it by clicking on the button Set as Base.
It is considered a good practice to use base version for embedded fiddles. Author can fix the error and “update” the example on the page without accessing the article’s code.