| | |

CSSVista: editor CSS para Firefox e IE6

ByLuis

CSSVista es una aplicación desarrollada por la gente de SiteVista que nos permite editar CSS y ver los resultados que se producen directamente en IE6 y Firefox.
cssvista.png
Se trata de una aplicación gratuita, todavía en fase de desarrollo que nos puede ser de gran utilidad cuando maquetamos un diseño y queremos que se vea correctamente en ambos navegadores. Aunque yo prefiero usar un editor normal y refrescar el contenido en el navegador que esté probando en ese momento.
CSSVista
Vía / Lifehacker

Similar Posts

ZABBIX: monitorización vía web

ByLuis

ZABBIX es una aplicación open source que nos permite monitorizar nuestros servidores vía web. Permite un acceso centralizado a toda la información obtenida de nodos de nuestra red.
zabbix.png
Encuentra automáticamente, mediante un rango de IPs, servicios y SNMP, y empieza a monitorizarlos automáticamente. Tiene una buena escalabilidad, ha sido testeado contra 5000 servidores y dispositivos. Permite una administración sencilla, guardándose los datos en BD (Oracle, MySQL, PostgreSQL o SQLite). Monitorización en tiempo real, mandando avisos mediante email, SMS o Jabber.
ZABBIX

Built With: información técnica sobre web sites

ByLuis

builtwith.pngBuilt With es una página que nos muestra información técnica sobre un sitio en cuestión. Para ello nos ofrece qué librerías javascript usa, frameworks, publicidad, codificación, widgets (FeedBurner, Google Maps, …), CMS de publicación de blogs, herramienta de feeds, a parte de porcentaje de uso de cada cosa.
Una página que nos puede ser muy útil a la hora de pensar qué usar para desarrollar nuestra aplicación. En algunos casos te reconoce el framework PHP que se ha usado, lo cual nos puede dar una idea de las posibilidades del framework viendo el rendimiento del sitio.
Built With
Vía / OpenSourceCommunity.org

hCard con CSS

ByLuis

En 24 ways nos vuelven a regalar un buen artículo sobre cómo mostrar las hCard con estilos.
Claro, el diseño que han realizado quizás no se amolde al nuestro, pero la técnica que usan está bastante bien: usar una imagen de fondo y luego cuatro imágenes para cada esquina.
hcard.gif
Styling hCards with CSS

6 formas de hacer un diseño destacable

ByLuis

A la hora de hacer diseños mucha gente puede opinar sobre ello mejor que yo, pero a mí estos consejos me han gustado. Está claro que en muchos diseños no se pueden usar, pero para algunas circunstancias sí son interesantes de aplicar.

  • Fondos de pantalla grandes: los fondos de pantalla grande pueden hacer que el diseño resalte, a parte de que son fáciles de añadir.consejos1.png
  • Layout original: no es la primera vez que veo diseños con secciones de tamaños que superan el ancho y alto del navegador y que para acceder a cada sección hay que hacer un scroll progresivo (mediante javascript). Son originales y en algunos casos muy acertados. En el ejemplo que os pongo, cada color es una sección y el tamaño original tiene un ancho de 6000px.consejos2.png
  • Navigación creativa: la navegación puede dar mucho juego para mejorar el diseño, ya sea mediante rollovers u otras cosas. Eso sí, ante todo que prime la usabilidad. En el ejemplo que os paso los menús van a juego con los colores de la calle.consejos3.png
  • Minimalismo: aunque por ahora se ha tratado de consejos con un gran diseño, eso no implica que un gran diseño tenga que ser aparatoso, puede ser perfectamente minimalista, lo cual hace que llame mucho la atención.consejos4.png
  • Logo: está claro que un buen logo hace que te represente y además te diferencie.
  • Layout horizontal: aunque la gente está acostumbrada al scroll vertical, este tipo de diseño puede llegar a ser muy atractivo, aunque haya gente que lo odie.consejos6.png

6 Methods to Make Your Website Standout