Clawder Blog

Diseño de interfaces de usuario desde los 80s hasta hoy

2009-03-26T16:27:00.000Z

MacOS en sus inicios / MacOS Leopard

Una interfaz gráfica de usuario (GUI en inglés) nos permite interactuar con un dispositivo o sistema de una manera más amigable. A través de los años han cobrado gran importancia en el desarrollo de productos y el diseño de las mismas es considerado un aspecto crucial (conjuntamente con otros) durante la fase de elaboración del producto (ya sea software o hardware). Quien lleve varios años metidos en esto de las tecnologías se habrá dado cuenta que la evolución desde los años 80 ha sido espectacular. Se ha pasado de pantallas en 8 bits, todo en blanco y negro, a efectos visuales muy buenos (Aero en Windows Vista, Compiz Fusion en Linux Ubuntu, efectos en MacOS).

Si quieres ver una larga y detallada evolución de las interfaces de usuario a lo largo de los últimos años, te invito a que visites el artículo que Webdesigner Depot ha publicado hace unos días. En ellos hace un repaso a las mismas, con imágenes y pequeñas explicaciones sobre a qué sistema pertenecen, en qué época, etc.

Enlace | Operating System Interface Design between 1981 - 2009

¿Cómo son por dentro?: Google, Facebook, Digg...

2009-03-20T16:56:00.000Z

Si estás trabajando duro en el mundo de la informática para optar a algún puesto en empresas de gran prestigio como Google, Facebook, Digg, Yahoo o similares, quizás te interese conocer cómo son las oficinas por dentro y las comodidades que algunas ofrecen a sus selectos trabajadores.

El blog Office Snapshots recoge multitud de fotos donde se ven cómo son las oficinas y los "centros de mando" de las empresas web más importantes actualmente. Si tienes curiosidad, te invito a que te pases por su blog y les eches un vistazo. No tienen desperdicio.

Enlace | Office Snapshots

TwitterSticker, minibanner con tu última actualización Twitter

2009-03-14T11:13:00.001Z

TwitterSticker es una aplicación online que nos permite crear un badge (minibanner) con nuestra última actualización en Twitter. Aún está en una fase muy temprana, por lo que sólo nos permite elegir entre 4 diseños preestablecidos. Tras elegir el diseño introducimos nuestra cuenta (únicamente el nombre de usuario, la contraseña no la pide) y elegimos algunos parámetros como el color de la letra, el tamaño, rotación del texto, distancias, etc.

Podremos previsualizar nuestro badge antes de guardarlo definitivamente haciendo clic en Update, para ver cómo va quedando a medida que vamos probando cosas. Una vez hecho, pulsamos en Next y obtendremos el código listo para ser insertado en la web que queramos (incluido la nuestra).

Via | PuntoGeek
Twitter | @clawderblog

Alma de rockero...¡maldita canción!

2009-03-03T07:46:00.000Z

Recientemente los compañeros Whattheblogs inauguraron una sección que se llama WTBComic donde la artista Maria Picasso representa situaciones cotidianas en este mundo virtual que es Internet, gadgets, etc. Me gusto mucho éste:

Donde se parodia las desavenencias y frustraciones que surgen cuando uno intenta tocar la canción de Dragonforce titulada Through the Fire and Flames en el Guitar Hero. Si no cogen el chiste, vean este vídeo y comprenderán el por qué de la actitud del colega. Es jodida de tocar en todos los aspectos (hasta en la vida real es una impresionante fumada...)

Disquettes decorativos: Space Invaders

2009-02-27T20:06:00.001Z

Con el permiso de los compañeros de Fase Extra, les pillo la imagen para mostrarla. Se trata de uno de esos marcianitos que tantos quebraderos de cabeza nos daban en el Space Invaders, pero hecho con disquettes (también llamados floppys).

Ésta es una de las ventajas de los disquettes. ¿Se imaginan que en 20 años queden en desuso los pendrives? No me imagino uno de estos hechos con pendrives.

Sin mejoras: PicLens ahora es Cooliris

2009-02-17T10:02:00.000Z

Recientemente he reinstalado la extensión Piclens de la que hablé por aquí hace algún tiempo y me ha sorprendido ver que ahora se llama Cooliris (quizás algún tema de Copyright, la verdad es que no lo sé).

No he notado ninguna mejora significativa: consume lo mismo, hace lo mismo y su función la realiza correctamente. Hecho en falta la posibilidad de, al ver la imagen usando la extensión, poder guardarla directamente sin tener que pasar por la página original de la misma, función que ahorraría infinidad de clicks si estamos inmersos en una labor de investigación y búsqueda fotográfica. Quizás deberían intentar añadir esta opción a la extensión (se agradecería enormemente).

