Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial

Annette Martinez
10,737 PointsHow Do I Use Chrome As A Text Editor?
I've noticed Guil using the Chrome browser as a text editor to write html and css, but I can't figure out how to do that. Can anyone help me walk through how to do that once I open the Chrome browser? :)
8 Answers

Calvin Nix
43,828 PointsHey Annette,
You can access the source code of the page by right clicking anywhere on the page and selecting "inspect element"
From there you will be able to edit the HTML and CSS.

Lloyd Lenz
20,157 PointsThe Chrome Inspector can also be opened by pressing CTRL+SHIFT+i.

Annette Martinez
10,737 PointsHi, Calvin and Lloyd, I didn't want to "inspect element" although that's useful. I want to be able to write my own html and css files.
Here is Guil: http://teamtreehouse.com/library/css-foundations/css-gradients/linear-gradients-2 he mentions he is using Chrome at 1:45.
Andrew, I tried that Chrome app, but it doesn't look like Guil's workspace.
Thanks, everyone, for trying. I need to figure out how to email Guil maybe!
Annette

Andrew Shook
31,709 PointsIn that video Gill is using sublime text text editor. At 1:45 he mentions "chrome" because he is using a css syntax that is specific to the chrome browser. These browser specific syntaxes are called vendor prefixes.

Calvin Nix
43,828 PointsHey Annette,
Guil was referring to the browser that he was using. That is why he needed to use the -WebKit- vendor prefix so the code is compatible with chrome. You can use any text editor you would like to write your HTML or CSS. I believe he is using sublime text 2 in his videos.

Annette Martinez
10,737 PointsThanks, Guys! That is explains it. I would love to use the Sublime text but it does cost.

Calvin Nix
43,828 PointsWhat operating system do you use?

Annette Martinez
10,737 PointsWindows 7. I've been playing around with Chrome and if I open my html files in Chrome, then I can edit them by holding shift, control, and I.

Calvin Nix
43,828 PointsUsing windows you have so many text editors available to you. Choosing the best text-editor is based on the personal preference. I would suggest to start with Notepad++. It is a free text-editor and it will be more than good enough to start with. After you become more comfortable with coding than I suggest to move up to a more powerful text editor like sublime text so you can really appreciate all the features it provides.
Also, your method of editing your files from chrome is also a great way to see your changes right before your eyes.
Happy Learning

Annette Martinez
10,737 PointsThank you so much for your help with text editors. I'm trying Notepad++ and a few on Chrome.