<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:wfw="http://wellformedweb.org/CommentAPI/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    >

<channel>
    <title>Webmonkey &#187; tabs</title>
    <atom:link href="http://www.webmonkey.com/tag/tabs/feed/" rel="self" type="application/rss+xml" />
    <link>http://www.webmonkey.com</link>
    <description>The Web Developer&#039;s Resource</description>
    <lastBuildDate>Fri, 05 Apr 2013 20:20:46 +0000</lastBuildDate>
    <language>en-US</language>
    <sy:updatePeriod>hourly</sy:updatePeriod>
    <sy:updateFrequency>1</sy:updateFrequency>
    <generator>http://wordpress.org/?v=3.4.2</generator>
    
    <item>
        <title>Chrome 7 Shows Off Hardware Acceleration, &#8216;Tabpose&#8217;</title>
        <link>http://www.webmonkey.com/2010/08/chrome-7-shows-off-hardware-acceleration-tabpose/</link>
        <comments>http://www.webmonkey.com/2010/08/chrome-7-shows-off-hardware-acceleration-tabpose/#comments</comments>
        <pubDate>Mon, 30 Aug 2010 16:30:33 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=48522</guid>
        		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[tabs]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2010/08/chrome-labs.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/chrome-labs.jpg" alt="Chrome 7 Shows Off Hardware Acceleration, &#8216;Tabpose&#8217;" /></div>Google&#8217;s Chrome web browser will soon gain hardware-accelerated graphics &#8212; the latest trend for web browsers that has already shown up in early builds of Internet Explorer 9 and Firefox 4. Hardware acceleration allows the browser to offload intensive tasks like image scaling, rendering complex text or displaying scripted animations to your PC&#8217;s graphics card. [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><img src="http://www.webmonkey.com/wp-content/uploads/2010/05/gchrome_2.jpg" />Google&#8217;s Chrome web browser will soon gain hardware-accelerated graphics &#8212; the latest trend for web browsers that has already shown up in early builds of <a href="http://www.webmonkey.com/2010/06/new-hardware-accelerated-preview-of-ie9-arrives/">Internet Explorer 9</a> and <a href="http://www.webmonkey.com/2010/08/fourth-firefox-4-beta-adds-panorama-hardware-acceleration/">Firefox 4</a>. </p>
