A few days ago, @MelissaAmbrose_ suggested that I made a blog post about GoogleGoogleGoogleGoogle.com! Now when I first looked at the site, I was not impressed at all and was just going to make a quick blog about it to appease @MelissaAmbrose_ and make her happy ūüôā¬†However, what first looked like a simple site set up with 4 frames that just simply load Google up in each, was a bit more complex than I anticipated. After a short while of playing with the site I found that it actually had a lot more thought gone into it than just 4 iFrames.

The homepage of GoogleGoogleGoogleGoogle

The homepage of GoogleGoogleGoogleGoogle

Semi-Dynamic Sizing

I am starting this review on the negatives. My first assumption was that the site was either designed to fit nicely on a 1280×800 display (which would have been awfully designed) or that the frames would dynamically resizes as the size of the window changed (which would have been the best thing). Unfortunately, I soon discovered when resizing the window I discovered that the size of the content stayed the same. This then made me question if it was statically set to look good at a size of 1280×800 or whether there was actually some cleaver JS running in the background. To my¬†relief¬†there was some JS running that would detect the size of the window on the page load and then resize. My main question to the makers of the site would be “Why can you not make an event listener that resizes the iFrames dynamically?”

GoogleGoogleGoogleGoogle loaded when the browser window was smaller.

GoogleGoogleGoogleGoogle loaded when the browser window was smaller.

The above page maximised to fullscreen without refreshing. Note how the frames stay the same size as they were when loaded!

The above page maximised to fullscreen without refreshing. Note how the frames stay the same size as they were when loaded!

Loading Sites in Frames

The controls for each frame.

The controls for each frame.

The site is adaptive, it isn’t just limited to having Google. At the top of each¬†frame¬†there are some special controls which you can see in the¬†screen shot¬†on the right.

The purpose of the first 2 icons should be fairly recognisable and obvious as the favicon of Google and Wikipedia. By clicking on these icons it will wither load the Google homepage or the Wikipedia homepage within the frame bellow. The last icon shown is the green arrow! By clicking this icon it will make a dialogue box pop-up requesting a URL to navigate to and this will allow you to go to any site of your choice!

Make a frame go to any site using the green ?

Make a frame go to any site using the green arrow

Here is an example of the site with Google, Wikipedia, this blog, and a Google Search for my name loaded in the 4 frames.

GoogleWikipediaBlogGoogle

GoogleWikipediaBlogGoogle

Customisability

Another way that the site adapts in though the customisability of the layout! The main control of this is through the Cross that is shown on the screen shot of the frame controls. Clicking this will get rid of that frame and stretch an adjacent frame to fill the space. To see what this might look like and the look of a customised workspace, look at the images below:

GoogleGoogleGoogle (3 Frames)

GoogleGoogleGoogle (3 Frames)

GoogleGoogle (2 Frames Stacked)

GoogleGoogle (2 Frames Stacked)

Pretty Design

Last but obvious not least is design. Although it is not amazing the coloured border¬†around¬†each iFrame is a nice touch and goes well with the Google them of the website ūüėõ

Conclusion

In conclusion, I would say that this is a cleaver idea and I can see some uses for it but I will stick to the normal Google site and multiple tabs ūüėõ

By the way there are a few more features and if you want to find them, go and have a play at GoogleGoogleGoogleGoogle.com


This is just going to be a quick little blog to tell you that my best friend, @MelissaAmbrose_ was inspired by me to get a blog of her own. Unfortunately she went for “blogspot” which is not one of the top blogging software but considering she wont probably blog that much so it probably will make no difference (but I hope to be proved wrong)!

Her blog can be found here and I urge you to check it out cos if her blog is popular, she will have to make blog posts! Please visit her blog and leave her comments of love ūüėõ

I will now add her blog to my blogroll! ūüôā