Bummer! You must be logged in to access this page.

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

General Discussion

How 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

Hey 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.

You could try this or this. If you could link to the video you saw it in then some might be able to give you a better answer to your question

EDIT: Oh, I didn't realize you was talking about the web inspector.

The Chrome Inspector can also be opened by pressing CTRL+SHIFT+i.

Hi, 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

In 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.

Hey 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.

Thanks, Guys! That is explains it. I would love to use the Sublime text but it does cost.

What operating system do you use?

Windows 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.

Using 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

Thank you so much for your help with text editors. I'm trying Notepad++ and a few on Chrome.