Según veo en su web, han desarrollado una aplicación para el iPhone que brinda la misma funcionalidad que la extensión de PC. También puedo ver una sección que yo al menos no recuerdo demasiado, que es la de Cooliris for Developers, espacio destinado a desarrolladores software que quieran explotar un poco más la extensión.

Por ello, te invito a actualizar tu viejo PicLens a su nueva versión o, en caso de no haberla probado nunca, echarle un vistazo porque realmente merece la pena usarla.

Enlace | Cooliris

Google celebra el nacimiento de Charles Darwin

2009-02-12T09:18:00.000Z

200º Aniversario del nacimiento de Charles Darwin por Google

Google amanece hoy con la imagen conmemorativa del 200º aniversario del nacimiento de Charles Darwin, padre de la teoría evolutiva y enemigo del creacionismo impuesto por la Iglesia Católica desde hace siglos. Hoy es un buen día para saber qué es la teoría de la evolución y quién fue Charles Darwin haciendo click sobre la imagen y navegando por la enorme cantidad de enlaces disponibles.

Cosas que nos enseñaron los Sims

2009-01-20T21:32:00.000Z

Acabo de ver esta viñeta en Imageeknation y no paro de reírme. Que humor tan sencillo pero a la vez tan bien hecho. Chapeau para tí, Juan. Me encantan tus viñetas :)

Enlaces | Cosas que nos enseñaron los Sims (I) + (II)

Excelentes imágenes de obras ingenieriles

2009-01-17T21:40:00.001Z

Navegando por Digg me encuentro este suculento set de imágenes donde se recogen algunos bocetos y obras impresionantes de ingeniería.

Puentes, aviones, infraestructuras de telecomunicaciones, zepelines y muchos más dispositivos y estructuras hechas y diseñadas por el hombre. Recomendado.

Enlace | beaudaniels.com/infographics

Teclado + Pantalón = ¿Tecladón?

2009-01-14T20:55:00.001Z

Este nombre que me acabo de inventar, que bien podría ser un Pokemon, podría ser perfectamente un nombre válido y castellanizado de esta combinación tan ~~friki~~ curiosa de pantalón más teclado. Está diseñado por un tal Erik De Nijs e incluye a la altura de las rodillas un par de altavoces, un bolsillo trasero de la medida justa para guardar un ratón (ideal para “gamers”, o eso dicen) y algunas cosas más “tecnológicamente hablando”.

Además, dudo que sea cómodo, ya que el teclado seguramente tendrá las teclas de silicona o algo así. Por tanto, será como llevar puestos unos calzoncillos de cartulina. Encima, observen bien a qué altura queda la barra espaciadora...

Desde ya, yo opino que son una frikada como la copa de un pino, aparte de que seguro que son muy incómodos y a larga no resultarán nada prácticos. Y tú, ¿Te los comprarías? ¿Los regalarías?

Ciclo vicioso de la adicción a los MMORPG

2009-01-03T14:47:00.000Z

Si alguna vez has jugado a un juego de rol, probablemente te sientas identificado con esta simpática imagen que he tenido el placer de traducir. Se trata del ciclo vicioso de vida de un MMORPG, esos juegos de rol masivo como el World of Warcarft, LineAge y similares que siempre siguen la misma tónica: tienes un personaje, vas matando monstruos para subir de nivel y conseguir más poderes y armas y llega un punto en el que te acabas aburriendo porque no se le puede sacar más chicha al susodicho.

Vamos, juegos que no tienen un final definido. Siempre he preferido juegos que empiezo, acabo y listo. Los juegos de rol nunca me han llamado demasiado la atención.

Feliz Año Nuevo de parte de Google

2009-01-01T10:38:00.002Z

Google nuevamente con logos a la par con las grandes festividades, esta vez nos desea un Feliz Año Nuevo. Yo también os deseo un Feliz y Próspero Año 2009. Espero que se lo hayan pasado bien anoche y que se lo sigan pasando bien el resto del año.

Resumen financiero del 2008

2008-12-30T22:06:00.004Z

Comentan los rumores que estamos en crisis financiera. Las publicidades de bancos en los medios de comunicación tratando de captar clientes se multiplican debido a la necesidad de los mismos de capital, ya que la confianza entre bancos ha descendido drásticamente (el clásico "yo estoy cagao, pero ¿cuánto de cagao estás tú?").

En el blog del compañero Jordi, PilinguiBlog, veo esta simpática imagen (dentro de la simpatía que puede tener quedarse en paro, dormir en la calle y estar en crisis económica mundial) que representa una ironía ante todo lo que está ocurriendo. Cuanta verdad esconde esa imagen.

