Oh! Gráfico » Herramientas

IE Tester: herramienta para los diseñadores web

kozmica — Sat, 22 May 2010 20:30:22 +0000

IE Tester es el nombre de una buena herramienta para todos aquellos diseñadores que se interesen en el diseño web, nos sirve para ver como se vería un sitio en cada una de las versiones de Internet Explorer (IE), incluyendo los dolores de cabeza como las versiones 5.5 y 6.

Hay algunos diseñadores web que simplemente ignoran a Internet Explorer, el navegador que viene por defecto en una computadora con el sistema operativo Windows, lo ignoran porque muchas veces cuando estamos diseñando nuestro sitio todo va perfecto en Firefox, Opera, Safari… Y cuando lo vemos en IE todo parece estar roto, y no sabemos por qué.

¿Porqué sucede esto?, es simple, las versiones antiguas de Internet Explorer no respetan los estándares web mientras que los otros sí, las versiones más recientes corrigen ese problema pero por desgracia hay mucha gente que sigue usando viejas versiones y que por no saber que hay algo mejor siguen viendo el internet todo descuadrado y mal. Lo malo es que pueden llegar a tu sitio, que tanto tiempo te tomó diseñar y embellecer, y verlo todo de cabeza.

Adaptar tu diseño a que se vea bien en todas las versiones de IE es a veces imposible y muchas veces terminas cambiando el diseño original sólo para que éste se vea decente en todos los navegadores, lo cual es una lástima, pero depende de cada quien tomar la decisión de si quiere o no hacer su diseño apto para todos los navegadores (lo cual se vuelve difícil si intentas abarcar todas las versiones de IE).

¿Cómo saber si es necesario o no adaptar mi sitio a IE?

Aquí es donde IE Tester nos es muy útil, solamente lo tienes que descargar e instalar para ver que tan bien o mal se ve nuestro sitio en cada una de las versiones, luego, con un sistema de estadísticas averiguar que navegador es más utilizado por nuestros visitantes, yo reviso eso con Google Analytics:

Revisando el perfil de mis visitantes en general me encuentro con que Internet Explorer es el navegador que más usan, si clickeo ese navegador se desglosará en las versiones más usadas:

Ahí es donde veo que la versión 8 y 7 son de las más utilizadas, lo cual es bueno pues no son tan malas como las anteriores, pero la versión 6, en la que mi sitio se ve un poco descuadrado, todavía lo utilizan unas cuantas personas.

Entonces mis prioridades son hacer que mi sitio se vea bien en IE 8 y 7, luego la temible versión 6. Por la versión 5.5 ni me preocupo ya que el porcentaje es tan insignificante que sería mucho esfuerzo y pérdida de tiempo para un navegador que casi nadie usa (y no sé ni qué demonios hacer con la versión 999.1, por eso la ignoraré).

Si nadie usara IE pues no me preocuparía para nada, pero creo yo que es bueno que el diseñador se empeñe en hacer un sitio que se vea bien en todos los navegadores posibles (en inglés le dicen crossbrowser).

Enlaces útiles

Descarga IE Tester – Herramienta para saber cómo se ve tu sitio en las versiones distintas de Internet Explorer
Tal vez no quieras diseñar para IE y prefieras advertir a tus usuarios que su versión de navegador no les permite ver bien tu sitio, para ello te pueden servir lo dicho en Aprendiendo Web y colocar mensajes que sólo se ven en determinado navegador.
Te puedes unir a la campaña para que se deje de usar el IE 6.

9 Webs para buscar iconos

kozmica — Sun, 21 Mar 2010 00:14:42 +0000

A veces publico aquí algún paquete de iconos que me haya llamado la atención pero es sabido que hay muchos iconos rondando en la web de buena calidad y por lo mismo han surgido bastantes buscadores de iconos para facilitarnos la tarea de encontrar los que buscamos.

