Encuentra usuarios de Twitter en tu ciudad con LocaFollow

votarCómo enviar invitaciones a Google Wave

Autor: aartiles | Archivado en: Internet el día 14/Oct/2009

Hoy he recibido mi invitación a Google Wave… inesperadamente la verdad, pues que yo sepa nadie me había invitado y no tenía ni tengo mucho tiempo para probarlo aún. Sí es cierto que obtuve una invitación a probar el preview que se hizo en el Google I/O 2009, pero apenas entré una vez. Por lo visto las invitaciones deben ir por orden de actividad y si me ha llegado a mí ya deben haber tocado fondo.

Una vez que tengo mi invitación, como soy un pringaete :)… me dispuse a intentar enviar esas invitaciones a wave que tanto buzz y polémica han causado y echar mis horas para Google. Como no quería probarlo y no abrí ninguno de los mensajes de bienvenida, tardé cerca de media hora en encontrar la forma de enviar las invitaciones, esperaba una opción en la interfaz similar a Gmail. Por ello hago este post, porque probablemente estés esperando tu invitación a Google Wave y ya tendrás 8 amigos esperando.

Primero tenemos que abrir el mensaje( o wave) con título “Invite others to Google Wave”.

Wave para enviar Invitaciones a Google Wave

Wave para enviar Invitaciones a Google Wave

En el panel derecho aparecerá su contenido y encontraremos un campo de texto donde podemos introducir las direcciones de nuestros amigos. Y por último hacemos click al botón “Add to Invitation List”. Debajo del botón aparecerán los emails de todos los amigos que has invitado.

Campo de texto para enviar las invitaciones a Google Wave

Campo de texto para enviar las invitaciones a Google Wave

Tenemos hasta 8 invitaciones, y como dice el propio mensaje en inglés:

Las invitaciones no se enviarán inmediatamente. Tenemos un montón de sellos que lamer.

Happy waving!

Alfredo ArtilesSoy Alfredo Artiles, Co-Fundador de equipo24, e24Presenter y e24Apps. Mi pasión es el AJAX, SEO, SEM y emprender todo lo que se me ponga por delante. Si me necesitas estoy 24x7 en Twitter @aartiles24.

Tags: , , , | 24 Comentarios »
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • LinkedIn
  • Meneame
  • MySpace
  • Technorati
  • TwitThis

votarTraducción instantánea con Google Toolbar

Autor: lisnetcg | Archivado en: Internet, Navegadores, Recursos el día 10/Oct/2009

Google ha lanzado una nueva versión de su barra de herramientas en la que permite traducir cualquier página web con solo presionar un botón sin tener que abandonar la página en que te encuentras.

La opción es muy útil ya que cuando estés navegando en cualquier sitio en otro idioma la Barra de Google lo detectará automáticamente y te ofrecerá la opción de traducir la página con sólo hacer un clic.

Utilizando el mismo sistema automatizado de traducción de Google Traductor, es evidente que no tendrá la misma elegancia y precisión de una traducción humana pero será de mucha ayuda al conseguir traducir una página web completa en pocos segundos.

Además, Firefox 3.5 introduce la navegación privada con lo que Firefox no registra tu historial de búsqueda. La nueva versión de la Barra de Google para Firefox respeta esta opción con lo que no registra el historial de búsqueda en la barra de de búsqueda mientras estás en navegación privada.

Puede descargar esta última versión de la Barra de Google desde su web oficial


Tags: , , , | 1 Comentario »
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • LinkedIn
  • Meneame
  • MySpace
  • Technorati
  • TwitThis

votarPropuesta de estándar de Google para hacer un sitio AJAX indexable - SEO

Autor: aartiles | Archivado en: SEO el día 8/Oct/2009

Después de varios meses de rumores, Google publicó ayer su propuesta de estándar para hacer un sitio AJAX indexable por los buscadores. Esto me toca muy de cerca porque llevo años desarrollando sitios muy dinámicos totalmente basados en AJAX y he tenido que rozar la ilegalidad para lograr que se indexen correctamente sin ser penalizados.

La mayoría de la webs AJAX hacen uso del carácter # para controlar el estado de la página y así permitir utilizar los botones de ir a página anterior y página siguiente sin abandonar la página y cambiar el estado de la web (mostrar/ocultar secciones). Casi todos los frameworks AJAX suelen proveer soluciones, como el history manager de mootools o el history manager para prototype que desarrollé hace ya algún tiempo. Al usar estos componentes las URLs suelen quedar así: http://www.miweb.es/index.php#pagina1