<p>Hardware acceleration allows the browser to offload intensive tasks like image scaling, rendering complex text or displaying scripted animations to your PC&#8217;s graphics card. It has the benefit of freeing up the PC&#8217;s main processor and speeding up page load times.</p>
<p>Today&#8217;s faster graphics cards have created a new playing field for hardware acceleration. Microsoft has been trumpeting IE9&#8242;s accelerated capabilities since the first developer preview was released, and Firefox 4 will also take advantage of the new technology. Both of those browsers should be released before the end of this year.</p>
<p>Chrome 7, which is currently available in developer build form, is the latest browser to <a href="https://sites.google.com/a/chromium.org/dev/developers/design-documents/gpu-accelerated-compositing-in-chrome">take advantage of hardware acceleration</a>. Chrome&#8217;s tightly sandboxed rendering model &#8212; which prevents web pages from interacting directly with the OS &#8212; means that hardware acceleration is a little more difficult for Google than it is for IE or Firefox.</p>
<p>Of course it may be some time before any of these features make it to the stable release of Chrome. Chrome 5 is currently the shipping version and Chrome 6 &#8212; which features a <a href="http://www.webmonkey.com/2010/07/google-chrome-6-beta-is-right-around-the-corner/">considerably revamped interface</a> &#8212; is currently in the beta channel. Thus far Google has not confirmed any release dates for Chrome 6, nor when Chrome 7 will move to beta status.</p>
<p>But If you&#8217;d like to test the early builds of Chrome with hardware acceleration, you can do so now. Grab the latest <a href="http://dev.chromium.org/getting-involved/dev-channel">developer build of Chrome 7</a> and launch it from the command line with the new <code>--enable-accelerated-compositing</code> flag.</p>
<p>As with Firefox, the hardware acceleration features in Chrome are only available in the Windows version.</p>
<p>Hardware acceleration isn&#8217;t the only new trick up Chrome&#8217;s sleeve. The Mac version of the browser is also experimenting with something Google calls &#8220;Tab Overview&#8221; or <a href="http://codereview.chromium.org/3163003/show">Tabpose</a>. Tabpose is similar to Mac OS X&#8217;s Expose; it allows you to visually pull back and see all your tabs as thumbnails and quickly switch between them. </p>
<p>Some early reports have compared Tabpose to Firefox 4&#8242;s new <a href="http://www.webmonkey.com/2010/08/fourth-firefox-4-beta-adds-panorama-hardware-acceleration/">Panorama tab organizer</a>, but Firefox&#8217;s version is considerably more sophisticated, with extra features like drag-and-drop organization and the ability to group tabs and switch between groups. If you&#8217;ve used both Panorama and Tabpose, the differences are obvious.</p>
<p><a href="http://www.webmonkey.com/wp-content/uploads/2010/08/chrome-expose.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/chrome-expose.jpg" alt="" title="chrome-expose" width="580" /></a></p>
<p><span id="more-48522"></span></p>
<p>In fact, in the build we tested Tabpose was pretty bare bones, lacking even rendered thumbnails of the pages, let alone info bars, bookmark tools or other planned features.</p>
<p>Tabpose showcases another new feature in the development builds of Chrome: the ability to turn on Google Labs experiments. Just like in Gmail, the Labs experiments are interesting features created within Google that are meant more for niche tasks or hardcore geeks than the general audience. Some of them will eventually become real features, but for now they are just for testing.</p>
<p><a href="http://www.webmonkey.com/wp-content/uploads/2010/08/chrome-labs.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/chrome-labs.jpg" alt="" title="chrome-labs" width="580" class="alignleft size-full wp-image-48524" /></a></p>
<p>So far, Tab Overview is the only experiment available for Mac, but the new <code><a href="http://src.chromium.org/viewvc/chrome?view=rev&amp;revision=57635">about:labs</a></code> page sets the stage for Chrome to add more experimental features in the future, and it sure beats launching Chrome from the terminal with loads of flags (which still works if you happen to prefer that method). Given that there are some <a href="http://src.chromium.org/svn/trunk/src/chrome/common/chrome_switches.cc">100 flags</a> (or switches, as Google calls them) that you can throw at Chrome as it&#8217;s starting up, eventually the About:Labs page could become a very crowded place.</p>
<p>Windows users can head to About:Labs to activate a tabs-on-left experiment, which, as the name implies, shifts your tabs to a column view on the left side of your browser window, much like what Opera has offered for some time. </p>
<p><strong>See Also:</strong><br/></p>
<ul>
<li><a href="http://www.webmonkey.com/2010/07/google-chrome-6-beta-is-right-around-the-corner/">Google Chrome 6 Beta Is Right Around the Corner</a></li>
<li><a href="http://www.webmonkey.com/2010/07/chrome-shows-off-some-fancy-html5-tricks/">Chrome Shows Off Some Fancy HTML5 Tricks</a></li>
<li><a href="http://www.webmonkey.com/2010/08/fourth-firefox-4-beta-adds-panorama-hardware-acceleration/">Fourth Firefox 4 Beta Adds ‘Panorama,’ Hardware Acceleration</a></li>
<li><a href="http://www.webmonkey.com/2010/06/new-hardware-accelerated-preview-of-ie9-arrives/"><br />
New Hardware-Accelerated IE9 Preview Arrives</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/08/chrome-7-shows-off-hardware-acceleration-tabpose/feed/</wfw:commentRss>
        <slash:comments>11</slash:comments>

        
    </item>
    
    <item>
        <title>Get Your Tabbed Design Right</title>
        <link>http://www.webmonkey.com/2008/08/get_your_tabbed_design_right/</link>
        <comments>http://www.webmonkey.com/2008/08/get_your_tabbed_design_right/#comments</comments>
        <pubDate>Fri, 22 Aug 2008 22:55:36 +0000</pubDate>

                <dc:creator>Adam Duvander</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/blog/getyourtabbeddesignright</guid>
        		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[tabs]]></category>
        <description><![CDATA[Since the time Amazon made a tabbed interface popular, web designers have been talking about the design pattern. Are tabs good? Are they bad? How do you make them? Amazon has since removed tabs from their site, but it&#8217;s still a useful metaphor when done right. So what&#8217;s right and wrong? The Usability Post shares [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><img class="blogimg" src="http://howto.wired.com/mediawiki/images/Tabs-design.png" alt="Tab Design" />Since the time Amazon made a tabbed interface popular, web designers have been talking about the design pattern. Are tabs good? Are they bad? How do you make them?</p>
<p>Amazon has since removed tabs from their site, but it&#8217;s still a useful metaphor when done right. So what&#8217;s right and wrong? The Usability Post shares <a href="http://www.usabilitypost.com/post/6-5-steps-for-the-perfect-tabbed-navigation-menu">5 tips for tabbed navigation</a>:
<ol>
<li>Connect the active tab to the content</li>
<li>Make other tabs a different color</li>
<li>Change the font color on the active tab</li>
<li>Have the link area span the whole size of the tab</li>
<li>Make sure the landing page has its own active tab</li>
</ol>
<p>Each step is illustrated with the right and wrong way, and explained. That&#8217;s helpful. Now you can include tabs on your website without the wrath of the entire design community (you&#8217;ll never avoid all the wrath, no matter what you do). Just don&#8217;t look like Amazon in 2000:</p>
<p><img class="blogimg" src="http://howto.wired.com/mediawiki/images/Amazon-bignav.gif" alt="Lots of Amazon tabs" class="full" /></p>
<p>If you&#8217;d like to implement tabs and don&#8217;t know how to do them, you can&#8217;t miss with this <a href="http://www.alistapart.com/articles/slidingdoors/">classic A List Apart tutorial</a>.</p>
<p><strong>See also:</strong></p>
<ul>
<li><a href="http://www.webmonkey.com/blog/How_to_Design_Form_Labels">How to Design Form Labels</a></li>
<li><a href="http://www.webmonkey.com/blog/Setting_The_Tables_With_CSS">Setting The Tables With CSS</a></li>
<li><a href="http://www.webmonkey.com/blog/CSS%3A_Should_You_Use_a_Framework_or_DIY">CSS: Should You Use a Framework or DIY</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2008/08/get_your_tabbed_design_right/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    </channel>
</rss>