<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Make Tech Easier&#187; html editors</title>
	<atom:link href="http://maketecheasier.com/tag/html-editors/feed" rel="self" type="application/rss+xml" />
	<link>http://maketecheasier.com</link>
	<description>Uncomplicating the complicated, making life easier</description>
	<lastBuildDate>Sun, 12 Feb 2012 15:58:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>5 Online Code Editors to Help You Code On The Go</title>
		<link>http://maketecheasier.com/5-online-code-editors/2010/03/31</link>
		<comments>http://maketecheasier.com/5-online-code-editors/2010/03/31#comments</comments>
		<pubDate>Wed, 31 Mar 2010 12:00:58 +0000</pubDate>
		<dc:creator>Sharninder</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[html editors]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[text editor]]></category>
		<category><![CDATA[web editor]]></category>

		<guid isPermaLink="false">http://maketecheasier.com/?p=14119</guid>
		<description><![CDATA[Flame wars over one&#8217;s choice of editor are a regular occurrence on almost all the tech mailing lists that I subscribe to. In fact, in my opinion, the amount of time and energy that is spent on debating this topic can be easily spent on researching the feature set of a perfect editor that would [...]<p><div style="float:left;margin-bottom:10px"><a href="http://api.tweetmeme.com/share?url=http://maketecheasier.com/5-online-code-editors/2010/03/31&amp;service=bit.ly" target="_blank"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http://maketecheasier.com/5-online-code-editors/2010/03/31" style="border:none;margin-right:5px" width="51" height="61"></a><a href="http://digg.com/tools/diggthis/login?url=http://maketecheasier.com/5-online-code-editors/2010/03/31" target="_blank"><img src="http://images.maketecheasier.com/diggme.png" style="border:none;margin-right:5px" ></a><a href="http://www.facebook.com/sharer.php?u=http://maketecheasier.com/5-online-code-editors/2010/03/31" target="_blank"><img src="http://images.maketecheasier.com/fb.jpg" style="border:none;margin-right:5px" ></a><a href="http://www.google.com/reader/link?url=http://maketecheasier.com/5-online-code-editors/2010/03/31&amp;title=5+Online+Code+Editors+to+Help+You+Code+On+The+Go&amp;srcTitle=MakeTechEasier.com" target="_blank"><img src="http://images.maketecheasier.com/gbuzz-feed.png" style="border:none;margin-right:5px" ></a><a href="http://www.stumbleupon.com/submit?url=http://maketecheasier.com/5-online-code-editors/2010/03/31" target="_blank"><img src="http://images.maketecheasier.com/stumble.png"></a></div>
<div style="clear:both"></div>
<strong><a href="http://maketecheasier.com/5-online-code-editors/2010/03/31">5 Online Code Editors to Help You Code On The Go</a></strong> originally published on <a href="http://maketecheasier.com">Make Tech Easier</a> (<a href="http://feedproxy.google.com/MakeTechEasier">RSS</a>)
<br/>
Follow us at <a href="http://www.facebook.com/MakeTechEasier">Facebook</a> | <a href="http://twitter.com/MakeTechEasier">Twitter</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-14138" title="No flames" src="http://imagecdn.maketecheasier.com/2010/03/No_flames.png" alt="No_flames" width="200" height="136" />Flame wars over one&#8217;s choice of editor are a regular occurrence on almost all the tech mailing lists that I subscribe to. In fact, in my opinion, the amount of time and energy that is spent on debating this topic can be easily spent on researching the feature set of a perfect editor that would fit everyone&#8217;s needs.</p>
<p>But, since that is really a far fetched thought, I  decided to spend some thinking of the best ways to make my workflow as a web developer as editor agnostic as possible.</p>
<p>And what did I come up with ?</p>
<p>Online Code Editors. These are editors that run online and are available from any computer anywhere in the world. So, without further ado, here is a list of some of my favorite online editors.<br />
<span id="more-14119"></span></p>
<h3>1. <a title="Kodingen - online code editor" href="http://kodingen.com/" target="_blank">Kodingen</a></h3>
<p>The people behind Kodingen call it the cloud development environment. It is an IDE for the cloud, and I absolutely agree with them. Kodingen integrates an image editor, a really excellent code editor and a lot of nifty features into one cool looking package. It displays line numbers, features syntax highlighting and SVN integration. The only hitch is that they&#8217;re still in Beta and are only letting limited people through.</p>
<p><img class="aligncenter size-full wp-image-14123" title="Kodingen - Online Code Editor" src="http://imagecdn.maketecheasier.com/2010/03/kodingen.jpg" alt="Kodingen - Online Code Edito" width="500" height="296" /></p>
<h3>2. <a title="EditArea" href="http://www.cdolivet.com/index.php?page=editArea" target="_blank">EditArea</a></h3>
<p>EditArea is a free and open source Javascript based editor that can be hosted on your own server. It offers syntax highlighting, search and replace support, multi language support and a number of other features that you&#8217;d expect from a first class editor.</p>
<p><img class="aligncenter size-full wp-image-14124" title="EditArea - Online Code Editor" src="http://imagecdn.maketecheasier.com/2010/03/editarea.png" alt="EditArea - Online Code Editor" width="425" height="255" /></p>
<h3>3. <a title="Bespin" href="https://mozillalabs.com/bespin/" target="_blank">Bespin</a></h3>
<p>Bespin is a Mozilla Labs project that aims to create an editor for web development that can be embedded into webpages, much like EditArea. It is based on some of the latest emerging standards such as HTML 5 and so you&#8217;d need a fairly recent browser if you&#8217;re going to use Bespin. Like Mozilla&#8217;s web browser &#8211; Firefox, Bespin is designed to be easily extensible using plugins developed in Javascript. In fact, the editor is so good that the guys behind Kodingen also provide an option to use Bespin as one of the editors for their IDE.</p>
<p><img class="aligncenter size-full wp-image-14125" title="Bespin - Online Code Editor" src="http://imagecdn.maketecheasier.com/2010/03/bespin.jpg" alt="Bespin - Online Code Editor" width="500" height="175" /></p>
<h3>4. <a title="Amy Editor" href="http://www.amyeditor.com/" target="_blank">Amy Editor</a></h3>
<p>Using Amy Editor feels as if you&#8217;re using a OS X based desktop application as that is where this editor get it&#8217;s visual cues from. Apart from that, Amy Editor is probably one of the most feature rich editors in this roundup. It has support for opening multiple files in different tabs, syntax highlighting support for multiple languages and let&#8217;s you manage multiple projects from within the editor. Oh, and there is some basic debugging support present too.</p>
<p><img class="aligncenter size-full wp-image-14128" title="Amy Editor - Online Code Editor" src="http://imagecdn.maketecheasier.com/2010/03/amyeditor.jpg" alt="Amy Editor - Online Code Editor" width="500" height="327" /></p>
<h3>5. <a title="PHPAnywhere" href="https://phpanywhere.net/" target="_blank">PHPAnywhere</a></h3>
<p>PHPAnywhere is one editor that could easily replace my current PHP programming needs without much effort. For one, it comes with a built-in FTP editor that lets me edit files directly on my server. It also has excellent syntax highlighting and project management features. What more could a PHP programmer ask for ?</p>
<p><img class="aligncenter size-full wp-image-14136" title="PHPAnywhere - Online Code Editor" src="http://imagecdn.maketecheasier.com/2010/03/phpanywhere.jpg" alt="PHPAnywhere - Online Code Editor" width="500" height="355" /></p>
<p>Those were some of my favorite Online Code Editors. Do you guys use any online editors for your needs ? Do you find them useful ? Let us know in the comments.<br />
<!--adsense#468x60--></p>
<p><div style="float:left;margin-bottom:10px"><a href="http://api.tweetmeme.com/share?url=http://maketecheasier.com/5-online-code-editors/2010/03/31&amp;service=bit.ly" target="_blank"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http://maketecheasier.com/5-online-code-editors/2010/03/31" style="border:none;margin-right:5px" width="51" height="61"></a><a href="http://digg.com/tools/diggthis/login?url=http://maketecheasier.com/5-online-code-editors/2010/03/31" target="_blank"><img src="http://images.maketecheasier.com/diggme.png" style="border:none;margin-right:5px" ></a><a href="http://www.facebook.com/sharer.php?u=http://maketecheasier.com/5-online-code-editors/2010/03/31" target="_blank"><img src="http://images.maketecheasier.com/fb.jpg" style="border:none;margin-right:5px" ></a><a href="http://www.google.com/reader/link?url=http://maketecheasier.com/5-online-code-editors/2010/03/31&amp;title=5+Online+Code+Editors+to+Help+You+Code+On+The+Go&amp;srcTitle=MakeTechEasier.com" target="_blank"><img src="http://images.maketecheasier.com/gbuzz-feed.png" style="border:none;margin-right:5px" ></a><a href="http://www.stumbleupon.com/submit?url=http://maketecheasier.com/5-online-code-editors/2010/03/31" target="_blank"><img src="http://images.maketecheasier.com/stumble.png"></a></div>
<div style="clear:both"></div>
<strong><a href="http://maketecheasier.com/5-online-code-editors/2010/03/31">5 Online Code Editors to Help You Code On The Go</a></strong> originally published on <a href="http://maketecheasier.com">Make Tech Easier</a> (<a href="http://feedproxy.google.com/MakeTechEasier">RSS</a>)
<br/>
Follow us at <a href="http://www.facebook.com/MakeTechEasier">Facebook</a> | <a href="http://twitter.com/MakeTechEasier">Twitter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://maketecheasier.com/5-online-code-editors/2010/03/31/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Amaya: A Simple, Yet Useful Alternative to Dreamweaver</title>
		<link>http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06</link>
		<comments>http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06#comments</comments>
		<pubDate>Fri, 06 Nov 2009 13:00:10 +0000</pubDate>
		<dc:creator>Shevonne</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[Amaya]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[html editors]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://maketecheasier.com/?p=8219</guid>
		<description><![CDATA[While on a project, where money was scarce, we were scrambling around looking for a free or open source HTML editor that can provide us the same functionality as Adobe Dreamweaver. During my analysis of the different HTML editor out there, I came across Amaya. What intrigued me about it was that it was created [...]<p><div style="float:left;margin-bottom:10px"><a href="http://api.tweetmeme.com/share?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06&amp;service=bit.ly" target="_blank"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06" style="border:none;margin-right:5px" width="51" height="61"></a><a href="http://digg.com/tools/diggthis/login?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06" target="_blank"><img src="http://images.maketecheasier.com/diggme.png" style="border:none;margin-right:5px" ></a><a href="http://www.facebook.com/sharer.php?u=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06" target="_blank"><img src="http://images.maketecheasier.com/fb.jpg" style="border:none;margin-right:5px" ></a><a href="http://www.google.com/reader/link?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06&amp;title=Amaya%3A+A+Simple%2C+Yet+Useful+Alternative+to+Dreamweaver&amp;srcTitle=MakeTechEasier.com" target="_blank"><img src="http://images.maketecheasier.com/gbuzz-feed.png" style="border:none;margin-right:5px" ></a><a href="http://www.stumbleupon.com/submit?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06" target="_blank"><img src="http://images.maketecheasier.com/stumble.png"></a></div>
<div style="clear:both"></div>
<strong><a href="http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06">Amaya: A Simple, Yet Useful Alternative to Dreamweaver</a></strong> originally published on <a href="http://maketecheasier.com">Make Tech Easier</a> (<a href="http://feedproxy.google.com/MakeTechEasier">RSS</a>)
<br/>
Follow us at <a href="http://www.facebook.com/MakeTechEasier">Facebook</a> | <a href="http://twitter.com/MakeTechEasier">Twitter</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-8235" title="amaya-logo" src="http://imagecdn.maketecheasier.com/2009/11/amaya-logo.jpg" alt="amaya-logo" width="140" height="45" />While on a project, where money was scarce, we were scrambling around looking for a free or open source HTML editor that can provide us the same functionality as Adobe Dreamweaver. During my analysis of the different HTML editor out there, I came across Amaya. What intrigued me about it was that it was created by the World Wide Web Consortium (W3C). As someone who loves Dreamweaver, I thought that I would never find something comparable to it that was free (open source), but I was wrong.</p>
<p><a href="http://www.w3.org/Amaya/" target="_blank">Amaya</a> is an open-source HTML editor created by the W3C. If you don&#8217;t already know, W3C is an international community that develops Web standards. It was founded by Tim Berners-Lee, who is credited as inventing the World Wide Web. In 1998, Amaya was invented.  Since then, there have been various releases that have given more functionality to Amaya.<br />
<span id="more-8219"></span><br />
<img class="alignnone" src="http://imagecdn.maketecheasier.com/2009/11/amaya-main.png" alt="amaya_main" width="577" height="436" /></p>
<p>Amaya is the most user-friendly HTML editor that I have come across. One of its features that is very similar to Dreamweaver is that you are able to split the screen to view the visual editor and the HTML code. In this way, you are able to code while seeing the changes, or you can do the other way around. It&#8217;s a great way to learn HTML, if you don&#8217;t know already. On the sidebar, you are able to easily modify the HTML, like in Adobe Dreamweaver. Different profiles can change the way they see the sidebar displayed.</p>
<p>Another great feature is the CSS functionality. With the press of a button, you are able to create a CSS stylesheet. You do not have to know CSS in order to create one, which is great for people trying to learn CSS and/or if you are trying to design a stylesheet quickly. This is a great way to have your site&#8217;s formatting and style be in a different file than the HTML code. It provides a way to add flexibilty to your web site/blog. It also has a debugger to check your code for errors.</p>
<p><img class="alignnone" src="http://imagecdn.maketecheasier.com/2009/11/amaya-css.png" alt="amaya_css" width="577" height="392" /></p>
<p>One good thing about Amaya is that it allows five different user editing profiles, so if someone wants to change the behavior of the Amaya tool, he/she can have his/her own profile that is different from someone else. In addition, Amaya runs on Linux, Mac, and/or PC, so regardless which OS you are using, you will be able to use Amaya for your coding project.</p>
<h3>What&#8217;s can be improved on?</h3>
<p>Amaya is a quick and neat HTMl editor. I couldn&#8217;t find any issues, except that it needs to keep up with the new technologies. For instance, it isn&#8217;t made to build smartphones apps, which I saw in other free HTML editors. It also doesn&#8217;t support Ajax, which is being used more and more.</p>
<p>When it comes to features, Amaya is definitely not on par with Dreamweaver, but if you are looking for a free, simple, and useful HTML editor, then Amaya is a good candidate.</p>
<p>Have you use Amaya before? Tell us what you like/dislike about it.</p>
<p><!--adsense#468x60--></p>
<p><div style="float:left;margin-bottom:10px"><a href="http://api.tweetmeme.com/share?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06&amp;service=bit.ly" target="_blank"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06" style="border:none;margin-right:5px" width="51" height="61"></a><a href="http://digg.com/tools/diggthis/login?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06" target="_blank"><img src="http://images.maketecheasier.com/diggme.png" style="border:none;margin-right:5px" ></a><a href="http://www.facebook.com/sharer.php?u=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06" target="_blank"><img src="http://images.maketecheasier.com/fb.jpg" style="border:none;margin-right:5px" ></a><a href="http://www.google.com/reader/link?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06&amp;title=Amaya%3A+A+Simple%2C+Yet+Useful+Alternative+to+Dreamweaver&amp;srcTitle=MakeTechEasier.com" target="_blank"><img src="http://images.maketecheasier.com/gbuzz-feed.png" style="border:none;margin-right:5px" ></a><a href="http://www.stumbleupon.com/submit?url=http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06" target="_blank"><img src="http://images.maketecheasier.com/stumble.png"></a></div>
<div style="clear:both"></div>
<strong><a href="http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06">Amaya: A Simple, Yet Useful Alternative to Dreamweaver</a></strong> originally published on <a href="http://maketecheasier.com">Make Tech Easier</a> (<a href="http://feedproxy.google.com/MakeTechEasier">RSS</a>)
<br/>
Follow us at <a href="http://www.facebook.com/MakeTechEasier">Facebook</a> | <a href="http://twitter.com/MakeTechEasier">Twitter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://maketecheasier.com/html-editor-created-by-w3c/2009/11/06/feed</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
	</channel>
</rss>

