11 principales editores de CSS - revisado
1. Stylizer
Compatibilidad: WindowsCaracterística notable: Cuadrícula de código, empuñaduras de tamaño, blanco, coloreado con dos clics
Stylizer es un editor de CSS absolutamente único que se centra en edición de CSS en tiempo real. Simplemente puede ingresar una dirección web en su navegador integrado que admite la definición de estilo de Firefox 3.5 y IE7, y tendría todas las reglas CSS relacionadas cargadas para que las edite con su conocida interfaz de apuntar y hacer clic.
El editor viene con una Code Grid característica que hace que su edición de CSS sea más conveniente, ya que puede ver el resultado inmediatamente después de cambiar un valor. También con su diagnóstico. Diana característica, puede ver elementos asociados en cierta parte del sitio y editarlo con puntos y clics. Otras características como Apretones de tamaño le permite ajustar visualmente la posición de un elemento CSS, y con Colorear con dos clics se le otorga un selector de color similar a Photoshop para elegir cualquier color, digamos, la fuente de su sitio. Oh, ¿mencioné que todas estas ediciones se realizan en tiempo real, con un resultado inmediatamente visible??
Con Estilizador es simplemente imposible cometer un error de CSS, ya que restringiría la posibilidad de poner cualquier valor que no sea compatible con la propiedad CSS correspondiente. Sin embargo, el software fallaría en cargar cierto archivo CSS a veces, debido a su error crítico inexplicable.
Estilizador Viene con la versión Basic y Ultimate. Si bien la versión básica es totalmente gratuita, la versión definitiva está disponible para usted durante 14 días después de la instalación, luego ofrece $ 85 para que continúe usando sus funciones avanzadas como Bullseye.
2. TopStyle
Compatibilidad: WindowsCaracterística notable: Inspector de estilo, barrendero de estilo, CSS Tidy
TopStyle CSS editor comienza a sorprenderlo por su primera configuración, cuando puede elegir una definición de estilo que muestre solo las propiedades y los valores compatibles con Firefox, Internet Explorer, Safari o incluso el iPhone OS 2.0, que es prácticamente útil para multiplataforma diseñador web.
Entre todas las características que encontré Inspector de estilo es especialmente útil, ya que funciona como un panel que le permite incluir cualquier propiedad CSS con una simple interfaz de apuntar y hacer clic. Cuando termine de elegir todas las propiedades CSS que desea, el código fuente se generará automáticamente para que ahorre tiempo de la codificación repetitiva y agotadora..
Una otra cosa buena sobre Estilo máximo es que muestra la compatibilidad del navegador debajo de su inspector de estilo, que puede ver si la propiedad CSS es totalmente compatible con cierta versión del navegador web como Internet Explorer 7, o es terriblemente defectuosa.
El editor se presenta como una versión de prueba con una función limitada, y puede desbloquear todo su potencial por $ 79.95.
3. Style Master
Compatibilidad: Windows, Mac OS XCaracterística notable: Plantilla de hoja de estilo
Afirmado como un maestro, Style Master lo hizo bastante bien para crear un entorno de edición de CSS para cualquier nivel de experiencia. El software no solo proporciona el editor WYSIWYG que suaviza el flujo de trabajo para el principiante de CSS, sino que también le otorga el acceso a información muy detallada sobre cada propiedad de CSS para que la consulte un experto. Puede navegar y elegir las propiedades CSS por categoría o por orden alfabético.
Quizás el punto más singular es que el editor en sí contiene casi 20 plantillas útiles de hojas de estilo para comenzar, y no es sorprendente que un maestro de estilos tenga reglas de CSS muy limpias, bien organizadas y profesionales definidas en su plantilla incorporada..
Puede disfrutar del software con todas las funciones durante 30 días, y pagar $ 59.99 o $ 29.99 por la licencia de educación para abrir todo su potencial de nuevo.
4. Xyle Scope
Compatibilidad: MacCaracterística notable: Modo de selección, grupo inteligente, integración de editor de texto
Xyle Scope es un imprescindible editor de CSS gratuito para Mac, ya que es un editor de CSS verdaderamente profesional que te permite navegar por el sitio web y ajustar su CSS directamente dentro del editor.
El navegador de Xyle viene con el modo de navegador normal y el modo de selección que funciona bastante similar al complemento de Firefox, Firebug, que proporciona la visualización y edición de la fuente CSS, excepto que el editor le permite guardar valores CSS modificados en su ubicación original.
Utilizando la 'Grupo inteligente', puede filtrar todas las reglas que influyen en la forma en que se muestran los enlaces o los responsables del diseño, incluso puede restringir el resultado con su función de búsqueda integrada, no hay más métodos de prueba y error!
Alcance de xyle También ofrece integración con editores de texto externos como BBEdit para un trabajo de codificación más conveniente y que ahorra energía, solo haga un cambio y el editor de texto o Xyle Scope actualizarán todos los cambios automáticamente para usted.
5. CSS rápido
Compatibilidad: WindowsCaracterística notable: Resaltador de sintaxis, finalización de código, formato CSS
Rapid CSS es el camino para una edición de CSS más cómoda, conveniente y compleja. Tiene su propio editor de texto totalmente personalizable con características útiles como resaltado de sintaxis, finalización de código y referencia CSS incorporada para una experiencia de codificación sin dolor.
Al preocuparse por la limpieza de su CSS, puede formatear su hoja de estilos CSS, como reorganizarlos por tipo de CSS o crear propiedades abreviadas para hacer que la hoja de estilo se vea más cómoda y dulce. El validador de código incorporado también garantiza que su hoja de estilo no solo sea limpia sino también válida.
El editor viene con un período de evaluación de 30 días con 30 usos, puede ir a la versión completa por $ 29.85.
6. estudio de estilo
Compatibilidad: WindowsCaracterística notable: Asistente CSS, IntelliStyle
La belleza principal de Style Studio se encuentra dentro de su función Asistente de CSS, que funciona para brindarle un efecto CSS inmediato con pocos puntos y clics..
Por ejemplo, puede seleccionar un asistente de fuente, luego elegir una familia de fuentes y establecer un tamaño de fuente para ella, luego el estilo de fuente, el peso, la variante ... ¡y el boom! Las reglas se insertan en la hoja de estilo como un código CSS completamente validado.
La función del asistente también incluye reglas de color, borde, texto, posicionamiento, clasificación y, finalmente, filtro, casi todo lo que se pueda imaginar de CSS. Estos asistentes son bastante útiles, ya que no es necesario escribirlos repetidamente para lograr cierto efecto CSS complicado. Otra característica noble es IntelliStyle, que funciona como la terminación de código para que usted elija ciertas propiedades CSS para su diseño..
La desventaja de este editor sería la compatibilidad con la definición de estilo de su navegador desactualizado, ya que solo es compatible con IE6 y, bueno, no Firefox.
Tienes 30 días para disfrutar del software y $ 49.99 para comprarlo..
7. CSSEdit
Compatibilidad: MacCaracterística notable: Inspector de Rayos X, Editor Visual, Generador de Selector
Diseñe sitios web hermosos, innovadores y de carga rápida con una aplicación hermosa, innovadora y rápida, que es CSSEdit by MacRabbit. Desde características como Selector Builder hasta un entorno de origen inteligente, CSSEdit está diseñado para cualquier nivel de experiencia.
Con el editor altamente pulido como este, se espera que los cambios en su hoja de estilos CSS aparezcan en tiempo real, sin la acción agotadora de carga y actualización. El inspector de rayos X también se crea como una característica para diagnosticar el código CSS de una parte específica del sitio.
La parte innovadora de la CSSEdit es probablemente su Selector Builder que le permite describir su estilo CSS con un lenguaje sencillo, sin mucho interés para un experto pero útil para principiantes absolutos.
La versión de demostración le limita a guardar archivos con menos de 2500 caracteres, mientras que puede pagar $ 39.95 para eliminar todas las restricciones.
8. EngInSite CSS Editor
Compatibilidad: WindowsCaracterística notable: Herramienta de medición en modo de vista previa
Si usted es un diseñador serio que se preocupa por la especificación correcta de CSS, la ubicación correcta de CSS o su hoja de estilo CSS debe estar completamente validada, entonces el editor de CSS de InSite puede ser su editor favorito..
En este editor, puede agregar la clase, la identificación y el selector de elementos con la ayuda de su inspector incorporado, también puede convertir el color a un valor Hex o RGB, que es una característica muy rara para un editor CSS. Puede observar su resultado en el panel de vista previa con herramientas de medición para asegurarse de que todos sus elementos de diseño estén en la posición correcta.
El editor también viene con la finalización del código, pero es un poco buggy, así que diría que es la finalización de código semi De lo contrario, es agradable usar todo el editor, excepto el hecho de que el editor está bastante desactualizado en cuanto a la definición de estilo del navegador, ya que solo admite la definición de estilo de IE6..
9. Fabricante de hojas de estilo
Compatibilidad: WindowsCaracterística notable: Etiquetas CSS
Stylesheet Maker es otro editor de CSS estándar que ofrece una superficie de codificación limpia con el panel del explorador de archivos y algunas herramientas CSS útiles para ayudar a configurar la fuente, el color, el margen, el borde, etc..
Comparado con varios editores de CSS como CSS rapido o Estudio de estilo, Maker tiene menos características pero una interfaz muy limpia, y esto es bueno para ciertos principiantes que no quieren complicar las cosas, o el ninja CSS que quiere todo lo mínimo y cómodo..
Aunque este editor está diseñado para usuarios intermedios, su función de etiquetas CSS puede ayudarlo a simplemente crear una regla CSS con etiquetas mediante clics..
Cuesta $ 34 para ser dueño de este editor, o puede comprarlo con otro software de CoffeeCup como una compra de paquete.
10. Arduo CSS
Compatibilidad: WindowsCaracterística notable: Nodo, CSSTidy
Arduo CSS es un editor de CSS recién nacido que pretende complacerlo con su interfaz intuitiva y fácil de usar. Con su interfaz limpia y el resaltado de sintaxis, está garantizado que creará y editará un archivo CSS sin demasiados problemas e interrupciones. También puedes usar su función 'Nodo' para definir reglas CSS por puntos y clics.
Para aquellos que sienten que su hoja de estilo es demasiado pesada, la herramienta CSSTidy del editor puede ayudarlo a optimizar la hoja de estilo y eliminar todo el código innecesario..
El editor está disponible gratuitamente en su sitio oficial..
11. CSS simple
Compatibilidad: Windows, Mac OS XCaracterística notable: Importación de archivos CSS, interfaz de apuntar y hacer clic, base de datos de fuentes adicionales
Al igual que su nombre, Simple CSS tiene todo lo que un diseñador necesita para la edición simple de CSS. Puede importar un archivo CSS al editor y modificarlo con unos pocos clics, verifique el resultado en su panel de vista previa y saque el código fuente de inmediato.
Aunque puede importar casi todos los archivos CSS en el editor, solo puede ver 1 regla CSS a la vez con un clic, y algunas veces su importación causará un error debido a su limitación, como la ausencia de compatibilidad con @rules. Además, el editor en sí mismo no es tan flexible, ya que solo puede seleccionar 'Auto' o 'Heredar' para la propiedad z-index, pero no puede dar un valor directo a la propiedad.
No obstante, es gratis y muy útil para el diseñador que necesita una solución rápida.
Bono: Más editores y herramientas
Si bien no son exactamente editores de CSS, estas siguientes herramientas son algo que usted podría querer tener cuando se trata de editar CSS..
Firebug
La herramienta de desarrollo web más popular y potente que inspecciona HTML, modifica el estilo CSS y ve los cambios en tiempo real, disponible como complemento para el navegador web Firefox.
Uso de CSS
Una extensión para Firebug que le permite escanear varias páginas de su sitio para ver qué reglas de CSS se utilizan realmente en su sitio.
Desarrollador web
Una extensión de Firefox para que hagas muchas cosas interesantes, como ver fuentes CSS o deshabilitar ciertas hojas de estilo CSS para uso de diseño o desarrollo..
Bloc++
Un editor de código fuente gratuito y un reemplazo del Bloc de notas que admite varios idiomas, incluido CSS. Contiene funciones como la función de finalización para ayudar a construir su diseño CSS.
Coda
Un editor de texto avanzado con editor CSS incorporado que le brinda dos modos de edición de CSS para una experiencia de diseño más flexible, capaz de ver el resultado instantáneamente después de los cambios realizados.
NetBeans IDE
Un entorno de desarrollo integrado de código abierto y profesional con la referencia más completa de CSS en su función de finalización de código.
Estudio aptana
Un completo entorno de desarrollo web que combina potentes herramientas de creación para HTML, CSS y JavaScript, actualmente admite hasta HTML5 y CSS3.
Tormenta web
El IDE de JetBrain que implementa la finalización automática relevante para todo lo que incluye CSS, también puede recibir notificaciones sobre los problemas de CSS sobre la marcha.