Partiendo de este tipo de URLs la propuesta plantea:

  1. Cambiar esas URLs añadiendo un signo de exclamación ! después del signo #, quedando la nueva URL así http://www.miweb.es/index.php#!pagina1
  2. Instalar un headless browser en nuestro servidor para que le sirvamos en HTML los contenidos javascript a los buscadores. Un headless browser es un navegador web sin interfaz gráfica. Estos programas permiten visualizar la información de una página tal como lo vería internamente un navegador web normal, o sea visualizar las coordenadas de los objetos, sus colores, sus tipos de fuentes y además son capaces de interpretar javascript. Google ha sugerido htmlUnit para Java, yo no he encontrado ningún otro.
  3. Preparar el servidor para escuchar URLs de la forma http://www.miweb.es/index.php?[QUERYTOKEN]=state, que en nuestro caso sería http://www.miweb.es/index.php?!=state

En resumen, hacemos la simple modificación a nuestras URLs AJAX añadiendo el !, y preparamos el servidor para escuchar URLs con los estados AJAX en el formato URL encode y estas URLs se servirán mediante un headless browser que interpretará el javascript y lo mostrará como HTML.

La verdad me alegra que Google esté dando este paso, al igual que ya ha hecho intentos con Flash, pero creo que esta no es la forma adecuada. Veo muy difícil que se popularice este método, puesto que casi ningún hosting compartido permitirá instalar estos headless browsers. Esto le dará una clara ventaja a los practicantes del SEO y beneficiará poco al que programa pensando en la experiencia del usuario tal como proponen las directrices del propio Google.

Ayer @alejandrosuarez hizo un comentario en twitter que me hizo mucha gracia, refiriéndose a las invitaciones para Google Wave:

Mérito d Google x tener a la gente dando invitaciones gratis … No deberían ellos pagar alguien? Xq bailamos la música q ponen?

Y es que tiene toda la razón, la posición que ha alcanzado Google hace que acatemos todas sus decisiones, ideas y productos sin miramientos. Creo que Google tiene potencial para darle solución a este problema,… interpretar ellos mismos el javascript y dejarnos a nosotros programar pensando en el usuario.

¿Y tú qué piensas?, ¿Crees que verá la luz esta propuesta de estándar? ¿Conoces otros headless browsers?

Propuesta de Estándar: http://googlewebmastercentral.blogspot.com/2009/10/proposal-for-making-ajax-crawlable.html

Alfredo ArtilesSoy Alfredo Artiles, Co-Fundador de equipo24, e24Presenter y e24Apps. Mi pasión es el AJAX, SEO, SEM y emprender todo lo que se me ponga por delante. Si me necesitas estoy 24x7 en Twitter @aartiles24.

Tags: , , , | 9 Comentarios »
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • LinkedIn
  • Meneame
  • MySpace
  • Technorati
  • TwitThis

votarLanzando yudbuy.com – buscador de productos y alertas de precios

Autor: aartiles | Archivado en: Buscadores, Internet el día 6/Oct/2009

Hoy estamos de prelanzamiento en equipo24. Se trata de yudbuy.com, un metabuscador de productos que se alimentará de las más populares redes de comparación de productos: Amazon, eBay, Google Products, Yahoo! Shopping, Shopping.com, Shopzilla, PriceGrabber, y muchos otros.

yudbuy unificará, organizará y clasificará desde una única interfaz los resultados de estos buscadores y facilitará su filtrado por diferentes criterios. Los usuarios registrados podrán subscribirse a resultados de búsquedas con ciertos filtros configurados y recibir notificaciones vía Twitter, Email y SMS.

Por ejemplo recibir un tweet cuando aparezca un iphone por menos de $100.

El uso del sitio será totalmente gratuito y sin publicidad, toda la interfaz estará destinada a facilitar la experiencia del usuario.

La primera beta privada de yudbuy estará lista para finales de noviembre y buscará solo en redes de EE.UU. Aún es muy pronto para decir cuando lo lanzaremos al mercado español, pero si quieres ser el primero en probar el proyecto visita yudbuy.com, déjanos tu email y te enviaremos la invitación.

