¿Los Sitios Web necesitan experimentarse igual en todos los Navegadores?

Muchos diseñadores web se esfuerzan en que sus proyectos se vean igual y tengan la misma experiencia de usuario en todos los navegadores web. Pero… ¿es realmente necesario? Vamos a hacerle esta pregunta al sitio dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com

Ahí tienen la respuesta :-)

Sobre el curioso sitio

Cuando entras al curioso sitio con el extremadamente largo nombre de dominio, verás la respuesta “Nope” de una manera estándar en todos los navegadores, pero cuando pasas el mouse por encima (hover), se visualizan una serie de efectos creados gracias a la magia de las propiedades, transiciones y transformaciones CSS3, efectos que tendrán una experiencia diferente en cada navegador.

El enlace lo descubrí en el fantástico libro CSS3 for Web Designers de Dan Cederholm.

Share

GIMP 2.6 Liberado

Uff! Ayer fué un día de “liberaciones” jeje, pues además de las ya mencionadas YUI 2.6.0 y Python 2.6, también ayer fué liberado oficialmente el mejor programa de edición fotográfica y de diseño de imágenes de mapas de bits: GIMP 2.6. Tiene mejoras en su interfaz de usuario (algunas muy esperadas por muchos), así como nuevas herramientas y actualizaciones importantes.

GIMP 2.6

Ah! por último, y por si no lo sabían, GIMP es Open Source (código abierto) y totalmente gratuito, y cuenta con instaladores para Windows, Linux y MacOS.

Si no quieren invertir 700 dólares en el nuevo Adobe Photoshop CS4, GIMP es la mejor alternativa, sin lugar a dudas. ¡No usen software pirata! ¡No usen Photohop ilegalmente! ¡Mejor usen software libre! :-)

Enlaces:

Share

Yahoo! Design Stencil Kit

Si estas planeando una nueva aplicación o proyecto web, y no quieres romperte la cabeza para diseñar la interfaz de usuario, puedes usar el Design Stencil Kit recién liberado por Yahoo!. Este paquete de diseños incluye resoluciones de pantalla, tamaños de avisos publicitarios, controles de usuario, menús, botones y mucho más.

[ Yahoo! Design Stencil Kit ]

Sin duda, una excelente idea de Yahoo! al liberar este paquete, pues incluso está bajo una licencia Creative Commons para que podamos usarlo, adaptarlo y distribuirlo libremente. El paquete está disponible en los formatos OmniGraffle, Visio (XML), PDF, SVG y PNG.

Descarga: Yahoo! Design Stencil Kit.

Vía: WebAppers.

Share

Fuentes Seguras para Web

Para todo diseñador web, son bien conocidos los colores seguros para web (web safe colors), pero un detalle que muchas veces dejamos pasar es el tipo de letra (fuente, font) que usamos en nuestros proyectos web. Gracias a los chicos de Font Tester tenemos al fin una lista muy completa de fuentes seguras para web (web safe fonts). Aquí las tienen, ya en formato CSS para que fácilmente hagan el típico Copy&Paste en sus hojas de estilo.

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

Como pueden notar, todas las listas de fuentes terminan con una genérica (serif o sans-serif), para que no haya problema por si alguna de las primeras fuentes de la lista no se encuentra en el sistema del navegador cliente del usuario. Si lo desean, pueden ver una vista previa de las fuentes para una mejor elección de la fuente a utulizar.

Vía: Kabytes.

Share

Creando tu Portafolio en Línea

Empezando nueva semana con una buena recomendación: Showthatportfolio. Si eres Diseñador Creativo, Ilustrador, Webmaster o similar, puedes usar esta herramienta online para crear fácilmente tu portafolio profesional.

showthatportfolio

Su registro es el típico: Llenar tus datos, esperar el correo de confirmación, y listo. Aún está en fase beta, pero promete mucho, considero que vale la pena probarlo.

Vía: Xyberneticos.

Share