Pixelovers

Premios Bitacoras.com 2008

neburX — Wed, 19 Nov 2008 09:46:45 +0100

Este pasado fin de semana se celebraron los premios bitácoras.com en el marco del EBE 2008 en la ciudad de Sevilla.

Estos premios, que vienen a ser como los Grammy Latinos de la blogosfera (No digo los Oscar, por que solo participan blogs de habla hispana), se desarrollaron mediante una votación popular seguida de una selección por parte de un jurado.

Los premiados de las 18 categorías fueron los siguientes:

Mejor blog tecnológico:Microsiervos

Mejor blog cultural: El blog ausente

Mejor blog político: Escolar.net

Mejor blog personal: Hay mujeres

Mejor blog de negocios: Loogic

Mejor blog periodístico: 233grados.com

Mejor blog deportivo: Deporte acción

Mejor blog de viajes: Kirai

Mejor blog de humor: :El pito doble

Mejor fotolog: Fotomaf

Mejor podcast: Tortilla de patata

Mejor videoblog: Lost in Bilbao

Mejor blog medioambiental: Greenpeace

Microblogger del año: mmoroca

Blog revelación: Ayuda Wordpress

Mejor blog del jurado: Generación Y

Premio especial honorífico: Mangas verdes

Premio al mejor blog del público: Kafelog

Felicidades a todos y también a los finalistas.

Leer Premios Bitacoras.com 2008 en Pixelovers

UpShot, revisión de bocetos colaborativa

obokaman — Mon, 10 Nov 2008 00:00:00 +0100

UpShot es una herramienta que promete hacer las delícias de los diseñadores freelance. Permite compartir bocetos durante el proceso de desarrollo de un logotipo, un interfaz, etc., y que los participantes puedan marcar áreas en ese diseño para añadir comentarios, así como responder a los comentarios dejados por otros participantes. Magnífico: simple y efectivo.

Quizás el único pero es que como aplicación independiente me queda un poco pequeño. Normalmente, cuando realizamos un trabajo para un cliente externo, el proceso de bocetado y seguimiento del diseño sólo es una pequeña parte del "todo". Lo ideal sería pensar en UpShot como una herramienta integrada en algo más grande, como Basecamp, por ejemplo.

Sitio oficial | UpShot

Leer UpShot, revisión de bocetos colaborativa en Pixelovers

Dexter: forense de día, asesino y webmaster de noche

obokaman — Sun, 09 Nov 2008 00:00:00 +0100

Si Dexter ya me caía bien a pesar de sus tendencias asesinas, después de ver esta imagen aún tengo mejor concepto de uno de los serial-killers más queridos de la televisión. Dexter mola. Y sabe hacer webs.

Leer Dexter: forense de día, asesino y webmaster de noche en Pixelovers

20 aplicaciones de iPhone para diseñadores

obokaman — Fri, 07 Nov 2008 00:00:00 +0100

¿Eres diseñador y tienes un iPhone? Este post es para tí. En Design Work Plan han recopilado 20 aplicaciones de todo diseñador debería conocer, y vale la pena echarles un vistazo.

Si tengo que destacar dos (las tengo instaladas y las uso bastante a menudo) me quedo con Things, la versión iPhone de un conocido gestor de tareas basado en la filosofía GTD, y del que hablé hace poco en obokaman.com, y con Color Expert, una potente herramienta para trabajar con paletas de colores.

Y tu, ¿usas alguna de esas aplicaciones? ¿Cuáles son tus favoritas?

Ver álbum de fotos | Leer 20 aplicaciones de iPhone para diseñadores en Pixelovers

Personalizando tu página de Twitter

obokaman — Thu, 06 Nov 2008 00:34:49 +0100

Como posiblemente ya sabrás, Twitter es una aplicación de microblogging que ha cautivado a millones de usuarios de todo el mundo en el último año. Comunicarte con tus amigos, contactos, clientes, a través de pequeños mensajes, 140 carácteres como máximo, eso es lo que ofrecen.