Desde aquí animo a tod@s los que se encuentren en esta situación a que no pierdan la esperanza. Dicen que es lo último que se pierde (los griegos dicen que todo empezó por Pandora y su caja).

Fondo de Lego

2008-12-26T22:31:00.000Z

Acabo de ver este estupendo fondo de escritorio tan bien hecho y no me he podido resistir a publicarlo. Puede que le gusto a los fans de Lego (y al resto también). Si alguien se anima a bajarlo, aquí lo tiene. Siempre me ha gustado el arte 3D...

Google te desea Felices Fiestas

2008-12-21T09:22:00.004Z

Google y sus siempre bonitos diseños de logos le desea felices fiestas a sus millones de usuarios.

Más diseños:

Google se va de Halloween

Google cumple 10 años

Google con el LHC

Cómo consiguió Google su colorido logotipo actual

360 Cities, visitando el mundo en panorámico

2008-12-01T06:29:00.000Z

Desde aquí te invito a que visites los lugares más emblemáticos de la Tierra de forma tridimensional de la mano de 360 Cities, una web donde podremos visualizar partes de Roma, Atlanta o Finlandia con una vista de 360 grados.

En la parte derecha hay una serie de ciudades que podemos visitar. En la lista desplegable (Choose Place) elegimos la que queramos ver y en la nueva ventana nos aparecerán las imagenes en el formato anteriormente descrito. Con las flechas de dirección, manteniéndolas pulsadas, la imagen irá rotando en la dirección elegida. Podrían aparecer más imágenes de la misma ciudad para visitar (bajo la imagen grande). El nivel de calidad es bastante alto, y haciendo zoom con la rueda del ratón sobre la imagen podremos acercarnos y alejarnos de ella.

Esto es posible gracias al formato de fotografía VR, que permite ver imágenes en formato panorámico tal y como vemos nosotros nuestro entorno diariamente, y a Google Earth. Una muy buena manera de viajar sin movernos de la silla y de curiosear un poco lugares del mundo bastante alejados de nosotros.

Enlace | 360 cities
Mapa | 360cities.net -- Europe

HTTP errors: viendo los errores web con humor

2008-11-24T18:03:00.000Z

417 Expectation Failed | 401 Unauthorized

Interesante galería en Flickr donde el usuario ApeLad ha querido plasmar con humor los errores de navegación más comunes. Desde el famoso "404 Not Found" hasta el "408 TimeOut".

Enlace | HTTP errors (Flickr)

Lista de editores fotográficos online

2008-11-15T21:56:00.000Z

Los editores online de imagenes han crecido rápidamente en el pasado hace, dando magníficos resultados de manera gratuita y sin necesidad de grandes conocimientos.

La comodidad que proporciona un editor similar al Photoshop, pero de forma online y gratuita es muchísima. Grandes apuestas que algunas empresas ponen a nuestra disposición de forma libre (en algunas ocasiones).

Pues bien, en la siguiente lista se recogen algunos de estos servicios gratuitos para usar de forma rápida y que permiten importar tus imágenes desde redes sociales, retocarlas, compartir tu trabajo y más. Debido a la extensión de la lista, la pongo después del salto.

lilg.com

Alilg.com - Un simple editor libre parecido a Photoshop pero sin tantas herramientas y efectos.

Aviary Phoenix

Aviary Phoenix - Te permitirá importar fotos desde sitios como Flickr o Facebook. Ofrece edición de fotos gratis pero con la salvedad de que añade una pequeña marca de agua a nuestras fotos (podemos suscribirnos para eliminarla).

DrPic.com

DrPic.com - Sube tu imagen a este editor y obten las ventajas de usar las numerosas herramientas y luego guárdala en tu disco duro.

FlauntR.com

FlauntR.com - FlauntR es ideal para fondos, portadas de revistas y editaje básico.

FotoFlexer.com

FotoFlexer.com - Una completa herramienta gratuita con numerosas herramientas como distorsión, capas, efectos y muchas más.

Lunapic.com

Lunapic.com - Es un poco rudimentario y no tan bueno como algunos de los aquí comentados, pero es gratis y muy sencillo de usar.

MyImager.com

MyImager.com - Este editor posee una interfaz algo extraña y cada vez que haces un cambio la página se recarga automáticamente. Sólo acepta GIFs y JPGs, es gratis, pero tiene bastante publicidad. Eliminarla cuesta 1$ al mes.

Online-Image-Editor.com

Online-Image-Editor.com - Ideal para pequeñas cosas y dirigido a las redes sociales.

Phixr.com

Phixr.com - Ofrece edición básica y fácil de usar. Puedes guardar las fotos en formatos comunes y subir tus imágenes terminadas a los servicios de fotos más conocidos.

Photoshop.com