De tantos buscadores que han salido algunos han desaparecido, así que a continuación te dejo una lista de diversas webs vigentes que puedes usar para buscar iconos:

20 Aplicaciones de diseño en Adobe Air

kozmica — Tue, 08 Dec 2009 18:21:09 +0000

Si tienes instalados programas de Adobe como Photoshop, Dreamweaver o Illustrator, es muy probable que tengas instalado Adobe Air incluso sin darte cuenta, pues Air te permite instalar aplicaciones pequeñas que pueden resultar muy útiles y ligeras.

Y como lo que nos interesa a nosotros son las aplicaciones de diseño tenía que compartir con ustedes una excelente lista de 20 Aplicaciones de Adobe Air enfocadas a los diseñadores que puedes encontrar en Concepto Pixel.

Enlace: 20 Aplicaciones de Adobe Air Para Diseño

Genial buscador multicolor de imágenes

kozmica — Wed, 10 Jun 2009 09:49:14 +0000

El Multicolr Search Lab es una herramienta online que nos permite buscar fotografías alojadas en flickr por color, y lo interesante es que no solamente un color, sino que podemos buscar usando una combinación de diferentes tonos, hasta 10.

Como vez en la imagen yo busqué imágenes con azul y amarillo, con solo clickear esos colores me mostró fotografías que los incluyen, muy interesante herramienta y puede llegarnos a ser útil .

Enlace:

[ Multicolr Search Lab ]

Via | Neatorama

Video musical con fotografías estilo miniatura

kozmica — Sun, 22 Mar 2009 23:19:59 +0000

Enlace al video

Este es un video musical stop motion usando fotografías que han sido manipuladas para lograr un efecto como de miniatura o maqueta (tilt-shift en inglés).

¿Te gusta el efecto?, lo puedes conseguir gracias a una herramienta web, tiltshiftmaker.com, de modo rápido y gratuito.

El video lo ví en Drawn!

Logos gratuitos vectorizados para descargar en Logozu

kozmica — Tue, 03 Feb 2009 09:11:54 +0000

Logozu es otro sitio web más para descargarte logos en formato de vector. Solo tienes que registrarte (gratis) y puedes bajar los vectores que necesites. Te puede sacar de un apuro, así que no esta demás anotarlo.

[Visitar Logozu]

Via Punto Delta.

Blind Text Generator: Generador de texto simulado para diseñadores web

kozmica — Sat, 31 Jan 2009 03:49:15 +0000

Blind Text Generator es una herramienta online que nos sirve para obtener textos que podemos usar para llenar espacios en nuestros diseños (dummy text). Sobre todo a la hora de diseño web. Puedes elegir entre varios idiomas y varios textos (aunque a la larga no tenga mucho sentido, pues sólo es texto de muestra que luego será cambiado), y puedes elegir cantidad de palabras, parrafos, letras, y elegir desde las opciones avanzadas el tipo de letra, tramaño y automáticamente te da el código CSS para ese estilo.

[Visitar Blind Text Generator en español]

Via antilogic.

Administrador de fuentes para windows

kozmica — Sun, 07 Dec 2008 10:39:02 +0000

Si eres diseñador y usas Windows ya sabrás lo engorroso que es instalar y desinstalar nuevas tipografías para usar en tus diseños. Aunque no es difícil sí es un poco molesto tener que estar copiando las fuentes en un folder manualmente cada que lo necesitas.

¡Pero ya no más!

Es por eso que es obligado que te descargues este administrador de fuentes, se llama AMP Font Viewer y desde que lo probé lo sigo usando.

Te permite visualizar las fuentes que tienes y que no tienes instaladas y con un sólo click del mouse instalas y desinstalas tipografías segun tu antojo.

Y lo mejor, es completamente gratuito.

Simple, gratis, útil. Lo he dicho, es obligado.

Visitar la página de AMP Font Viewer en español – Descargar zip (483KB)