zorculan: editores de codigo

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLsdphAd6RkM7pqNy3_X9A0RHyTV4C8vUzVAfRNKpqP399OFFPpJlGwIwnhyQHvv5p9_sJ2tp29YA0W03oAdOlY2ZxNcqV9av9ExObIsidQYziuNYDP-CM9TAM4_ysgu1IExO5m0r0DnFq/s1600/ced+001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLsdphAd6RkM7pqNy3_X9A0RHyTV4C8vUzVAfRNKpqP399OFFPpJlGwIwnhyQHvv5p9_sJ2tp29YA0W03oAdOlY2ZxNcqV9av9ExObIsidQYziuNYDP-CM9TAM4_ysgu1IExO5m0r0DnFq/s320/ced+001.jpg" width="320" /></a></div>
<br />
<br />
<br />
<b>SUBLIME TEXT</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3con14.pro/i2014/_data/recursos/sublime-text_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3con14.pro/i2014/_data/recursos/sublime-text_logo.png" /></a></div>
<b><br /></b>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: #fbfbfb; line-height: 28px;">Es un editor de código multiplataforma</span><span style="background-color: #fbfbfb; line-height: 28px;">, ligero y con pocas concesiones. Es una herramienta concebida para programar sin distracciones. </span></span><span style="background-color: #fbfbfb; font-family: "arial" , "helvetica" , sans-serif; line-height: 28px;">Permite tene</span><span style="background-color: #fbfbfb; font-family: "arial" , "helvetica" , sans-serif; line-height: 28px;">r varios documentos abiertos mediante pestañas</span><span style="background-color: #fbfbfb; font-family: "arial" , "helvetica" , sans-serif; line-height: 28px;">, e incluso emplear varios paneles para aquellos que utilicen más de un monitor. Dispone de modo de pantalla completa, para aprovechar al máximo el espacio visual disponible de</span><span style="background-color: #fbfbfb; font-family: "arial" , "helvetica" , sans-serif; line-height: 28px;"> la pantalla.</span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: #fbfbfb; line-height: 28px;">Para navegar por el código cuenta con </span><em style="background-color: #fbfbfb; line-height: 28px;">Minimap</em><span style="background-color: #fbfbfb; line-height: 28px;">, un panel que permite moverse por el código de forma rápida.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: #fbfbfb; line-height: 28px;"><br /></span></span>
<br />
<div style="background-color: #fbfbfb; line-height: 28px; margin-bottom: 28px; margin-left: auto; margin-right: auto; max-width: 696px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Soporta un gran número de lenguajes (C, C++, C#, <span class="caps"><b>CSS</b></span>, D, Erlang, <span class="caps"><b>HTML</b></span>, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, <span class="caps">PHP</span>, Python, R, Ruby, <span class="caps">SQL</span>, <span class="caps">TCL</span>, Textile and <span class="caps">XML</span>). </span><span style="font-family: "arial" , "helvetica" , sans-serif;">El programa dispone de auto-guardado, muchas opciones de personalización, cuenta con un buen número de herramientas para la edición del código y automatización de tareas. </span><span style="font-family: "arial" , "helvetica" , sans-serif;">Por ultimo, se le puede instalar plugins, haciendolo mas potente y eficiente en su rendimiento.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="background-color: #fbfbfb; line-height: 28px; margin-bottom: 28px; margin-left: auto; margin-right: auto; max-width: 696px;">
<b>ATOM</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.vozidea.com/wp-content/uploads/2014/03/atom-github-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.vozidea.com/wp-content/uploads/2014/03/atom-github-logo.png" /></a></div>
<div style="background-color: #fbfbfb; line-height: 28px; margin-bottom: 28px; margin-left: auto; margin-right: auto; max-width: 696px;">
<br /></div>
<div style="background-color: #fbfbfb; line-height: 28px; margin-bottom: 28px; margin-left: auto; margin-right: auto; max-width: 696px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">En cuanto a caracteristicas es muy parecido a Sublime Text, lo unico distinto es que es gratuito y ademas es de codigo abierto. Lleva poco en el mercado, pero es la competencia directa de Sublime Text, por otro lado tambien es multiplataforma.</span><br />
<br /></div>
<div style="background-color: #fbfbfb; line-height: 28px; margin-bottom: 28px; margin-left: auto; margin-right: auto; max-width: 696px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>BRACKETS</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://vicentbadia.com/wp-content/uploads/2015/01/brackets-editor-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="http://vicentbadia.com/wp-content/uploads/2015/01/brackets-editor-logo.jpg" width="320" /></a></div>
<div style="background-color: #fbfbfb; line-height: 28px; margin-bottom: 28px; margin-left: auto; margin-right: auto; max-width: 696px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;"><br /></b></span></div>
<div style="margin-bottom: 28px; margin-left: auto; margin-right: auto; max-width: 696px;">
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;">Brackets</b><span style="background-color: white; line-height: 25.6px; text-align: justify;"> es un </span><span style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;">editor<b> </b></span><span style="background-color: white; line-height: 25.6px; text-align: justify;">de</span><span style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;"><b> </b>código abierto</span><span style="background-color: white; line-height: 25.6px; text-align: justify;"> para el </span><span style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;">diseño<b> </b></span><span style="background-color: white; line-height: 25.6px; text-align: justify;">y</span><span style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;"><b> </b>desarrollo web</span><span style="background-color: white; line-height: 25.6px; text-align: justify;"> construido para tecnologías  </span><b style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;">HTML</b><span style="background-color: white; line-height: 25.6px; text-align: justify;">, </span><b style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;">CSS</b><span style="background-color: white; line-height: 25.6px; text-align: justify;"> y </span><b style="background-color: white; box-sizing: border-box; line-height: 25.6px; text-align: justify;">JavaScript</b><span style="background-color: white; line-height: 25.6px; text-align: justify;">.. </span></span><b style="background-color: white; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; line-height: 25.6px; text-align: justify;">Brackets</b><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 25.6px; text-align: justify;"> t</span><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;">e permite </span><span style="background-color: white; box-sizing: border-box; font-size: 16px; line-height: 25.6px; text-align: justify;">trabajar directamente en e</span><span style="background-color: white; box-sizing: border-box; font-size: 16px; line-height: 25.6px; text-align: justify;">l</span><b style="background-color: white; box-sizing: border-box; font-size: 16px; line-height: 25.6px; text-align: justify;"> </b><span style="background-color: white; box-sizing: border-box; font-size: 16px; line-height: 25.6px; text-align: justify;">navegador</span><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"> </span><span style="background-color: white; box-sizing: border-box; font-size: 16px; line-height: 25.6px; text-align: justify;">editando</span><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"> el código al instante, estableciendo </span><i style="background-color: white; box-sizing: border-box; font-size: 16px; line-height: 25.6px; text-align: justify;">breakpoints</i><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"> y moviéndose con fluidez entre las diferentes vistas de código y del mismo navegador. El editor de texto dentro de Brackets se encuentra </span><span style="background-color: white; box-sizing: border-box; font-size: 16px; line-height: 25.6px; text-align: justify;">basado</span><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"> en </span><span style="background-color: white; box-sizing: border-box; font-size: 16px; line-height: 25.6px; text-align: justify;"><i style="box-sizing: border-box; line-height: inherit;">CodeMirror</i></span><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;">. Se encuentra disponible para Windows, Linux y Mac.</span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"><br /></span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"><br /></span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"><b>NOTEPAD++</b></span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"><b><br /></b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://upload.wikimedia.org/wikipedia/commons/0/0f/Notepad%2B%2B_Logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://upload.wikimedia.org/wikipedia/commons/0/0f/Notepad%2B%2B_Logo.png" /></a></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<br /></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 25.6px; text-align: justify;"><span style="background-color: #fffffc; line-height: 18px;">Notepad++ es otro editor de codigo que encontramos en el mercado este identifica los lenguajes de programación más habituales y gracias a ello ofrece una presentación ordenada y clara del código. </span></span></span><span style="background-color: #fffffc; line-height: 18px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Permite abrir prácticamente todo: archivos con cualquier extensión, e incluso sin extensión. Si Notepad++ no lo abre es que el archivo está corrupto o no es editable.</span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="background-color: #fffffc; line-height: 18px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="background-color: #fffffc; line-height: 18px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Reconoce las etiquetas y nos marca el principio, fin y elementos singulares de las mismas cuando nos posicionamos con el cursor encima de ellas. En Html, Php, etc. resulta muy útil localizar visualmente dónde comienza y dónde termina una etiqueta. Esto es muy fácil con Notepad++.</span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="background-color: #fffffc; line-height: 18px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="background-color: #fffffc; line-height: 18px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Trabaja con multiples lenguajes, por ejemplo: <b>Html, Css, Javascript, </b>java, C, C++, Actionscript, PHP, Perl, Pascal, estos son algunos que maneja Notepad++</span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 25.6px; text-align: justify;"><br /></span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-size: 16px; line-height: 25.6px; text-align: justify;"><br /></span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 25.6px; text-align: justify;"><b>BLOCK DE NOTAS</b></span></span></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 25.6px; text-align: justify;"><b><br /></b></span></span></div>
<div class="separator" style="background-color: #fbfbfb; clear: both; line-height: 28px; text-align: center;">
<a href="http://www.aulaclic.es/windows7/graficos/bloc_de_notas.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.aulaclic.es/windows7/graficos/bloc_de_notas.gif" /></a></div>
<div style="background-color: #fbfbfb; line-height: 28px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 25.6px; text-align: justify;"><b><br /></b></span></span></div>
<div style="text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 25.6px;">Editor que viene por defecto en windows, y en el cual todavia se hacen sitios web, aunque no con tanta frecuencia, por tener muy pocas herramientas disponibles como los otros editores de codigo, mas sin embargo es muy util para empezar en el mundo del diseño de sitios web.</span></span></div>
</div>