Photoshop.com - Adobe finalmente lanzó su famoso editor de fotos online al mundo. No tiene todas las características de su programa instalado, pero es fácil de usar y permite un almacenaje de hasta 2 Gb de capacidad; sólo acepta fotos en formato JPG.

Picture2Life.com

Picture2Life.com - Picture2Life ofrece numerosas herramientas y muestra una vista previa de los cambios que has hecho en la imagen.

PikiPimp.com

PikiPimp.com - PikiPimp ofrece un editor simple, pero pesado a la hora de añadir texto y animaciones.

Pixenate.com

Pixenate.com - Pixenate ofrece un conjunto amplio de retoques personales para aplicar a tus fotos, inluyendo una específica para blanqueamiento de dientes.

Pixlr.com

Pixlr.com - Editor gratuito que recuerda mucho a la versión offline de Photoshop. Disponible en muchos idiomas y con una API libre y disponible para su uso.

Picnik.com

Picnik.com - Importa imágenes de sistios como Photobucket, Picasa, Webshots y más. También ofrece numerosas herramientas, fuentes y efectos gratuitos. Para tener más herramientas puedes suscribirte a su cuenta premium por $24.95 al año.

Snipshot.com

Snipshot.com - Permite algunas ediciones básicas y la posibilidad de guardar para la Web o en tu PC. Puedes abrir cualquier imagen usando su URL desde la Web y aplicarle más efectos disponibles en una suscripción gratis a su cuenta premium.

Webresizer.com

Webresizer.com - Ofrece una simple herramienta para redimensionar imágenes, optimizar su tamaño y hacerla más cómoda para su uso en la red.

Via | mashable.com

Diferencia entre "robo" y "piratería"

2008-11-15T20:52:00.000Z

Galería de Modding

2008-11-11T20:39:00.001Z

El blog Dark Roaster Blend nos presenta una curiosa exposición de PC's "tunneados". Mediante la técnica de modding, convierte la clásica caja rectangular gris, blanca o negra en una verdadera obra de arte.

Algunas de mis preferidas son las que he puesto al inicio del post debido a su curiosidad y tremenda imaginación, pero desde aquí os invito a pasearos por dicha galería.

Enlace | Cool Case Mods I + Cool Case Mods II

Imagen: otoñal arce japonés

2008-11-02T19:33:00.000Z

Evadámonos del mundo un poco con esta preciosa imagen otoñal de un arce en el jardín japonés de Portland. Perfecto para sentarte bajo él, abrir un libro y olvidarse de las preocupaciones y los quehaceres cotidianos.

Google se va de Halloween

2008-10-31T06:32:00.003Z

Como no, Google y sus logos relativos a festividades destacadas. Hoy inaugura la web con un logo dedicado a Halloween. Al menos en España es una costumbre de hace solo un par de años, pero la gente se empeña en adaptarla. Todo lo que sea fiesta España lo adopta sin importarle nada más. En fin....¡Feliz fiesta yanki!

Cómo Google consiguió su colorido logo actual

2008-10-26T15:34:00.002Z

¿Alguna vez te has preguntado de donde sacó Google su famoso logo? Pues la web Wired se ha encargado de recopilar los diseños previos al famoso logo que hoy circula por todo el mundo, desde el inicio de la idea hasta lo que es actualmente.

Básicamente es una especie de línea del tiempo, donde se recogen los diseños previos con un pequeño "debate" de la idea por parte del diseñador principal e incluso de los creadores de la compañía. Muchas ideas, puntos de vista y representaciones de la idiosincracia de la compañía en tan solo una imagen.

Al final parece que hasta la sencillez que desborda el diseño actual tiene su explicación. Como bien apunta Kedar, diseñador del logo, los colores usados en el logo oficial de hoy día se tratan de colores primarios, pero la letra L está en otro color para dar la impresión de que Google no sigue las reglas. ¿Quién lo diría, verdad?

No toques mi rack.....nunca

2008-10-17T20:52:00.000+01:00

Un poco WTF este rack de "vete tú a saber qué" con una curiosa disposición de sus cables. Realmente no me gustaría ser el encargado del mantenimiento de semejante "cosa":

Via | Digg

Win Delvoye, preciosas esculturas góticas

2008-10-15T20:31:00.001+01:00

De la mano de DVICE veo estas estupendas esculturas góticas realizadas con hierro. Están elaboradas por el artista belga Win Delvoye. Las realiza a base de cortes con laser sobre el metal para luego darles estas formas tan bonitas que se ven. Ver su galería es casi una obligación porque la verdad es que merece la pena.

Recuerda bastante al movimiento steampunk que corre por la red desde hace un par de años. Me encantaría ver esa exposición en persona. Me hartaría de sacar fotos :)