Tanto ha sido su éxito que podríamos decir que para muchos Twitter se ha convertido en los principales ejes de nuestra "identidad online". Conscientes de esto, en Twitter han tenido en cuenta desde el principio que pese a la sencillez de la interfaz, los usuarios debían poder adaptar el estilo y la apariencia de sus páginas de Twitter. Y aunque las opciones de personalización que ofrecen son bastante sencillas (color de los textos, color de las cajas y una imagen de fondo), muchas veces me he sorprendido con el aspecto de algunas cuentas: verdaderos alardes de creatividad y buen gusto.

En la página de Lee Munroe han recopilado 30 perfiles de Twitter con diseños especialmente creativos que vale la pena visitar. Si estás en Twitter y aún no te has animado a personalizar tu perfil con un diseño propio, haz un repaso de esta lista. Seguro que con alguna que otra idea que puedas sacar de la recopilación y un poco de inspiración, consigues mejorar el aspecto "por defecto" de tu página en Twitter.

¡Y si lo haces, no olvides compartir el resultado con nosotros! ;-)

Via IsoPixel

Leer Personalizando tu página de Twitter en Pixelovers

¿Te apetece trabajar en Softonic?

obokaman — Mon, 08 Sep 2008 15:05:06 +0100

Softonic es una de esas empresas. Un lugar donde se vive y respira Internet las 24h del día, donde la gente puede dar rienda suelta a su creatividad, donde además de aportar sus conocimientos uno puede seguir aprendiendo de uno de los equipos técnicos mejor preparados de España, donde se valora el esfuerzo y se tiene en cuenta a las personas... una de esas empresas, en definitiva. Y no es que lo diga únicamente porque yo también trabajo allí, lo corrobora el Great Place to Work Institute.

Pues resulta que andan buscando gente para ampliar su departamento de desarrollo, así que quizás puedas estar interesado. Si quieres comprobar que todo lo anterior no son sólo palabras, y crees que puedes aportar tu granito de arena para que Softonic siga creciendo hasta convertirse en el líder mundial en las descargas de software, échale un vistazo a las ofertas de trabajo que hay abiertas ahora mismo:

Qué, ¿te animas? Y si no te acabas de decidir... echa un vistazo a nuestras nuevas oficinas.

Leer ¿Te apetece trabajar en Softonic? en Pixelovers

¡Ya es posible descargar Google Chrome!

obokaman — Tue, 02 Sep 2008 21:21:13 +0100

Desde hace un rato ya es posible descargar Google Chrome desde su página oficial. Ahora sólo queda probarlo a fondo, comprobar si todas las bondades que nos cuentan sobre Google Chrome son ciertas... y ¡esperar que se den prisa de desarrollar una versión para Mac!

Más info | Sitio oficial de Google Chrome

Actualización: Chica Geek ha hecho una review con sus primeras impresiones sobre Google Chrome. Lectura recomendada.

Leer ¡Ya es posible descargar Google Chrome! en Pixelovers

37Signals dejará de dar soporte a IE6 en sus aplicaciones a partir del día 1 de octubre

obokaman — Tue, 02 Sep 2008 19:33:43 +0100

Así, tal cual. Estos chicos juegan duro. Tal como anunciaron el pasado 3 de Julio en su blog, están a punto de poner punto y final a su relación con Internet Explorer 6, o en otras palabras, dejarán de revisar sus aplicaciones para que se vean y funcionen correctamente con este navegador. Y aunque olvidarse de Internet Explorer 6 sea el sueño de cualquier desarrollador web, no deja de parecerme un movimiento arriesgadísimo por parte de los desarrolladores de Basecamp.

