xmlns:its="http://www.w3.org/2005/11/its"

      type="topic" style="task"

      id="overview-ui">

  <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>

    <include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>

    <desc>Standard user interface elements, rendering, and animation.</desc>

  </info>

<title>User interface & graphics</title>

<list>

 <item>

  
Use a single toolkit for all the standard widgets in your application

 </item>

 <item>

  
Create fast, visually rich graphical interfaces

 </item>

 <item>

  
Have high quality, antialiased and resolution-independent graphics

 </item>

 <item>

  
Easily add web functionality to your application

 </item>

 <item>

  
Access built-in assistive technologies

 </item>

</list>

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.

<section id="what">

 <title>What can you do?</title>

  
For applications with standard controls which

  would be familiar to most users, use

  <link xref="tech-gtk">GTK+</link>. 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.

  
Animations, effects and fluid

  layouts are easy with

  <link xref="tech-clutter">Clutter</link>, and it also

  supports touch input and gestures.

  
High quality, antialiased and resolution-independent 2D

  graphics are provided by

  <link xref="tech-cairo">Cairo</link>. Cairo is used

  for drawing widgets in GTK+, and can also be used to output to PDF and

  SVG.

  
<link xref="tech-webkit">WebKitGTK+</link> makes

  it easy to add web functionality to your

  application, whether that is rendering an HTML file or having a complete

  HTML5 UI.

  
GTK+, Clutter and WebKitGTK+ have built-in support for

  assistive technologies with

  <link xref="tech-atk">ATK</link>. Use Orca, Caribou

  OSK, and the GTK+ built-in accessibility tools, or build custom tools on top

  of ATK.

</section>

<section id="samples">

 <title>Code samples</title>

 <list>

  <item>
A sample we should write
</item>

  <item>
<link xref="samples">More…</link>
</item>

 </list>

</section>

-->

<section id="realworld">

 <title>Real-world examples</title>

  
You can see lots of real-world applications of GNOME UI technologies in

  open source projects, like the examples given below.

  <list>

  <item>

    
Web is the GNOME browser, which uses GTK+ and

    WebKitGTK+, and is fully accessible.

    
( <link href="https://wiki.gnome.org/Apps/Web">Website</link> | <link href="https://git.gnome.org/browse/epiphany/">Source code</link> )

  </item>

  <item>

    
MonoDevelop is a cross-platform IDE designed

    for C# and other .NET languages. It works on Linux, Mac OS X and

    Windows

    
( <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> )

  </item>

  <item>

    
Videos is the GNOME multimedia player, and uses Clutter to display video content.

    
( <link href="https://wiki.gnome.org/Apps/Videos">Website</link> | <link href="https://git.gnome.org/browse/totem/">Source code</link> )

  </item>

 </list>

</section>

</page>