post thumbnail

Las herramientas nos ayudan mucho en la vida cotidiana, ¿os imagináis el trabajo que costaría realizar las tareas sin algunas de ellas? Para los desarrolladores y diseñadores web también existen herramientas, en este caso, en el campo de CSS, nos centraremos en los editores CSS. Aunque existen bastantes editores CSS, algunos no son tan eficaces como otros, así que en esta lista os muestro una lista con los mejores, según Bestdesigntuts.

Stylizer

stylizer

Stylizer es un navegador web que crea CSS muy rapidamente. Muestra tu estructura CSS en tiempo real en el navegador, es mucho más rápido y sencillo que utilizar Dreamweaver o el bloc de notas.

Xylescope

Xylescope

Xylescope convierte las páginas con errores en páginas bien formadas en XHTML. El formateo automático del código garantiza claridad y legibilidad del documento.

Style Master

Style Master

Style Master es una de las mejores opciones para editar CSS. Es mucho más que un editor de texto, entre sus novedades destacan la creación de estilos basados en tu HTML y editor CSS en tiempo real de sitios basados en PHP, Ruby, ASP.NET entre otros para concluir con la edición CSS via FTP.

Rapid CSS Editor

Rapid CSS Editor

Con Rapid CSS Editor puedes crear y editar hojas de estilo de forma rápida. Puedes escribir el código manualmente o que el programa lo haga por tí. Viene con herramientas muy útiles como pueden ser el autocompletado, inspector de código y chequeador CSS. Los resultados se muestran instantáneamente. Está claro que esta utilidad está pensada para ahorrarte tiempo de trabajo.


CSS Toolbox

CSS Toolbox

CSS Toolbox  es un software gratuito de productividad para desarrolladores que trabajan con códigos CSS. Incluye un gran número de utilidades para la creación y edición de hojas de estilos, como un avanzado formateador CSS y validador.

CoffeeCup StyleSheet Maker

CoffeeCup StyleSheet Maker

CoffeeCup StyleSheet Maker te permite construir hojas de estilos controlando su fondo, colocación del texto, y mucho más, de manera sencilla.

EngInSite CSS Editor

EngInSite CSS Editor

EngInSite CSS Editor es una herramienta para editar códigos CSS que ahorrará tiempo y hará aumentar tu creatividad.
CSSEdit

CSSEdit

Con CSSEdit puedes ver los cambios en tu hoja de estilo en tiempo real, sin guardar, sin subir. Para cualquier web app o archivo HTML.

Jellyfish-CSS

Jellyfish-CSS

Jellyfish-CSS es uno de los editores CSS más poderosos, con todas las herramientas necesarias para hacer hojas de estilos asombrosas.

snap{css}

snap{css}

snap{css} es una herramienta muy ligera, similar al Notepad, que permitirá a los desarrolladores editar el código CSS con la ayuda de varias opciones útiles.

Simple CSS

snap{css}

Simple CSS te permitirá crear hojas de estilo o modificar una existente usando una interfaz amigable.

TopStyle

TopStyle

TopStyle contiene opciones diversas para crear sitios web que cumplan con los estándares, como previsualizar el código CSS mientras lo escribes, crear paletas de colores, validar CSS en múltiples navegadores, saber que estilos CSS están siendo usados en tu sitio y reemplazo de código HTML con equivalente de CSS.

tsWebEditor

tsWebEditor

tsWebEditor es un editor de HTML, PHP, Perl, Javascript, CSS y otros lenguajes. Muestra el código con colores, validador de sintaxis, editor de etiquetas HTML, validador de sintaxis HTML y la utilidad SQL Designer fácil de usar.
cssed

cssed

cssed es un pequeño editor y validador, un proyecto Open Source, lo que significa que puedes descargar el programa pero también su código fuente.

    <p><a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Twitter" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter" /></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Facebook" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook" /></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Delicious" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious" /></a> <a href="http://www.addtoany.com/add_to/google_reader?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Google Reader" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/reader.png" width="16" height="16" alt="Google Reader" /></a> <a href="http://www.addtoany.com/add_to/google_buzz?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Google Buzz" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/google_buzz.png" width="16" height="16" alt="Google Buzz" /></a> <a href="http://www.addtoany.com/add_to/meneame?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Meneame" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/meneame.png" width="16" height="16" alt="Meneame" /></a> <a href="http://www.addtoany.com/add_to/blinklist?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Blinklist" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/blinklist.png" width="16" height="16" alt="Blinklist" /></a> <a href="http://www.addtoany.com/add_to/friendfeed?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="FriendFeed" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/friendfeed.png" width="16" height="16" alt="FriendFeed" /></a> <a href="http://www.addtoany.com/add_to/google_bookmarks?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Google Bookmarks" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/google.png" width="16" height="16" alt="Google Bookmarks" /></a> <a href="http://www.addtoany.com/add_to/google_gmail?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Google Gmail" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/gmail.png" width="16" height="16" alt="Google Gmail" /></a> <a href="http://www.addtoany.com/add_to/netvibes_share?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Netvibes Share" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/netvibes.png" width="16" height="16" alt="Netvibes Share" /></a> <a href="http://www.addtoany.com/add_to/tumblr?linkurl=http%3A%2F%2Fwww.cssblog.es%2F14-mejores-editores-css-para-disenadores-y-desarrolladores-web%2F&amp;linkname=14%20mejores%20editores%20CSS%20para%20dise%C3%B1adores%20y%20desarrolladores%20web" title="Tumblr" rel="nofollow"><img src="http://www.cssblog.es/wp-content/plugins/add-to-any/icons/tumblr.png" width="16" height="16" alt="Tumblr" /></a> <a href="http://www.addtoany.com/share_save">Compartir/Guardar</a> </p>

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:


Via http://feedproxy.google.com/~r/CssBlogEs/~3/MWv7bs1luLU/

Related Posts with Thumbnails
Tagged with:  

Comments are closed.

Premium WordPress Themes