Si bien es cierto que Internet Explorer 6 es un producto que tiene más de 7 años (fué publicado en 2001), su sustituto, Internet Explorer 7, no apareció hasta principios del año pasado, con lo que son muchos los usuarios que aún siguen usando la versión anterior del navegador de Microsoft. Quizás el perfil de usuarios de Basecamp sea más avanzado que el de una aplicación de blogs como OboLog, pero para que os hagáis una idea, el porcentaje de usuarios que acceden hoy en día a OboLog desde Internet Explorer 6.0 es del 40% aproximadamente. Por más que me encantaría dejar de romperme la cabeza con los problemas de renderizado de IE6, estaría "dejando fuera de juego" a casi la mitad de los usuarios que nos visitan.

Supongo que ya habrán estudiado a fondo a sus clientes y estarán seguros de que la "pérdida" no les supone ningún riesgo, pero a pesar de ello, me cuesta creer que tratándose al fin y al cabo de aplicaciones de pago, "fuercen" a sus clientes a actualizar su navegador habitual. ¿Qué pasará con aquellos usuario que accedan desde un lugar cuyas políticas les impidan modificar el software instalado en la estación de trabajo? De momento ya han avisado que alargarán el plazo hasta el 1 de Octubre para dar algo más de tiempo a los que todavía no han dado el paso. Seguiré de cerca lo que ocurra.

Leer 37Signals dejará de dar soporte a IE6 en sus aplicaciones a partir del día 1 de octubre en Pixelovers

Google Chrome: el navegador web de Google

obokaman — Tue, 02 Sep 2008 10:31:24 +0100

Google prepara para hoy mismo el lanzamiento de su propio navegador web Open Source, Google Chrome. De momento aún no está disponible para descargar, y sólo han visto la luz algunos screenshots y vídeos de los propios desarrolladores, y un fantástico comic explicativo en el que el equipo de desarrollo de Google Chrome nos explica las novedades que aporta este nuevo navegador.

Aunque éstas novedades se encuentran principalmente en la manera de gestionar los recursos y de organizar los procesos que gestionan las pestañas o ventanas abiertas, también hay algunas novedades que saltan a la vista en Google Chrome, como por ejemplo:

La ubicación de las pestañas: Ahora las pestañas se encuentran por encima de todo, y los elementos de navegación, incluída la barra de direcciones, por debajo de éstas. Sin duda, una disposición mucho más lógica (¿os suena esta disposición "pestañas arriba - buscador abajo"? ;) ). Es sorprendente que no se le ocurriera a nadie antes.

La barra de direcciones de Google Chrome ya no sólo sirve para escribir URLs. El autocompletar se nutre de los resultados de Google para sugerirnos webs a partir de las palabras que vamos escribiendo. Lo han llamado omnibox.
Las ventanas emergentes (los popups) se relacionan con la pestaña que las lanzó, y desaparecen cuando la cerramos.
Cuando abramos una nueva pestaña, nos recomendará los sites que visitamos más a menudo, junto con aquellos que hemos añadido a favoritos más recientemente.
Incorpora un modo de navegación anónima, que no registrará nuestra actividad.
Usa webkit (el motor de Safari) para renderizar las páginas, lo que asegura un naveagador que cumple con los estándares, incorpora avances de la futura especificación CSS3 y tiene una velocidad de renderizado excepcional ( y eso para nosotros los diseñadores web es muy importante. No se trata de "un navegador más en el que testear nuestros diseños". )

Ahora sólo queda esperar al anuncio oficial para poder descargar Google Chrome. ¡Os avisaremos tan pronto esté disponible!

Actualización 21:30 - Ya se puede descargar Google Chrome

Ver álbum de fotos | Leer Google Chrome: el navegador web de Google en Pixelovers

Jquery.com escucha a la comunidad: adiós al rockero

obokaman — Mon, 01 Sep 2008 22:25:23 +0100

Tan sólo dos días después del anuncio del rediseño de Jquery.com, hoy publican nuevos cambios a la apariencia de su site. Al parecer no sólo nosotros quedamos perplejos con el nuevo diseño, y fueron varias las voces que se alzaron en la comunidad de usuarios y desarrolladores de Jquery cuestionándose la adecuación de éste a las características de la librería.

