8
edits
Labs/Bespin/UserGuide/Tutorial: Difference between revisions
Jump to navigation
Jump to search
→A quick look at the UI
| Line 19: | Line 19: | ||
= A quick look at the UI = | = A quick look at the UI = | ||
The user interface for Bespin has been kept simple to facilitate ease of use and keep your focus on the code you're writing, rather than a flashy interface. | |||
== | === Header bar === | ||
== File Explorer == | At the top of the Bespin window is the header bar, which contains various buttons for accessing important functions, as well as information about the current project and file. | ||
At the far left of the bar is a link to the Bespin home page, followed by the name of the current project and current file. If the current file has been edited since the last time it was saved, the project and file will be separated by a circle; if no changes have been made, they will be separated by a dash. A similar representation is also visible in the title of the window, allowing you to see if the file is saved at a glance from your browser tabs. | |||
The first two menu buttons in the header bar allow you to navigate to the other two main parts of the Bespin interface: the [[Labs/Bespin/UserGuide/Tutorial#Command_Line Command Line]] and the [[Labs/Bespin/UserGuide/Tutorial#File_Explorer File Explorer]]. The following pair of buttons are oriented toward the actual development process, and they allow you to save your work on the current file and view it in you browser. The final button switches between the three levels of text magnification that the Bespin interface currently supports. | |||
On the far right of the header bar are two final elements. The version identifier links to the [https://wiki.mozilla.org/Labs/Bespin/ReleaseNotes Release Notes] pages for all Bespin versions. Next to that is an icon that enables [Labs/Bespin/UserGuide/Tutorial#Collaboration Collaboration]. Collaboration is currently a beta feature, but it is working in the supported browsers. | |||
=== Command Line === | |||
=== File Explorer === | |||
= Keyboard shortcuts and Bespin = | = Keyboard shortcuts and Bespin = | ||