Changes

327 bytes added ,  08:49, 28 July 2016
m
FGrose moved page 0.110/Feature List/JS Fiddler to Features/JS Fiddler without leaving a redirect: group with other features
Line 1: Line 1:  
== Summary ==
 
== Summary ==
   −
Adds the capability to test your Javascript code inside BROWSE.
+
Adds the capability to test your HTML/CSS/Javascript code inside BROWSE.
    
== Owner ==
 
== Owner ==
Line 13: Line 13:  
* Targeted release: 0.110
 
* Targeted release: 0.110
 
* Last updated: 30/3/2016
 
* Last updated: 30/3/2016
* Percentage of completion: 90%
+
* Percentage of completion: 100%
    
== Detailed Description ==
 
== Detailed Description ==
Line 19: Line 19:  
This feature allows users to test their Javascript/HTML/CSS code using the Js-Fiddler inside the Browse activity. It provides following four features-
 
This feature allows users to test their Javascript/HTML/CSS code using the Js-Fiddler inside the Browse activity. It provides following four features-
   −
1- Save: Save the current text/code to the journal
+
1- Save: Save the current text/code to the journal<br>
2- Open: Opens a specified document[containing text/code] previously saved in the journal
+
2- Open: Opens a specified document[containing text/code] previously saved in the journal<br>
3- Run:  Runs the code inside the console and displays the output
+
3- Run:  Runs the code inside the console and displays the output<br>
4- Add image: Imports an image from the Journal to be used inside the HTML/CSS/Javascript code.
+
4- Add image: Imports an image from the Journal to be used inside the HTML/CSS/Javascript code.<br>
 +
 
 +
==Suggested UI Design==
 +
 
 +
'''User Interface'''
 +
   
 +
http://imgur.com/7R3Bz7X.gif
 +
 
 +
 
 +
 
 +
 
 +
'''Initial tab'''
 +
 +
http://imgur.com/Cm4dC9N.png
 +
 
 +
 
 +
 
 +
 
 +
'''HTML code in action'''
 +
 
 +
http://imgur.com/myeAn49.png
 +
 
 +
 
 +
 
 +
 
 +
'''HTML + CSS code in action'''
 +
 +
http://imgur.com/Q74w4RM.png
      −
==Suggested UI Design==
+
 
 +
 
 +
'''Viewing page source'''
 +
 
 +
http://imgur.com/nvKnrcD.png