Por suerte John Resig y compañía han sabido escuchar, en primer lugar, y reaccionar rápido. Como podéis ver en la nueva portada de Jquery, el Javascript Rock Star ha muerto.

Leer Jquery.com escucha a la comunidad: adiós al rockero en Pixelovers

Rediseño de Jquery.com

obokaman — Fri, 29 Aug 2008 10:13:38 +0100

Parece que han rediseñado el site de Jquery.

La verdad es que me he quedado a cuadros. Aunque no se puede negar que el diseño es muy bonito, moderno, etc. me ha roto: es justo lo contrario a la propia esencia de la librería jquery: "hacer más con menos", ligereza. El site anterior, aunque con un diseño más sencillo, transmitía mucho mejor ese mensaje, no os parece?

En fin, sirva al menos para demostrar una vez más que en el diseño no sólo importa la forma.

Ver álbum de fotos | Leer Rediseño de Jquery.com en Pixelovers

Crea el código QR de tu web automáticamente

obokaman — Wed, 27 Aug 2008 00:27:01 +0100

Por si no los conocías ya, los códigos QR son unas matrices gráficas, similares a los códigos de barras que podemos encontrar en los productos del supermercado, con la diferencia que éstos pueden ser leídos con una simple cámara fotográfica, la de nuestro móvil sin ir más lejos.

Éstos códigos pueden contener información como páginas web, emails, direcciones, texto, teléfonos... Aunque en España aún no se ha popularizado su uso, en países como Japón es habitual encontrárselos en revistas, carteles y páginas web, vinculados a sistemas de información o comercio electrónico.

Gracias al comentario de un compañero, Javier Callón, nos enteramos de una sencillísima aplicación que nos permitirá generar el código QR para nuesrta web, blog, etc. Tan sólo es necesario incluir en nuestro código HTML la siguiente etiqueta de imagen:

<img src="http://ws.callon.org/qrcode.png" alt="Código QR de tu web" />

La imagen, generada de forma automática, tomará como origen la URL desde la que la invoques, y representará un código QR conteniéndola. ¿Fácil, verdad? Ya no tienes excusa para no emular a los nipones: estás a sólo un copy/paste de tener tu propio código QR en tu blog.

Leer Crea el código QR de tu web automáticamente en Pixelovers

Plantilla para photoshop del interfaz de iPhone

obokaman — Thu, 21 Aug 2008 23:58:14 +0100

De un tiempo a aquí han ido apareciendo diversas alternativas que pueden resultarnos de ayuda para desarrollar aplicaciones para iPhone. El conocido iUi, un completo framework, que integra CSS y javascript o el recientemente publicado framework css de minid, Universal iPhone Ui Kit son claros ejemplos.

Para ayudarnos a trabajar en las fases previas al desarrollo de aplicaciones para iPhone, la gente de tehaan+lax ha preparado una fantástica plantilla para Photoshop que incorpora los elementos y controles más habituales del interfaz del iPhone, y aunque no es la primera plantilla de este tipo que aparece, ésta tiene algo que la hace especial: todos los elementos son editables. No es un simple mapa de bits con ejemplos de controles, sino que es un completo documento, organizado con sus carpetas, capas, efectos, textos... que podemos modificar a nuestro antojo para dar la mayor fidelidad posible a nuestros bocetos. Un gran trabajo sin duda.

Más info | iPhone GUI PSD

Descargar iPhone GUI PSD

Leer Plantilla para photoshop del interfaz de iPhone en Pixelovers

Tutorial Photoshop para convertir fotos a ilustraciones POP ART

obokaman — Wed, 13 Aug 2008 00:39:05 +0100

Revisando feeds marcados en Bloglines rescato una antigua anotación que leí en su día en Boing Boing: Pop Art Inspired by Lichtenstein.

El autor nos guia a través de un manual visual que avanza de forma muy progresiva y clara, con screenshots de todos los filtros y efectos que debemos aplicar. El resultado final no podría ser más sugerente. ¿Te animas a probar con tu foto? Yo probaré, a ver qué tal queda (aunque sin tableta no será lo mismo...).

