Network: Web Design: An open and shut case for frames
Minimise the size of elements when they are not needed
Your support helps us to tell the story
From reproductive rights to climate change to Big Tech, The Independent is on the ground when the story is developing. Whether it's investigating the financials of Elon Musk's pro-Trump PAC or producing our latest documentary, 'The A Word', which shines a light on the American women fighting for reproductive rights, we know how important it is to parse out the facts from the messaging.
At such a critical moment in US history, we need reporters on the ground. Your donation allows us to keep sending journalists to speak to both sides of the story.
The Independent is trusted by Americans across the entire political spectrum. And unlike many other quality news outlets, we choose not to lock Americans out of our reporting and analysis with paywalls. We believe quality journalism should be available to everyone, paid for by those who can afford it.
Your support makes all the difference.ONE COMPLAINT I hear about frames is that they monopolise screen space by placing menus and titles permanently on the screen. While this may be fine if you have a large monitor with plenty of room, those with smaller monitors can be turned off by the experience.
However, if you have worked in any type of windows environment before, you will notice that there are usually ways to open and close different "panes" in the window, to allow maximum space for important information by minimising the size of elements, such as navigation, when they are not needed. Why should the Web be any different?
I want to show you a technique I developed using nested framesets and some JavaScript that allows you to open and close a menu in a frame. When the menu is closed, the content area of the window can use as much of the space as needed. Check out http://www. webbedenvironments.com/examples/ 37.html if you have any problems and to see what this looks like.
First, we have to set up our main frameset, called index.html:
Join our commenting forum
Join thought-provoking conversations, follow other Independent readers and see their replies
Comments