1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="topic" style="task" id="overview-ui" xml:lang="it">
<info>
<link type="guide" xref="index" group="ui"/>
<revision version="0.1" date="2013-06-19" status="stub"/>
<credit type="author copyright">
<name>Michael Hill</name>
<email its:translate="no">mdhillca@gmail.com</email>
<years>2013</years>
</credit>
<desc>Standard user interface elements, rendering, and animation.</desc>
</info>
<title>User interface & graphics</title>
<list>
<item>
<p><em style="strong">Use a single toolkit for all the standard widgets in your application</em></p>
</item>
<item>
<p><em style="strong">Create fast, visually rich graphical interfaces</em></p>
</item>
<item>
<p><em style="strong">Have high quality, antialiased and resolution-independent graphics</em></p>
</item>
<item>
<p><em style="strong">Easily add web functionality to your application</em></p>
</item>
<item>
<p><em style="strong">Access built-in assistive technologies</em></p>
</item>
</list>
<p>Use the powerful foundations of the GNOME platform to create consistent and
flexible user interfaces. Make your applications available to the widest
audience by deploying them to other platforms. Standard UI elements are
accessible by default, and it is easy to add accessibility support to any
custom UI elements that you create.</p>
<section id="what">
<title>What can you do?</title>
<p>For applications with <em style="strong">standard controls</em> which
would be familiar to most users, use
<em style="strong"><link xref="tech-gtk">GTK+</link></em>. Every application
that is part of GNOME uses GTK+, so use it to be consistent, and to access
the many widgets and features such as printing support and CSS theming.</p>
<p>To create
<em style="strong">fast, visually rich graphical interfaces</em>, use
<em style="strong"><link xref="tech-clutter">Clutter</link></em>. Animations,
effects and fluid layouts are easy with Clutter, and it also supports touch
input and gestures.</p>
<p><em style="strong">High quality, antialiased and resolution-independent 2D
graphics</em> are provided by
<em style="strong"><link xref="tech-cairo">Cairo</link></em>. Cairo is used
for drawing widgets in GTK+, and can also be used to output to PDF and
SVG.</p>
<p><em style="strong"><link xref="tech-webkit">WebKitGTK+</link></em> makes
it easy to add <em style="strong">web functionality</em> to your
application, whether that is rendering an HTML file or having a complete
HTML5 UI.</p>
<p>GTK+, Clutter and WebKitGTK+ have <em style="strong">built-in support for
assistive technologies</em> with
<em style="strong"><link xref="tech-atk">ATK</link></em>. Use Orca, Caribou
OSK, and the GTK+ built-in accessibility tools, or build custom tools on top
of ATK.</p>
</section>
<!-- TODO Link to code examples.
<section id="samples">
<title>Code samples</title>
<list>
<item><p>A sample we should write</p></item>
<item><p><link xref="samples">More…</link></p></item>
</list>
</section>
-->
<section id="realworld">
<title>Real-world examples</title>
<p>You can see lots of real-world applications of GNOME UI technologies in
open source projects, like the examples given below.</p>
<list>
<item>
<p><em style="strong">Web</em> is the GNOME browser, which uses GTK+ and
WebKitGTK+, and is fully accessible.</p>
<p>( <link href="https://wiki.gnome.org/Apps/Web">Website</link> | <link href="https://git.gnome.org/browse/epiphany/">Source code</link> )</p>
</item>
<item>
<p><em style="strong">MonoDevelop</em> is a cross-platform IDE designed
for C# and other .NET languages. It works on Linux, Mac OS X and
Windows</p>
<p>( <link href="http://monodevelop.com/">Website</link> | <link href="http://monodevelop.com/Screenshots">Screenshots</link> | <link href="https://github.com/mono/monodevelop">Source code</link> )</p>
</item>
<item>
<p><em style="strong">Videos</em> is the GNOME multimedia player, and uses Clutter to display video content.</p>
<p>( <link href="https://wiki.gnome.org/Apps/Videos">Website</link> | <link href="https://git.gnome.org/browse/totem/">Source code</link> )</p>
</item>
</list>
</section>
</page>
|
