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 |