Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

domingo, 24 de abril de 2005

Top Style

TopStyle es un editor de código HTML orientado fundamentalmente a la edición e Hojas de Estilo en Cascada (CSS).
Fácilmente se adapta su uso a productos de terceras partes como:
Dreamweaver MX
Coldfusion Studio y
Frontpage.
Esto significa que puede configurarse a TopStyle como el editor CSS por defecto.
La interfase es decididamente sencilla de utilizar y contiene en forma muy bien organizada las distintas áreas de trabajo, se puede customizar el layout para lograr un entorno acorde a nuestras necesidades.
Selector de estilos: desde aquí pueden crearse, editarse y eliminar estilos. Este área va reuniendo los diferente estilos, categorizándolos según nuestra elección: por contexto, por elemento, por tipo o por ninguna categoría.
Paleta CSS: la misma va reuniendo qué elementos utilizan determinado colores y lleva un cómputo de los mismos. Con un solo click, puede oscurecerse o aclararse el uso de la paleta; como así también cambiar un color en uso en los diferentes estilos sin tener que editar estilo por estilo.
En todo momento existe un preview de la página que estamos editando como así también acceso al código fuente. La visualización de código fuente puede adaptarse con un comando word wrap y con la opción de ver el código HTML con fuentes grises, si es que uno desea enfocar toda la atención en la CSS.
En todo momento se puede chequear el estilo con el W3C CSS Validator y el W3C HTML Validator sin salir de la aplicación, se generan reports y mensajes que ayudan a que el código sea consistente, tanto según el CSS y el HTML como la compatibilidad en los diferentes browsers.
Al momento de editar o crear estilo, debe declararse si se hará de acuerdo a CSS Level 1 o Level 2 o si se prefiere orientado a IE, Netscape u Opera; soporta además definiciones de Conqueror 2.2 y WebTv. Opción interesante: Netscape 4 e IE 4.
Todo esto último restringe las opciones del inspector de estilos, que es una herramienta contextual de opciones, según la elección.
Tiene un asistente de estilos, que ayuda a la creación de estilos: desde aquí, progresivamente se accede a selectores simples, de class, contextuales, de herencia, etc.
El editor en sí es poderoso, soporta la edición simultánea de varias hojas y de diferentes estilos. Se pueden configurar browsers externos para ver el comportamiento. Los estilos se pueden fácilmente importar, exportar, soporta búsqueda y reemplazo.
Share:

domingo, 3 de abril de 2005

JR Screen Rule

JR Screen Ruler resulta ser un utilitario singular, es una regla virtual que cómodamente podemos desplazar por sobre cualquier aplicación y obtener así medidas precisas de elementos o distancia entre ellos. Las lecturas pueden realizarse en pixels, pulgadas, pixels o centímetros; una de sus pocas teclas de atejo permite rápidamente rotar entre un uso horizontal o vertical.Mucho antes de encontrar la información en un foro sobre qué tan ancha es la barra de desplazamiento de Internet Explorer, con esta aplicación pude determinar que el ancho es de 22 pixels.Yo enfoqué el uso en el diseño de páginas HTML; y si bien es cierto que muchas aplicaciones de diseño incluyen reglas al momento de la edición; cuando el producto de las mismas se encuentran en el browser y hacen falta alguno ajustes, pienso que esta herramienta se me hace infaltable.La versión de uso es la 1.4 y pesa sólo 1.56 Kb, consumiendo sólo menos de 2 Mb de memoria. Al bajarla es un archivo zip de 495 Kb ya que el autor distribuye además un trial de la versión Pro; operativa por 15 días. Esta última es envidiable, ya que permite la customización de varios aspectos, el color de la regla o la transparencia de la misma, las dimensiones de la misma, la captura de las dimensiones de la ventana activa y una exquisités, como ser la rotación libre y la posibilidad de efectuar mediciones con la regla en cualquier ángulo.La versión free, con sus prestaciones básicas, ya tiene su lugar en mi Desktop.
JR Ruler
Share:

Publicidad

Estadísticas