<?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>coCoKNIght.com &#187; Netbook</title>
	<atom:link href="http://cocoknight.com/tag/netbook/feed/" rel="self" type="application/rss+xml" />
	<link>http://cocoknight.com</link>
	<description>Online Portfolio of Fabian Hernandez</description>
	<lastBuildDate>Sat, 14 Jan 2012 19:55:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Gnome look and feel for Netbooks</title>
		<link>http://cocoknight.com/gnome-look-and-feel-for-netbooks/</link>
		<comments>http://cocoknight.com/gnome-look-and-feel-for-netbooks/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 20:11:41 +0000</pubDate>
		<dc:creator>coCoKNIght</dc:creator>
				<category><![CDATA[Tech Talk]]></category>
		<category><![CDATA[Gnome]]></category>
		<category><![CDATA[Netbook]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://cocoknight.com/?p=423</guid>
		<description><![CDATA[A series of suggestions, hints and tricks to improve the usability and look and feel of Gnome for netbooks, which have a challenging low display resolution.]]></description>
			<content:encoded><![CDATA[<p><img class="visualContent" title="Gnome look and feel for Netbooks" src="/wp-content/uploads/2009/06/netbook500x375.jpg" alt="Gnome look and feel for Netbooks" width="500" height="375" /></p>
<p>I&#8217;m using the standard Ubuntu Desktop Edition on my HP Mini netbook.</p>
<p>Because netbooks don&#8217;t have a high resolution (In my case 1024&#215;600) we&#8217;ll want the interface to occupy as little space as possible.</p>
<h2>Font</h2>
<p>To start off we&#8217;ll want to reduce the font-size without affecting the readability:</p>
<h3>Font Rendering</h3>
<p>Go to <strong>System → Preferences → Appearance → Fonts</strong><br />
I&#8217;m pleased to notice that since Jaunty the standard for <strong>font rendering</strong> is <strong>subpixel smoothing</strong> which is good for LCD displays. However we&#8217;ll adjust this a bit more for our needs:</p>
<p>Click on <strong>Details&#8230;</strong>:</p>
<p>Under <strong>Smoothing</strong> select <strong>Subpixel</strong> if not set already.</p>
<p>Under <strong>Hinting</strong> select <strong>Medium</strong> or <strong>Full</strong>, this will make text better readable even on small sizes which brings us to the next step:</p>
<h3>Font size</h3>
<p>Close the <strong>Font Rendering Details</strong> window and from the <strong>Font</strong> tab in the <strong>Appearance Preferences</strong> window set all fonts to <strong>6</strong>. With our rendering options this is still good readable.</p>
<h2>Panels</h2>
<p>One panel is enough, so decide for either the top or the bottom panel, right-click the one you want to delete and select <strong>Delete This Panel</strong>.</p>
<p>Don&#8217;t worry, everything that was on the deleted panel can be added to the other panel by right-clicking it and selecting <strong>Add to Panel&#8230;</strong>.</p>
<p>Next we&#8217;ll shrink the panel size as much as possible but first:</p>
<p>There is currently (Gnome 2.26.1) a bug with the <strong>Menu Bar</strong> preventing the Ubuntu icon (Or the icon of whatever distro you&#8217;re using, or the Gnome icon) from adjusting its size to the font-size. Here you have two choices: Either use the <strong>Main Menu</strong> instead of the <strong>Menu Bar</strong> or disable icons in the <strong>Menu Bar</strong> by going to <strong>System → Preferences → Appearance → Interface</strong> and deselecting <strong>Show icons in menus</strong>. Also, here I&#8217;ve chosen to select <strong>Icons only</strong> from the <strong>Toolbar button labels</strong> dropdown. This saves some more precious vertical space. The buttons are mostly self explanatory anyway and if you don&#8217;t know what one does, just leave the cursor on top of it for a sec, to display a tooltip.</p>
<p>Now we can proceed to decrease the panel size: Right-click the panel and select <strong>Properties</strong>: Set <strong>Size</strong> to the lowest number possible.</p>
<h2>Further</h2>
<p>Our interface now uses much less vertical space and most windows fit comfortably on the screen but there are some exceptions forcing us to take some further actions:</p>
<p>Install<strong> Simple Compizconfig settings manager</strong> if you haven&#8217;t done so already. Either look for it in <strong>System → Administration → Synaptic Package Manager</strong> or enter in a terminal <strong>sudo apt-get install simple-ccsm</strong></p>
<p>After installation go to <strong>System → Preferences → CompizConfig Settings Manager</strong>, from the category <strong>Window Management</strong> click on <strong>Move Window</strong> and unmark the<strong> Constrain Y</strong> option.</p>
<p>This will allow us to move windows that are too big freely so that we can see the parts that would otherwise be hidden from us below the desktop area. To move a window use the <strong>Movement Key</strong> defined in <strong>System → Preferences → Windows</strong>.</p>
<h3>Firefox &amp; Thunderbird</h3>
<p><img class="visualContent" title="Firefox optimized for Netbooks" src="/wp-content/uploads/2009/06/ScreenshotFirefox.jpg" alt="" width="365" height="305" /><br />
I&#8217;m using Firefox and Thunderbird and the toolbars take up some space but it&#8217;s easy to customize them: <strong>View → Toolbars → Customize</strong>: Ignore the newly opened window and just grab the statusbar further up so that it fits next to the menu. This saves quiet some pixels for the actual web content. In Thunderbird I&#8217;ve done the same for the bar with the buttons <strong>send</strong>, <strong>reply</strong>, <strong>forward</strong>, etc.</p>
<h3>Window List</h3>
<p>At some point I enabled grouping of windows in the <strong>Window List Preferences</strong> but later decided to remove the <strong>Window List</strong> entirely and switch between windows using <strong>Scale: Initiate Window Picker</strong> which I was already used to from the Mac:</p>
<p>Go to <strong>System → Preferences → Appearance → Visual Effects → Custom → Edges</strong>, select the edge you&#8217;d like to use and choose  <strong>Scale: Initiate Window Picker</strong>. I have the panel at the top, so most buttons are located top left, so I chose the top left edge to minimize cursor movement.</p>
<p>Now I had lots of free space on my panel and I decided to fill it with quick launchers for the applications I use frequently: Right-click on an app in the <strong>Main Menu</strong> and select <strong>Add this launcher to panel</strong>.</p>
<h3>Workspaces</h3>
<p>I use multiple workspaces and it&#8217;s so easy and comfortable to switch between them using the shortcut <strong>ctrl alt &#8216;arrow key&#8217;</strong> that I didn&#8217;t even bother to include the <strong>Workspace Switcher</strong> to the panel.</p>
<p>Note that to have a workspace on top of the other may be handy for you if you&#8217;re working on a big window and don&#8217;t want to be moving it around all the time. You can instead just switch workspaces to view different parts of the window.</p>
<h2>Nice Dark Theme</h2>
<p>My HP Mini is black so a dark theme suits it better, and it&#8217;s also more relaxing to the eye. <a title="Dust Theme" href="https://wiki.ubuntu.com/Artwork/Incoming/DustTheme">Dust</a> is a very nice theme but I decided to customize it a bit:</p>
<p>In the <strong>Appearance Preferences</strong> window select the <strong>Dust</strong> theme and click <strong>Customize&#8230;</strong>, from the <strong>Controls</strong> tab select <strong>DarkRoom</strong> and in the <strong>Colors</strong> tab assign the following colors:</p>
<ul>
<li>Windows Background: #323232</li>
<li>Windows Text: #D9D4CC</li>
<li>Input boxes Background: #1A1A1A</li>
<li>Input boxes Text: #595959</li>
<li>Selected items Background: #996B5C</li>
<li>Selected items Text: #FFFFFF</li>
<li>Tooltips Background: #EBEAB8</li>
<li>Tooltips Text: #323232</li>
</ul>
<p>I&#8217;m quiet happy with these colors though I&#8217;m sure it can be perfectioned.</p>
<h3>Thunderbird</h3>
<p><img class="visualContent" title="Thunderbird optimized for Netbooks" src="/wp-content/uploads/2009/06/ScreenshotThunderbird.jpg" alt="" width="365" height="305" /><br />
In Thunderbird I&#8217;ve customized the colors as follows: <strong>Edit → Preferences → Advanced</strong>: click <strong>Config Editor&#8230;</strong>: In the <strong>Filter</strong> field type <strong>color</strong> and edit the following attributes:</p>
<ul>
<li>browser.active_color: #cc7777</li>
<li>browser.anchor_color: #bb6666</li>
<li>browser.display.background_color: #1A1A1A</li>
<li>browser.display.foreground_color: #4C4C4C</li>
<li>browser.display.use_focus_colors: true</li>
<li>editor.active_link_color: #cc7777</li>
<li>editor.link_color: #bb6666</li>
<li>editor.use_custom_colors: true</li>
</ul>
<p>and others as needed.</p>
<h3>Gedit</h3>
<p><img class="visualContent" title="Dark Gedit - Icons only" src="/wp-content/uploads/2009/06/ScreenshotGedit.jpg" alt="" width="365" height="305" /><br />
The <strong>Oblivion</strong> theme for gedit which you can find in <strong>Font &amp; Colors</strong> tab of the gedit preferences window, fits perfectly to our dark theme.</p>
<h3>Terminal</h3>
<p><img class="visualContent" title="Transparent Dark Terminal" src="/wp-content/uploads/2009/06/ScreenshotTerminal.jpg" alt="" width="365" height="305" /><br />
Open the <strong>Profile Preferences</strong> window: From the <strong>Background</strong> tab I&#8217;ve chosen to enable transparency, and at the <strong>Colors</strong> tab I&#8217;ve set the <strong>Text color</strong> to <strong>#D6CDB0</strong> and the <strong>Background color</strong> to <strong>#313131</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://cocoknight.com/gnome-look-and-feel-for-netbooks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

