Aunque si bien es cierto que los noruegos están más interesados por estrenar Carakan y Vega, también están trabajando para que su interfaz se integre mejor a Mac (compatible con Growl y toda la cosa), Windows y Linux; que era de lo que padecía en versiones anteriores. Notorio es que los navegadores se parecen más entre sí.

Un tema frecuente en el diseño web es la problemática de usar fuentes fuera de las “estándar” como Arial, Helvetica, Times New Roman, etc, incluso cuando la recomendación de la W3C para disponer de ellas mediante CSS y la regla @font-face tiene ya bastante tiempo. Los diseñadores web optaron por técnicas alternativas como remplazar los textos de los títulos con imágenes o mediante el uso de flash y javascript (sIFR), aunque esto signifique perder accesibilidad para el usuario, además de no indexar ciertas partes del documento en los buscadores.

Afortunadamente los navegadores “modernos” han habilitado la opción de poder indicar mediante un enlace descrito en CSS la fuente que queremos usar (por fin se usa @font-face), así que estás técnicas alternativas que menciono en el primer párrafo quedaran en el olvido. Por consecuencia y en teoría, el diseñador tendrá mayor libertad “creativa”.

El problema que acarrea esta nueva técnica lo mencionan en el blog de Typekit:

Mientras está técnica es realmente sencilla, legalmente es más ambigua. Casi todas las fuentes están protegidas por los derechos de autor (incluso las que se ofrecen gratuitamente), solo algunas te permiten enlazarlas vía CSS o redistribuirla en la Web. Es comprensible, las fuentes representas horas incontables de una labor finamente detallada. Por lo tanto, los diseñadores están preocupados de perder el control de su trabajo.

Bueno, los mismos Typekit presentan la solución que ha traído bastante discusión porque muchos piensan que se aplica un tipo de DRM.

Typekit trabajara con las casas diseñadoras de fuentes para desarrollar licencias que funcionen únicamente en el uso de las fuentes en páginas Web. Tendrás acceso a una librería (de Typekit) de fuentes de alta calidad. Simplemente tendrás que agregar una pequeña linea de código en tu documento (HTML) indicando la fuente que quieras usar.

Ellos mismos indican que la tecnología que están usando esta lejos de ser intrusiva o que se acerque al tan temido DRM. En este momento sen encuentran en fase de pruebas, pero ya ha dado mucho de que hablar. Habrá que esperar qué tan accesibles sean los precios, qué tan extensa sea su librería y que tan bien funcione.

Les recomiendo algunos artículos con el tema o relacionados:

• Ubiquitous web font embedding just got a step closer
• CSS @ Ten: The Next Big Thing
• Web Fonts, fuentes descargables para la web

Video. Why I hate MySpace | Pixalated Geek. Está en inglés pero no importa, lo terrorífico del diseño en la mayoría de los perfiles de Myspace es universal.Yo sólo entro porque los músicos actualmente la utilizan para dar a conocer sus trabajos y aunque hay mejores plataformas (por lo menos en diseño), lamentablemente es la más popular.

Siento el retraso de los posts, es que me agarro una infección que no me deja del todo.

Vía Maestros Del Web.

Otro aspecto interesante del programita es poder compartir las configuraciones (o paletas) que creemos con otros usuarios o porque no, exportar las de otros.

Un ejemplo de lo que podemos hacer:

Video calidad Youtube del funcionamiento de Adobe Configurator, acá puedes ver el mismo video en una resolución decente por parte del conocido Russel Brown.

En Genbeta también comentan que de momento sólo siver para Photoshop, supongo que pronto lo veremos para los programas restantes de familia Creative Suite.

Las famosas “showcases” se me hacen útiles no por el tema de “Ey, mira, que bonito efecto o botón”, sino como herramienta para investigar que tendencias están emergiendo, lo que puede funcionar o no, o que elementos son necesarios en un diseño muy específico, por ejemplo: el sitio de un colegio, una forma de contacto, etc. Bueno, aquí la lista (varios ya los había recomendado, pero mejor tener todo juntito).

Book Covers
portadas de libros

Algunas portadas son realmente para enmarcar y otras como “for Dummies” son para olvidar. Otra galería es Cover Browser que ofrece enlaces a Amazon por si te interesa comprar el libro. Coverboom es una más, aunque creo no está muy actualiza, sin embargo están los archivos.

eduStyle
diseño web de páginas universitarias

Una galería dedicada al diseño de sitios educativos, en algunas universidades de México no les vendría mal darse una vuelta. Casi digo “en latinoamérica generalmete”, pero la verdad no estoy muy enterado como les va a ese tipo de sitios en los demás países.

PortafolioBase
portafolios

Galería dedicada a exponer algunos de los mejores portafolios de diseño en el mundo, de hecho puedes limitar la navegación por continentes, lamentablemente no tiene mucho mantenimiento porque a mí, por lo menos, esa opción no me funciona.

One Page Love
diseños de una sola página

Me gustan mucho los sitios de únicamente una página. En los portafolios quedan perfectos porque de un vistazo puedes ver los trabajos de diseñadores o ilustradores. Además cargan mucho más rápido que esos, a veces innecesarios. intros de los despachos de diseño.

We Love WP
Wordpress

Es interesante ver como un simple administrador de contenidos dirigido a blogs puede dar más de sí y diseñar inclusive portales. También existe una galería dedicada a sitios utilizando Textpattern.

