RUDEWORKS / El blog-portfolio de RUDE

De parte de los Zeusbox Studio, unos iconos de tarjetas de crédito para web. Muy bonitos.

El efecto de fondo de la misteriosa web de Silverback a causado estragos. Ahora desde CSS-Tricks, una pequeña demostración de lo que podemos hacer con esa misma filosofía y unos cuantos PNGs.

Seguimos sin tener ni idea de qué pijo es Silverback. Lo que sí que sabemos es cómo fue el proceso de creación del icono, gracias a su autor, Jon Hicks.

En Web Designer Wall nos proporcionan una serie de minitutoriales sobre jQuery útiles para diseñadores web. Ejemplos claros, simples y enfocados sobre un tema.

Newspond es una especie de agregador de noticias automático, algo así como un Digg autómata. Realiza un seguimiento de cientos de sitios diferentes y lista las noticias más populares. El usuario puede añadir comentarios y guardar las noticias en su cuenta.

Realmente este sitio me gusta por otra cosa. Skeku, que es el que me pasó el enlace, sabía perfectamente que al ver este site se me iba a dar la vuelta la cabeza, y es que no es para menos. ¿Os habéis fijado en la perfección de la ejecución? ¿En el altísimo nivel de detalle gráfico? Mientras navego por Newspond, modifico mi perfil, realizo búsquedas, me siento como si estuviera delante de una aplicación de escritorio de Mac OS X.

Me interesé por conocer al autor y el resto de su trabajo es igualmente impresionante. Chan Karunamuni, que así se llama el autor, trabaja bajo el nombre de Injection Design y está metido hasta el cuello en la cultura de la web más vanguardista y los gráficos de nueva generación. Se ha ganado definitivamente aparecer en mi próxima envídia.

Putos cracks…

Esta vez sí que me parece digna de reseña la compilación de diseños excelentes de la Smashing Magazine. He podido encontrar algunos realmente interesantes como Design*Sponge o toggle design.

En typesites se muestran y analizan sites con un interesante tratado tipográfico con una periodicidad semanal. La idea me encanta y seguro que se pueden descubrir sitios estupendos gracias a este descubrimiento.

Según su propio feed RSS:

Clearleft are pleased to announce Silverback - a revolutionary new desktop application for web designers, available in the first half of 2008

De momento solo sabemos eso y que si entráis en silverbackapp.com y redimensionáis lentamente la ventana, vais a fliparlo.

Por cierto, el gorila es de Jon Hicks.

Actualización (1/03/08): Aún no sabemos qué es, pero en Vitamin ya han explicado cómo se hace el efecto del fondo.

Actualización (6/03/08): Jon Hicks nos muestra el proceso de trabajo del logotipo/icono de Silverback a la par que declara no poder decir de qué se trata todavía.

Si fuera un diseñador o desarrollador web residente en los EEUU, tendría bastante claro que mi voto sería para Barack Obama, ya no sólo por la política de cambio, sino por el pedazo de web por el que han apostado (aunque si no le cortaran el tupé y el formulario de inscripción no fuese tan feo tendría mejor puntuación).

Ojalá los de aquí se preocuparan lo más mínimo por este tema, Zapatero no se salva de la quema y no me hagáis hablar del pseudo-2.0 que se quisieron inventar los esbirros de Rajoy.

A todos nos gustan los iconos gratis, ¿verdad? Pues bien, un tal Cocoa Grove desde su cuenta en deviantART nos obsequia con Knobs, un set de iconos destinados a su uso en aplicaciones y web (dado su reducido tamaño: 32×32 pixels).

Vía WebCreme me encuentro con iuneWind, un portafolio de trabajas bien cargado de gracia y 3D (parece que es lo que se lleva ahora ¿no?). También nos ofrece algún que otro regalito como este tutorial para emular uno de sus trabajos.

Por otro lado, ¿quien le dice que le ponga margin:0; al body en su CSS? Un despiste lo tiene cualquiera.

Esta última semana me he encontrado con un par de blogs que me han parecido una delicia. Cuidados, enfocados, perfectos. Por un lado está el blog de Jon Tan, director de arte del Grow Collective, viene a ser bastante simple, tres colores, tipografías romanas, sin complicaciones hasta cierto punto. Digo hasta cierto punto, porque el ‘logotipo’ del blog (en la imagen que acompaña a estas líneas), está construido únicamente con tipografía (entrad y comprobarlo). Incluso tiene un post sobre la idea.

El otro me lo encontré ayer por varios sitios que hacían referencia a un artículo sobre posicionamiento en CSS. Se trata del blog, o como ellos lo llaman, Notebook, de The Design Canopy. La estructura es muy limpia, ofrece artículos comentados, side notes y sus correspondientes feeds, etc. Cosa fina, vaya.

Infinse design Labs es el laboratorio de experimentos de Philipp Antoni. El diseño del site está muy cuidado y por lo que puedo ver, optimizado para Safari y WebKit. A destacar dos de los experimentos:

• Por un lado PNGFix, en este caso no está relacinado con IE6, sino con el propio formato. Los que hemos tratado con PNGs sabemos que su color en navegadores puede diferir de una imagen exactamente igual en otro formato, además se comenta que Photoshop se lleva muy mal con este formato. Pues bien, pasando nuestro PNGs por PNGFix conseguiremos corregir el color de las imágenes así como optimizar su tamaño notablemente, he hecho un par de pruebas y se puede llegar a reducir un 20% el tamaño de las imágenes sin pérdida de calidad alguna.
• Y por otro lado, dznr.org, un inquietante proyecto, mezcla entre TinyURL, del.icio.us y disco duro on-line con versión para iPhone y con una curiosa integración con Photoshop. Digo que es inquietante porque según parece no es un proyecto abierto al público y nunca lo será. Una pena.