Alfredo ArtilesSoy Alfredo Artiles, Co-Fundador de equipo24, e24Presenter y e24Apps. Mi pasión es el AJAX, SEO, SEM y emprender todo lo que se me ponga por delante. Si me necesitas estoy 24x7 en Twitter @aartiles24.

Tags: , , , , | 1 Comentario »
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • LinkedIn
  • Meneame
  • MySpace
  • Technorati
  • TwitThis

votar8 optimizadores de imágenes para web

Autor: aartiles | Archivado en: Optimización el día 2/Oct/2009
Deprecated: Function eregi() is deprecated in /home/bitacora/public_html/wp-content/plugins/wp-codebox/main.php on line 171

Deprecated: Function eregi() is deprecated in /home/bitacora/public_html/wp-content/plugins/wp-codebox/main.php on line 171

Deprecated: Function eregi() is deprecated in /home/bitacora/public_html/wp-content/plugins/wp-codebox/main.php on line 171

Deprecated: Function eregi() is deprecated in /home/bitacora/public_html/wp-content/plugins/wp-codebox/main.php on line 171

Continuando con la serie de optimización de sitios webs, hoy voy a escribir un bonus pack mientras sale la tercera entrega prometida.

Por mucho que optimicemos nuestros servidores, si nuestras imágenes no están optimizadas para la web, estamaremos desperdiciando espacio en disco, tráfico y por supuesto esto afectará a la velocidad de descarga de la página. La mayoría de los diseñadores/programadores web se limitan a utilizar la opción de Guardar para Web del Photoshop; lo cierto es que existen muchas soluciones gratuitas de optimización de imágenes que ofrecen mejores resultados que el Photoshop. Hoy comentaré y compararé 8 de estas herramientas utilizando el logo de e24presenter y veremos la compresión sin pérdida de calidad que se obtiene con cada optimizador de las herramientas. En la comparación no haré mención del tiempo de procesamiento de cada optimizador puesto que por muy lentas que sean siempre valdrá la pena esperar.

Logo e24Presenter (PNG - 15.26KB)

Logo e24Presenter (PNG - 15.26KB)

Smushit

Smushit viene incluido con la herramienta de optimización web de Yahoo! YSlow. También está disponible como herramienta de optimización de imágenes online donde podremos comprimir hasta 5 imágenes a la vez.

Imagen Optimizada: 13.38KB Compresión: 1.88KB (12.30%)

Google Page Speed

Google Page Seepd es un plugin para Firebug la popular extensión de Firefox para desarrolladores web. Un de las muchas recomendaciones que nos da esta herramienta es la optimización de nuestras imágenes, y lo hace ofreciéndonos una versión optimizada de las imágenes con problemas de optimización.

Imagen Optimizada: 13.46kb Compresión: 1.80KB (12.1%)

OptiPNG

OptiPNG es una herramienta de línea de comandos multiplataforma y de código abierto. Convierte también archivos .bmp, .gif, .pnm y .tiff. Como es normal en estas herramientas de línea de comandos, suelen tener muchas opciones, por lo que os invito a visitar su documentación. El comando para obtener la máxima compresión es este:

1
optipng -o7 image.png (Es la letra o, no número cero)

Imagen Optimizada: 13.40kb Compresión: 1.86KB (12.20%)

Mas información: http://optipng.sourceforge.net/
Descarga: Descargar

PngCrush

PngCrush es un potente optimazor de png. Es una herramienta de línea de comandos de código abierto y multiplataforma. PngCrush es uno de los compresores de png más recomendados, al igual que OptiPNG tiene muchísimas opciones, el comando para obtener la compresión png óptima es:

1
pngcrush -brute img-original.png img-optimizada.png

La opción brute prueba 126 algoritmos de optimización diferente.

Imagen Optimizada: 13.40kb Compresión: 1.86KB (12.20%)

Mas información: http://pmt.sourceforge.net/pngcrush/
Descarga: Descargar

AdvanceCOMP

AdvanceCOMP es un conjunto de herramientas de línea de comandos de código abierto y multiplataforma, principalmente para optimización de video e imágenes. Una de sus herramientas es advpng, para la optimización de png. También tiene inummerables opciones, el comando para obtener la compresión png óptima es:

1
advpng -z4 img-original.png

Imagen Optimizada: 13.20kb Compresión: 2.26KB (14.8%)

Mas información: http://advancemame.sourceforge.net/
Descarga: Descargar

PNGOUT

