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
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.
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 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 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.
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)
GoogleGoogle (2 Frames Stacked)
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 😛
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