11<!DOCTYPE html>
22< html >
3-
3+
44 < head >
55 < meta charset ="utf-8 ">
66 < meta http-equiv ="X-UA-Compatible " content ="IE=edge,chrome=1 ">
99 < link rel ="stylesheet " href ="main.css ">
1010 </ head >
1111 < body >
12-
12+
1313 < h1 > GETTING STARTED WITH BRACKETS</ h1 >
1414 < h2 > This is your guide!</ h2 >
1515
@@ -106,14 +106,14 @@ <h3>Live Highlight HTML elements and CSS rules</h3>
106106 color from "transparent" to "hotpink". If you have Brackets and your browser running side-by-side, you
107107 will see your changes instantly reflected in your browser. Cool, right?
108108 </ samp >
109-
109+
110110 < p class ="note ">
111111 Today, Brackets only supports Live Preview for HTML and CSS. However, in the current version, changes to
112112 JavaScript files are automatically reloaded when you save. We are currently working on Live Preview
113113 support for JavaScript. Live previews are also only possible with Google Chrome, but we hope
114114 to bring this functionality to all major browsers in the future.
115115 </ p >
116-
116+
117117 < h3 > Quick View</ h3 >
118118 < p >
119119 For those of us who haven't yet memorized the color equivalents for HEX or RGB values, Brackets makes
@@ -141,15 +141,30 @@ <h3>Need something else? Try an extension!</h3>
141141 the "Install" button next to it.
142142 </ p >
143143
144+ < h3 > Projects in Brackets</ h3 >
145+ < p >
146+ In order to edit your own code using Brackets, you can just open the folder containing your files.
147+ Brackets treats the currently open folder as a "project"; features like Code Hints, Live Preview and
148+ Quick Edit only use files within the currently open folder.
149+ </ p >
150+
151+ < samp >
152+ Once you're ready to get out of this sample project and edit your own code, you can use the dropdown
153+ in the left sidebar to switch folders. Right now, the dropdown says "Getting Started" - that's the
154+ folder containing the file you're looking at right now. Click on the dropdown and choose "Open Folder…"
155+ to open your own folder.
156+ You can also use the dropdown later to switch back to folders you've opened previously, including this
157+ sample project.
158+ </ samp >
159+
144160 <!--
145161 LET US KNOW WHAT YOU THINK
146162 -->
147163 < h2 > Get involved</ h2 >
148164 < p >
149165 Brackets is an open-source project. Web developers from around the world are contributing to build
150166 a better code editor. Many more are building extensions that expand the capabilities of Brackets.
151- Let us know what you think, share your ideas or contribute directly to the
152- project.
167+ Let us know what you think, share your ideas or contribute directly to the project.
153168 </ p >
154169 < ul >
155170 < li > < a href ="http://brackets.io "> Brackets.io</ a > </ li >
@@ -161,7 +176,7 @@ <h2>Get involved</h2>
161176 < li > < a href ="https://twitter.com/#!/brackets "> @brackets on Twitter</ a > </ li >
162177 < li > Chat with Brackets developers on IRC in #brackets on Freenode</ li >
163178 </ ul >
164-
179+
165180 </ body >
166181</ html >
167182<!--
0 commit comments