Get Google PageRank using only javascript (II)

WireframeWhen designing desktop apps, websites, and mobile applications, more than once I have tried using an application like mockingbird or Pencil Project. On one hand, mockingbird, is a web application that can be accessed from any browser and allows you to design multiple pages with different elements. On the other hand, Pencil Project, initially born as a Firefox extension, now has a multiplatform desktop application that allows you to mockup easily.

The drawback I see on these two applications is that for some reason, I always end up making simple mockups with a simple pen and paper. This way I can organize my ideas faster than using these applications. I guess the main reason for this is that I’m not a designer, so to me it is the same doing a shitty design in paper, than a shitty design with an application. Moreover, usually using a computer app for this task I end up spending more time to do the same…

Anyway, the other day I discovered, and the truth is that I was quite impressed by the UI. It is super-easy and fast to use. You just drag the mouse while clicking and voila, you have an item of the size of your selection. You click on the type of item you want and you are done with the item. Even if you want to change attributes, you just have to double click on it, and select the attributes you want to change.

Actually, it is the first time I feel that I do not waste my time doing mockups with an application of this kind. From what I’ve seen, this application is starting, and it still lacks of some functionalities and needs some polishment, but I suppose that those will be added in the future. Even I think this lack of complexity and lack of tons of box types is what makes you go faster.

I think choosing the right tool for a job is a matter of personal preferences and personal needs, but I would recommend trying and taking a look at the other apps I pointed out at the beginning of the post.

Feel free to share any other tool you find useful in the comments 😉

Trackback URL

, ,

  1. Abhinav Singh
    22/01/2009 at 8:21 am Permalink

    Nice but do you know it’s kind of illegal to get PR information like this?

  2. Pau Sanchez
    22/01/2009 at 8:54 am Permalink

    Really? Uhm… I didn’t know it was illegal.
    Could you provide a link from Google for reading more about this?

  3. Felipe
    25/01/2009 at 12:01 am Permalink

    Este script es un trabajo fenomenal. Me parece increíble que puedan hacerse estas cosas con javascript. En mi caso, el único problema es que me aparece el iframe delante del PageRank en Internet Explorer. En Firexfox funciona perfectamente. ¿Habrá alguna manera de esconder el iframe en el Explorer?

    Saludos y enhorabuena por tu trabajo.

  4. Pau Sanchez
    25/01/2009 at 5:00 am Permalink

    El caso es que yo lo he probado en FF3, Opera, Safari 3.1 en Windows, y IE7. Y he adaptado un poco la posición de la cadena devuelta por Google según el navegador para que saliera bien en todos ellos. Obviamente era posible y probable que según la configuración del ordenador de cada uno no salga bien.

    Si le echas un vistazo al código HTML de la demo (en este enlace), verás el siguiente fragmento de código:

    var topadd = 0, leftadd = 0;
    if ($.browser.msie) { topadd = 2; leftadd = 12; }
    else if ($.browser.mozilla) { topadd = 0; leftadd = 7; }
    else if ($.browser.opera) { topadd = -3; leftadd = 4; }
    else if ($.browser.safari) { topadd = 0; leftadd = 8; }

    Básicamente el código de arriba es para saber cuanto tiene que desplazar el iframe donde sale el PageRank para que salga perfectamente, según cada navegador. Puedes tratar de cambiar el topadd y el leftadd para el IE hasta que se vea bien, o si se te ocurre alguna otra forma de hacerlo, bienvenida sea, porque esta, todo sea dicho, es un poco chapuza 😉

    Un saludo y gracias por el comentario.

  5. Bronco
    04/04/2009 at 5:40 pm Permalink

    hey thx a lot for this solution!!! I think i will integrate it in my site! until today I didn’t know a reliable solution for getting the actual PR of websites. This is for the most webmaster a really important information. (not for all 🙂 ) . it’s only for me an indicator not more. hey and for those who say it’s illegal ,.. are you stupid robots without brain? do you really think everything google does was right? brave sheep do your job and eat gras and don’t disturb us anymore.

    again thx for this great chance to struggle the force of google and his approach don’t be evil.


  6. Kelvin72
    22/10/2009 at 1:22 pm Permalink

    And it also helps these young people understand some of the ways they might improve their community. ,

  7. Mark63
    22/10/2009 at 1:28 pm Permalink

    Mass Effect and a simple game like pong or snake, but they are all games. ,

  8. Murat
    10/05/2010 at 5:52 pm Permalink

    Super script. Many thanks . The iframe movement method is very intelligence.

  9. Jose
    12/06/2010 at 8:37 am Permalink

    Hola Pau.

    No es ninguna tonteria.
    Si estás haciendo una aplicación en php, que va a chequear un montón de veces el PR de varias páginas, lo último que deseamos es que G banee la IP del servidor que lanza la consulta.
    Por tanto, haciendo el check con JS, lo que hacemos es pasarle el marrón al cliente, y la IP del servidor donde tenemos la app alojada queda limpia a los ojos de G.
    ¡Muchas gracias por tu contribución!

  10. Naeem Soomro
    31/07/2012 at 7:41 pm Permalink

    yes that is very nice i liked it
    thanks for shariong scripts with us this way we can enhance our website