LogoPond
logos

Galería dedicada a mostrar los diseños de los usuarios registrados. Un sitio bastante conocido y al parecer a más de uno le ha sido una oportunidad de trabajo. Good Logo es otra galería con la diferencia de estar dedicada a la grandes marcas.

Email Design Gallery
correos

Esos mails de las grandes compañías que en varias ocasiones marcamos como spam pues también tienen su gracia cuando se diseñan, sobre todo si tomamos en cuenta las restricciones de los clientes de correos.

COLOURlovers
colores

Otro sitio seguramente conocido por muchos, aquí podemos encontrar galerías con patrones de colores organizados por lo que pueden representar como los estados de ánimo y claro, pro el color.

FAVEUP
tarjetas de presentación

Posiblemente la única galería de este tipo y sin embargo tampoco es que únicamente se dedique a este tema también encontramos logos y diseño web..

Galerías todo en uno

Existen un par de galerías que me gustan mucho porque abarcan varios temas a la vez con muy buena selección, el primero es DesignFlavr y el otro Pattern Tap, una enfocando a la ilustración y diseño más cotidiano, y la otra tratando los patrones en el diseño web.

Elegant Web Typography es una serie de diapositivas que Jeff Croft utilizo para una presentación en Australia y a pesar de ello están muy detalladas, lo digo por ser un material de apoyo.

Un buen recurso para saber algunas de las buenas prácticas que se utilizan con la tipografía en el diseño web profesional. Ah, por cierto, les recomiendo que las vean a pantalla completa para que no sufran como yo intentando leer con letra pequeñita hasta darme cuenta de esa opción. Lo vi en Subtraction.

• http://www.ohweb.co.uk
• http://sl.plasticminds.com
• http://www.danlanse.com/haixian/
• http://www.jovenesporeldialogo.org
• http://www.symphony.com.tn/awm/
• http://maxfiber.net/template/index.html
• http://www.multisound.cn

Original

Plagio

Como podrás imaginar se basa el formato PNG, por lo cual un APNG nos permite usar millones de colores y no los (a veces) escasos 256 colores que proporciona un archivo GIF, además de poder usar transparencias más complejas.

Por ser un formato relativamente nuevo son pocos los navegadores que lo “soportan”. Entre los que están, encontramos a los recientes Firefox 3 y Opera 9.5. Algunos ejemplos, si no ves movimiento en estas imágenes probablemente es debido a tu navegador.

Las desventajas que veo de un archivo APNG son el tamaño del archivo final (el logo de Firefox arriba pesa más de medio mega) si lo comparamos con el diminuto GIF, y los pocos editores gráficos para crearlos.

Más información:

• Página Oficial de APNG
• Better animations in Firefox 3 | Mozilla Labs

En Pattern Tap encontramos encontramos los diseños organizados por patrones, todo está enfocado al diseño web, lo que hace muy sencillo ver que tendencias se utilizan para uno u otra cosa, como por ejemplo: formularios, páginas de error, galerías, pies de página, tablas, etc.

Además Pattern Tap funciona como una pequeña comunidad porque puedes comentar los diseños e inclusive crear tus propias colecciones para compartir o “suscribirte” a otras. En fin, simple pero útil.

Tan no complicado es, en los fundamentos básicos, que lo puedes aprender desde tu computadora si tienes la voluntad y totalmente en español por si fuera poco. Sin embargo, hay muchos tutoriales en la red desactualizados que recomiendan usar prácticas no muy habituales estos días, como usar elementos HTML para cosas que no han sido concebidos o peor aún, usar algunos elementos que ya han sido desaprobados por la misma W3C, eso y entre otras cosas que descubriras. Y si por cualquiera de los casos tuvieras la necesidad de usar uno de esas “malas prácticas” por lo menos entender porqué lo estamos haciendo. Aunque también es cierto que no hay que tomarse todo tan estricto en esto de los estándares web como bien menciona Jeff Croft.

Bueno, para aprender desde el principio:

• Saber de que trata HTML y CSS, que mejor que HTML con clase primero y en seguida el manual CSS de Carlos Benavidez.
• Después nos leemos el Manual de Belén Albeza para repasar y actualizar lo aprendido, además de permitir ver como estas dos especificaciones o recomendaciones trabajan juntas. Igualmente nos ayudara a introducirnos al XHTML que digamos funciona de la misma manera que el HTML y comparte el mismo objetivo: “estructurar contenido”.
• Si tenemos dudas en el camino siempre podemos consultar las especificaciones de la misma W3C traducidas por SIDAR HTML 4.01 y CSS 2. O bien consultar pequeñas guías de referencias, en el caso de estar con CSS bajar la chuleta de Ateneu Popular.
• Aprendido lo básico y por si quieres profundizar en el tema están los libros gratuitos para imprimir o leer en linea de librosweb.es sobre XHTML y CSS. Si lo tuyo son los blogs puedes consultar a Diseñorama o CSSLab para técnicas mas avanzadas.
• También es siempre bueno preguntar y para eso están los Foros del Web (yo tenía el nick de Opeth pero hace unos ayeres que no entro).

Todos esos enlaces son sólo algunas recomendaciones que tenía guardados por ahí, si buscas en San Google seguramente encontraras mucha más información útil ya publicada por gente totalmente desinteresada.