Más info | Pop Art Inspired by Lichtenstein

Leer Tutorial Photoshop para convertir fotos a ilustraciones POP ART en Pixelovers

CDN (Content Delivery Network) gratis con Google App Engine

obokaman — Tue, 12 Aug 2008 09:04:05 +0100

Ayer me comentaba un compañero de trabajo que estaba buscando un hosting donde alojar la web de su grupo: muchas imágenes, sonido, vídeo... mucho archivo estático. El problema que se encontraba muchas veces es que los planes que se adecuaban a su proyecto, en CPU, memoria y espacio en disco, se quedaban cortos en transferencia mensual y velocidad de la conexión, y viceversa: los que encajaban en cuanto a transferencia se excedían en todo lo demás (también en el precio). A raíz de esto, me acordé de un artículo que leí hace poco en Maestros del Web: 10 pasos fáciles para usar Google App Engine como tu propia red de distribución de contenido.

Una red de distribución de contenido (CDN) es lo que suelen usar las webs grandes para agilizar la distribución de archivos estáticos (imágenes, hojas de estilo, javascripts, multimedia...). Las CDNs permiten tener nuestros contenidos replicados en múltiples servidores por todo el mundo, acelerando la descarga de los mismos de cara a los clientes, puesto que éstos siempre se sirven desde la ubicación más cercana al usuario. Suelen ser sistemas demasiado caros para que pequeños proyectos o particulares se planteen siquiera su uso.

Lo que propone Andreas Kohn en el artículo es utilizar la Google App Engine para montar nuestro propio CDN gratis, o a bajo coste (cobran a partir de 500MB de alojamiento o por encima de los 5 millones de PV. A pesar de esto, los precios son muy muy bajos).

No lo he probado, pero parece muy sencillo de desarrollar. Disponer de la infraestructura de servidores de Google a nuestra disposición bien merece el esfuerzo, no? Está por ver, sin embargo, si el rendimiento vale la pena. En experiencias similares que otros han tenido tratando de utilizar Amazon S3 (el equivalente de Amazon en cuanto a alojamiento) con los mismos fines, los resultados no fueron muy buenos.

Ver álbum de fotos | Leer CDN (Content Delivery Network) gratis con Google App Engine en Pixelovers

Softonic añade resultados mejorados en Yahoo!

obokaman — Wed, 23 Jul 2008 00:23:43 +0100

Hace un tiempo te hablaba en Pixelovers acerca del nuevo servicio de resultados de búsqueda mejorados de Yahoo!, SearchMonkey. A grosso modo, SearchMonkey permite a los desarrolladores preparar "aplicaciones de búsqueda" que modifican el aspecto de los resultados de búsqueda en Yahoo! para determinados sites, a partir de la información extraída de microformatos u otras fuentes de datos.

Aprovechando esta oportunidad que brinda Yahoo!, Softonic, la web de descargas, ha preparado su primera aplicación de búsqueda, que permite a los usuarios de este buscador mejorar el aspecto de los programas que aparecen en sus páginas de resultados. El aspecto final es algo parecido a esto:

Los nuevos resultados mejorados incorporan screenshots del programa en cuestión, enlaces de descarga, opiniones, imágenes y extras, y una pequeña reseña, junto con la valoración del programa y su licencia. Para añadir esta funcionalidad a tu Yahoo! y probar los resultados de búsqueda mejorados, tan sólo tienes que añadir la aplicación de búsqueda de Softonic en Yahoo! desde su galería de aplicaciones.

¿Te animas a desarrollar tu propia aplicación de búsqueda?

Leer Softonic añade resultados mejorados en Yahoo! en Pixelovers

Emprendeweb.org , primera reunión en Bilbao

neburX — Tue, 22 Jul 2008 12:51:41 +0100

El día 24 de Julio a las 19:30 se celebrará en Bilbao la primera reunión de Emprende Web.

