File:  [mozdev] / bigscreen / www / index.html
Revision 1.2: download - view: text, annotated - select for diffs - revision graph
Sat Sep 12 04:02:43 2009 UTC (9 years ago) by andy
Branches: MAIN
CVS tags: HEAD
Initial description

<!-- ***************** INFO/NEWS *************** -->
<div id="infoTabs">
<div class="infoTab" id="whats-new">
<h5 class="infoHeader">What's New</h5>
<li>News item goes here</li>
<li>More news items go here</li>
<li><a href=""></a></li>

<div class="infoTab" id="other-stuff">
<h5 class="infoHeader">Other Stuff</h5>
<li>stuff goes here</li>
<li>more stuff goes here</li>

<!-- alternative image/table base tab works better in NS4 -->
<div class="infoTab" id="whats-new-image">
<h5 class="infoHeader"><img src="" width="154" alt="What's New"></h5>
<div class="infoItems">
<div>News item goes here</div>
<div>More news item goes here</div>
<div><a href=""></a></div>
<!-- ***************** INFO/NEWS *************** -->

<h3>Update Fall 2009!</h3>
Windows 7 introduces this functionality in the operating system, with accel-arrow affecting window state.  The latest update to big screen enables:
<li>Accel-Left to split to the left</li>
<li>Accel-Right to split to the right</li>
<li>Accel-Shift-Left to pull the current tab out and split it to the left</li>

<li>Accel-Shift-Right to pull the current tab out and split it to the right</li>
<li>Accel-Shift-Up to split to maximize</li>

<b>The Problem</b>: You've got a big screen, but web pages don't render well at full width resolution beyond about 1280.<br/><br/>
<b>The Solution</b>: Split your screen into multiple panes.<br/><br/>
<b>Fringe Benefits</b>: Drag and Drop links among windows.  Sometimes, it's better than tabbed browsing!<br/><br/>


Install from <a href="" class="track">addons.mozilla /... bigscreen</a>.

Once it's installed, you can use the shortcuts. If you want a toolbar item, you'll have to right click on the menu bar that includes the url bar, select customize, scroll down and find the "split" entry 
and drag it to your toolbar.  You can choose where to place it on the toolbar.
<a href=""><img src="" alt="Big Screen Toolbar Button" hspace="8" vspace="8" align="left"></a><br/><br/>
The image shows the v0.1 button in place on the firefox toolbar with two windows split into equal size portions spanning the entire screen.
<br clear="all"/>

<h1>Known Issues</h1>
<h2 ui="multimon">Multi-Monitors</h2>
Don't even try it, as of v0.1.2, on your secondary screen.  Alas, Javascript doesn't have great access to multiple window information and it looks 
like some heuristics will be required. Vote for <a href="" class="track">bug 435008</a> which proposes that Mozilla add an API to discover the screens and extents for extension development.

There's no customize panel icon, etc.  Lot's of work left here.
<h1>Change Log</h1>
<li>v0.1.5: Keyboard shortcuts, maximize added for emulation of Windows 7 scheme.</li>
<li>v0.1.3: Context menu wth support for opening right click a link to split it to a new window.  Fixed menu dropdown hit target.</li>
<li>v0.1.2: FFox 3 support.  1 pixel off bug fix. Improved new window logic.</li>
<li>v0.1: First release</li>
<h1 ui="related">Related Tools</h1>

See also my notes page, in progress, on <a href="relatedwork.html" rel="nofollow">prior art</a>.
<h2>Firefox Extensions</h2>
<li><a href="">Split Browser</a>: Aribtrarily split the 
content pane into subsections.  Many of the advantages of BigScreen but a much heftier mod of firefox.</li>
<li><a href="">Optimoz Gestures</a>: The "double stack" gesture is triggered by dragging horizontally over a link, up, down, and right.  It opens the link in a new window, positioning the source window as the left pane and the new link on the right. The <a href="relatedwork.html" class="track">double stack</a> was largely the inspiration for big screen and was conceived by AndyEd in 2001.</li>
<h2>Operating System Level</h2>

<li><a href="">AllSnap</a> :Windows mod to make windows snap to screen borders.</li>
<li><a href="">AeroSnap</a>: Extension for XP that adds left-right up/down controls for window size.</li> 

<h1>Footnotes: Don't harm your big screen users!</h1>
Tips for supporting big screens in your design:
<li>Use max-width & max-height: These CSS rules are now available in IE, with version 7 (and an xhtml doctype).  Keep your text from going too far.</li>

<li>Percent widths, constrained by max-width, rock the widescreen world.</li>
<div width="100%" style="width:100%;margin:0px;padding:

FreeBSD-CVSweb <>