haiku/docs/userguide/preferences/prefs-appearance.html
Stephan Aßmus 1f92a41ace Patch by Humdinger with the following commit message:
* Added explanation of icons to Bootloader.
* Applied css-fix by Braden Ewing to fix rendering under MS Internet Explorer.
  Added Braden to welcome.css authors.
* Added a css class pre.terminal to make Terminal output more visible plus a few more
  things. Added myself to welcome.css authors. :)
* Updated all Terminal output with the new pre-class tag.
* Flaunted our beautiful icons at the top of every preference/application/applet plus
  their contents page.
* Added icon PNGs in 16x16 32x32 and 64x64.
* Added quick info where to find a preference/application/applet and its settings at the
  top of every page.
* Added apps: ActivityMonitor, Magnify, StyledEdit, Terminal
* Added applet: Launchbox
* Added stubs to all missing prefs/apps/applets. Everyone's welcome to work on the
  contents (announce it on the mailing list, though!).
* Moved preference/application/applet into own folders.
* Updated contents page.
* Reformatted everything to be XHTML1.0-Strict conforming. Added XHTML DTDs to
  welcome/html-dtd/.
* Added copyright and author as comment to the header of every page. If someone else
  should be mentioned there, speak up.

---
Whoot! What a titanian piece of work, Humdinger!


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@28791 a95241bf-73f2-0310-859d-f6bbb57e9c96
2008-12-09 23:31:04 +00:00

80 lines
4.6 KiB
HTML

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"../../welcome/html-dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<!--
*
* Copyright 2008, Haiku. All rights reserved.
* Distributed under the terms of the MIT License.
*
* Authors:
* Humdinger <humdingerb@gmail.com>
*
-->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="all" />
<title>Appearance</title>
<link rel="stylesheet" type="text/css" href="../../welcome/welcome.css" />
</head>
<body>
<div class="logo">
<img src="../../welcome/welcome-images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Appearance</div>
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Next: <a href="prefs-backgrounds.html">Backgrounds</a>
</p>
</div>
<div class="content">
<h1><img src="prefs-images/appearance-icon_64.png" alt="appearance-icon_64.png" width="64" height="64" />Appearance</h1>
<table summary="quickinfo" border="0" cellspacing="0" cellpadding="2">
<tr><td>Deskbar:</td><td style="width:15px;"></td><td><i>Preferences</i></td></tr>
<tr><td>Location:</td><td></td><td><tt>/boot/beos/preferences/Appearance</tt></td></tr>
<tr><td>Settings:</td><td></td><td><tt>~/config/settings/system/app_server/appearance</tt></td></tr>
</table>
<p>The Appearance preferences lets you change some aspects of Haiku's visuals.</p>
<h2><a id="colors" name="colors">Colors</a></h2>
<img src="prefs-images/appearance-colors.png" alt="appearance-colors.png" width="460" height="337" />
<p>In the first tab, <i>Colors</i>, you can change the colors of different parts of the user interface. The color well accepts drag&amp;drops from other programs, letting you drag colors over from e.g. <i>WonderBrush</i>, <i>Icon-O-Matic</i> or the <i>Backgrounds</i> panel.</p>
<h2><a id="antialiasing" name="antialiasing">Antialiasing</a></h2>
<img src="prefs-images/appearance-antialiasing.png" alt="appearance-antialiasing.png" width="460" height="337" />
<p>The second tab, <i>Antialiasing</i>, provides different settings for how things are rendered on screen.<br />
An activated <i>Glyph hinting</i> aligns all letters in such a way that their vertical and horizontal edges rest exactly between two pixels. The result is a perfect contrast, especially when dealing with black on white. Text appears crisper.</p>
<p>See the difference of the two settings with these magnified screenshots:</p>
<img src="prefs-images/appearance-glyph-off.png" alt="appearance-glyph-off.png" width="296" height="207" />&#160;<img src="prefs-images/appearance-glyph-on.png" alt="appearance-glyph-on.png" width="296" height="207" />
<p>Another technique to improve rendering is <i>Antialiasing</i>, which supports all vector graphics as well as text. It smoothes lines by changing the color of certain pixels. There are two methods for that:</p>
<p><i>Greyscale</i> changes the intensity of pixels at the edge.<br />
<i>LCD subpixel</i> does an even better job, especially with (high resolution) LCD monitors. Instead of the intensity of a pixel, it changes its color which moves an edge by a fraction of a pixel, because LCD displays produce every pixel with a red, green and blue component.</p>
<p>Again, the two different methods with magnified screenshots:</p>
<img src="prefs-images/appearance-glyph-off.png" alt="appearance-glyph-off.png" width="296" height="207" />&#160;<img src="prefs-images/appearance-subpixel.png" alt="appearance-subpixel.png" width="296" height="207" />
<p>Subpixel based antialiasing adds a slight colored shine to objects. Something not everyone tolerates. In Haiku you can mix the two antialiasing methods and find the right setting for you by using a slider.</p>
<p><b>Note: </b>The subpixel based antialiasing in combination with the glyph hinting is subject of a software patent and is therefore not available by default. Depending on where in the world you live, you may get an unlocked version. Sorry about that. Talk with your representative.</p>
<p><br /></p>
<table summary="layout" border="0" cellpadding="2" cellspacing="0">
<tr><td><i>Defaults</i></td><td>&#160;</td><td>resets everything to default values.</td></tr>
<tr><td><i>Revert</i></td><td>&#160;</td><td>brings back the settings that were active when you started the Appearance preferences.</td></tr>
</table>
</div>
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Next: <a href="prefs-backgrounds.html">Backgrounds</a>
</p>
</div>
</body>
</html>