Este evento pretende reunir a desarrolladores web, programadores y emprendedores mediante charlas, networking y conferencias, donde intercambiar ideas, conocimientos y experiencias.

Sin duda Bilbao es una ciudad en la que existe un enorme movimiento tanto de emprendedores como de desarrolladores, y una reunión como está es el germen para cohesionar a la comunidad y dinamizarla. Algo se mueve en Bilbao y eso se nota en el ambiente :).

Nosotros estaremos allí para contaros los detalles del evento y si queda tiempo, preparar algún material audiovisual con lo más destacado.

Por supuesto podéis confirmar vuestra asistencia desde su web : www.emprendeweb.org

Leer Emprendeweb.org , primera reunión en Bilbao en Pixelovers

Framework CSS para iPhone

obokaman — Mon, 07 Jul 2008 23:51:34 +0100

Hace ya algún tiempo comentaba que no soy muy de usar frameworks css, pero en esta ocasión creo que voy a hacer una excepción. Diego Lafuente, conocido por su blog minid.net, ha escrito un magnífico framework CSS orientado al desarrollo de aplicaciones web para iPhone.

¿Y porqué ahora si? Pues porque el ámbito de uso de dicho framework es suficientemente específico y concreto como para que su uso valga la pena frente a un desarollo propio.

Si te interesa, puedes encontrarlo y descargarlo en Google Code, o bien probarlo online desde la demo.

Leer Framework CSS para iPhone en Pixelovers

¿La mejor combinación de colores? Mira a tu alrededor

obokaman — Fri, 04 Jul 2008 00:23:46 +0100

La elección de la paleta de colores es una de las fases clave en el diseño de interfaces. Posiblemente el color ejerce más influencia que ningún otro elemento de diseño en cómo nos sentimos en determinado espacio (en nuestro dormitorio, en la oficina, en un restaurante, en un coche... y ¿como no?, en un sitio web) y por eso su elección no es, para nada, trivial.

Aunque ya hemos hablado en más de una ocasión sobre herramientas gratuítas que pueden ayudarnos a escoger la mejor combinación de colores, esta vez vamos a tratar de buscar ayuda en otro sitio, fuera de nuestro ordenador y lejos nuestras herramientas de trabajo habituales: vamos a tratar de fijarnos en nuestro entorno, en la naturaleza.

Los colores que solemos encontrarnos en la naturaleza nos son familiares, y generalmente combinan entre ellos de forma armoniosa y equilibrada, con lo que pueden ser una fuente -¡inagotable!- de inspiración para nuestros diseños. ¿Y por dónde empezar? Tus propias fotos o galerías de fotos públicas como Flickr son un buen punto de partida.

Además, existen algunos sitios, como ColourLovers, que ofrecen de forma periódica paletas de colores "naturales" basadas en fotografías de animales, de paisajes, urbanas, etc, de dónde también podemos sacar buenas ideas o practicar para ir cogiendo soltura en la "selección de colores de base" a partir de nuestras propias fotografías.

Y es que, como puedes ver, no sólo Gaudí se inspiró en las formas y colores de la naturaleza para crear sus obras.

Ver álbum de fotos | Leer ¿La mejor combinación de colores? Mira a tu alrededor en Pixelovers

Goosh, utiliza Google en formato consola

obokaman — Wed, 02 Jul 2008 23:39:33 +0100

Goosh es un curioso servicio web que te permite usar varios servicios de Google en formato consola de comandos. Lo más sorprendente es el abanico de posibilidades que nos ofrece. Con Goosh podrás:

Buscar páginas web, imágenes, vídeos, feeds, blogs indexadas en Google
Buscar lugares con Google Maps
Buscar artículos de la Wikipedia
Leer y escribir mails de tu cuenta de Gmail
Leer feeds
Traducir textos

Sorprendente, ¿verdad? Si eres un nostálgico o un apasionado de los entornos de modo texto, no dejes de probarlo.

Más información: La web oficial de Goosh.org

Leer Goosh, utiliza Google en formato consola en Pixelovers