PNGOUTWin es una herramienta de optimización de PNG para Windows. Además permite convertir de PNG a .tiff, .gif, .bmp entre otros formatos. La herramienta es de pago pero tiene una versión de prueba por 30 días, tiempo más que suficiente para optimizar todas las imágenes de nuestro sitio. Al ser una aplicación con interfaz gráfica, su uso es muy fácil e intuitivo, vasta con arrastrar y soltar sobre la ventana las imágenes que deseamos optimizar y automáticamente obtenemos la versión optimizada.

Imagen Optimizada: 14.10kb Compresión: 1.16KB (7.6%)

Mas información: http://www.ardfry.com/pngoutwin/
Descarga: Descargar

PunyPng


Punypng es una herramienta online gratuita basada en varios algoritmos de compresión de imágenes de código abierto. Según sus autores, es una herramienta hecha por diseñadores para diseñadores, de ahí su calidad y eficiencia. El servicio soporta también los formatos.png, y .gif. En el caso de la compresión Jpeg determina qué formato es el óptimo sin perder calidad y devuelve jpg o png según sea el caso. La web permite comprimir hasta 50 imágenes en una misma sesión y pueden descargarse todas a la vez en un zip.

Imagen Optimizada: 13.15kb Compresión: 2.11KB (14.0%)

Más información: http://www.gracepointafterfive.com

ImageOptim

ImageOptim es una herramienta de código abierto para Mac OS X. En realidad es una interfaz gráfica para otra serie de herramientas alguna de ellas ya descritas en este post: AdvPNG de AdvanceCOMP, OptiPNG, PngCrush, JpegOptim, jpegtran de libjpeg, Gifsicle y opcionalmente PNGOUT. Para utilizarla solo tenemos que arrastrar y soltar los archivos encima de la ventana o mediante línea de comando

1
open -a ImageOptim.app *.png

Imagen Optimizada: 14.00kb Compresión: 1.26KB (8.3%)

Más información: http://pornel.net/imageoptim/en
Descarga: ImageOptim 1.2.2 Mac OS X Leopard y ImageOptim 1.0.10 Tiger

Resumiendo:

No. Herramienta Tipo Tamaño Obtenido Compresión
1 AdvanceCOMP Cmd 13.26KB 2.26KB (14.8%)
2 PunyPng Web 13.15KB 2.11KB (14.0%)
3 Smushit Web y Plugin 13.38KB 1.88KB (12.3%)
4 PngCrush Cmd 13.40KB 1.86KB (12.2%)
5 OptiPNG Cmd 13.40KB 1.86KB (12.2%)
6 Google Page Speed Plugin 13.46KB 1.80KB (12.1%)
7 ImageOptim GUI App 14.00KB 1.26KB (8.3%)
8 PNGOUT GUI App 14.10KB 1.16KB (7.6%)
Alfredo ArtilesSoy Alfredo Artiles, Co-Fundador de equipo24, e24Presenter y e24Apps. Mi pasión es el AJAX, SEO, SEM y emprender todo lo que se me ponga por delante. Si me necesitas estoy 24x7 en Twitter @aartiles24.

Tags: , , , , , , | 2 Comentarios »
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • LinkedIn
  • Meneame
  • MySpace
  • Technorati
  • TwitThis

votarGoogle pone a prueba Google Wave.

Autor: pmm | Archivado en: Internet el día 2/Oct/2009

Cien mil personas muy bien elegidas en todo el mundo, en su mayoría creadores de aplicaciones Google tendran la satisfacción de recibir a partir del dia de hoy una invitación para probar Google Wave.

El producto es el más reciente de los jugueticos de Google, con el que pretende fortalezer un servicio global que abarca comunicación en línea, correo electrónico, colaboración y trabajo, todo esto mediante un grupo de aplicaciones de mensajeria, colaboración y ofimática que serán lanzados en los proximos meses y que estarán en periódo de prueba, tal como ocurrió con Gmail en su comienzo, imagino que según se vaya viendo la estabilidad del sistema se vayan entregando más invitaciones, se espera que para fin de año ya Google Wave sea un servicio disponible para todo el mundo.

En el blog de Wave podrán encontrar más información acerca del nuevo producto que comienza su fase de prueba.

Fuente: Mashable


Tags: , , , , | 5 Comentarios »
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • LinkedIn
  • Meneame
  • MySpace
  • Technorati
  • TwitThis