Avisar de contenido inadecuado
Expand

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

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.

Rediseño de Jquery

{
}
Expand

Rediseño de Jquery.com

Parece que han rediseñado el site de Jquery.

Jquery nuevo diseño

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?

Jquery antiguo diseño

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

Expand

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

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" />

Código QR

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. ;-)

Expand

Plantilla para photoshop del interfaz de iPhone

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.

iPhone GUI

Más info | iPhone GUI PSD

Descargar iPhone GUI PSD

{
}
Expand

Tutorial Photoshop para convertir fotos a ilustraciones POP ART

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...).

Photoshop POP ART

Más info | Pop Art Inspired by Lichtenstein

Expand

CDN (Content Delivery Network) gratis con Google App Engine

Google App EngineAyer 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.

Content Distribution NetworkLo 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.

Expand

Softonic añade resultados mejorados en Yahoo!

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:

Resultados mejorados de búsqueda en Yahoo!

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?

Expand

Framework CSS para iPhone

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.

Framework CSS 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.

Expand

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

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.

104643-78739.jpg

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.

104643-78734.jpgLos 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.

104643-78736.jpg  104643-78737.jpg
104643-78738.jpg

Expand

Goosh, utiliza Google en formato consola

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

Goosh

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