include/javascript/yui3/index.html

   1
   2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4 <head>
   5         <title>The Yahoo! User Interface Library (YUI) 3.0.0</title>
   6     <meta http-equiv="content-type" content="text/html; charset=utf-8">
   7         <link rel="stylesheet" type="text/css" href="assets/yui.css" >
   8
   9 <style>
  10     /*Supplemental CSS for the YUI distribution*/
  11     #custom-doc { width: 95%; min-width: 950px; }
  12     #pagetitle {background-image: url(assets/bg_hd.gif);}
  13 /*    #pagetitle h1 {background-image: url(assets/title_h_bg.gif);}*/
  14 </style>
  15
  16 <style type='text/css'>
  17 #components:after {content:'.';visibility:hidden;clear:both;height:0;display:block;}
  18 #components {zoom:1;}
  19 </style>
  20 </head>
  21 <body id="yahoo-com" class=" yui-skin-sam">
  22 <div id="custom-doc" class="yui-t2">
  23 <div id="hd">
  24         <div id="ygunav">
  25                 <p>
  26             <em>
  27                 <a href="http://developer.yahoo.com/yui/3/">YUI 3.x Home</a> <i> - </i>
  28             </em>
  29                 </p>
  30                 <form action="http://search.yahoo.com/search" id="sitesearchform">
  31             <input name="vs" type="hidden" value="developer.yahoo.com">
  32             <input name="vs" type="hidden" value="yuiblog.com">
  33                     <div id="sitesearch">
  34                         <label for="searchinput">Site Search (YDN &amp; YUIBlog): </label>
  35                             <input type="text" id="searchinput" name="p">
  36                             <input type="submit" value="Search" id="searchsubmit" class="ygbt">
  37                     </div>
  38                 </form>
  39     </div>
  40         <div id="ygma"><a href=""><img src="assets/logo.gif"  border="0" width="200" height="93"></a></div>
  41         <div id="pagetitle"><h1>The Yahoo! User Interface Library (YUI) 3.0.0</h1></div>
  42 </div>
  43 <div id="bd">
  44
  45 <div id="yui-main">
  46         <div class="yui-b" id="main">
  47
  48                 <div class="yui-g">
  49
  50             <h2>YUI 3.0.0</h2>
  51
  52                         <p>Thank you for downloading YUI 3.0.0. This release brings the core components and a number of utilities in YUI 3 to production quality. Please review <a href="api/">the API</a>, explore <a href="examples/">the examples</a>, and read the documentation on the <a href="http://developer.yahoo.com/yui/3/">YUI website</a> for details.</p>
  53                         <p>YUI 3.0.0 is part of the broader <a href="http://developer.yahoo.com/yui">YUI Library</a> project, which is a collection of JavaScript and CSS resources that make it easier to build richly interactive applications in web browsers. They have been released as open source under a <a href="license.html">BSD license</a> and are free for all uses.</p>
  54
  55                         <h3 id="start" class="first">Getting Started</h3>
  56
  57                         <ol class="gettingstarted">
  58                                 <li><strong>Check out the examples of YUI in action.</strong> We recommend starting with the base <a href="examples/yui/">YUI module</a> and then move on to <a href="examples/node/">Node</a>.  Other utilities like <a href="examples/event/">Event</a>, <a href="examples/io/">IO</a> and <a href="examples/dd/">Drag and Drop</a> make for good points of exploration. </li>
  59                                 <li><strong>Remember that there are full user's guides</strong> for each component on the <a href="http://developer.yahoo.com/yui/3/">YUI website</a>. If you have any questions about a component as you play with the examples, check out the component's user's guide (by following any of the links along the left side of the page) or the <a href="api/">searchable API documentation</a>.</li>
  60                                 <li><strong>Start building.</strong> Use the <a href="configurator/">YUI 3 Configurator</a> to configure a page for YUI 3 usage or base your exploration off of one of the existing <a href="examples/">examples</a>.</li>
  61                                 <li><strong>Become a member of the YUI community.</strong> The YUI team and developers in the YUI community share thoughts and solutions in <a href="http://yuilibrary.com/forum/viewforum.php?f=15">YUI 3 Forums</a>. YUI developers also contribute to <a href="http://yuiblog.com/">the YUIBlog</a>, where you'll find in-depth articles, videos and other great content about YUI and the world of frontend engineering. </li>
  62                         </ol>
  63
  64                         <h3 id="examples">YUI Functional Examples Included with This Download:</h3>
  65
  66                         <p>Along with the source code for YUI, your download includes <a href="examples/index.html">130 functional examples and tutorials</a> showing YUI 3.x in action.  Use the list below or the menu at left to review these YUI demos &mdash; they're the best way to get oriented to what YUI can do and to grab sample code that can help you get started.  Remember that these examples and more, in addition to user's guides for each YUI component, can also be found on the <a href="http://developer.yahoo.com/yui/3/">YUI website</a>.  (<strong>Note:</strong> Almost all examples in this distribution will work if you are browsing them from your filesystem, but some examples included here do need to be deployed on a PHP-enabled http server to function properly; if you don't have access to such a setup, just check out those examples <a href="http://developer.yahoo.com/yui/3/">on our website</a> to see how they work.)</p>
  67
  68                 </div>
  69
  70 <!--stacked three-column grid-->
  71                 <div class="yui-gb">
  72                         <div class="yui-u first">
  73
  74                         <h4>YUI 3 Core</h4>
  75                         <ul>
  76                                 <li><a href='examples/event/index.html'>Event</a></li>
  77 <li><a href='examples/node/index.html'>Node</a></li>
  78 <li><a href='examples/yui/index.html'>The YUI Global Object</a></li>
  79                                 </ul>
  80
  81                                 <h4>YUI 3 Component Infrastructure</h4>
  82                                 <ul>
  83                                 <li><a href='examples/attribute/index.html'>Attribute</a></li>
  84 <li><a href='examples/plugin/index.html'>Plugin</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
  85 <li><a href='examples/widget/index.html'>Widget</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
  86                                 </ul>
  87
  88                                 <h4>YUI 3 Widgets</h4>
  89                                 <ul>
  90                                 <li><a href='examples/overlay/index.html'>Overlay</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
  91 <li><a href='examples/slider/index.html'>Slider</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
  92                                 </ul>
  93
  94                                 <h4>YUI 3 Node Plugins</h4>
  95                                 <ul>
  96                                 <li><a href='examples/node-focusmanager/index.html'>Focus Manager Node Plugin</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
  97 <li><a href='examples/node-menunav/index.html'>MenuNav Node Plugin</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
  98                                 </ul>
  99
 100                         </div>
 101                         <div class="yui-u">
 102
 103                                 <h4>YUI 3 Utilities</h4>
 104                                 <ul>
 105                                 <li><a href='examples/anim/index.html'>Animation</a></li>
 106 <li><a href='examples/async-queue/index.html'>AsyncQueue</a></li>
 107 <li><a href='examples/history/index.html'>Browser History Utility</a></li>
 108 <li><a href='examples/cache/index.html'>Cache Utility</a></li>
 109 <li><a href='examples/cookie/index.html'>Cookie</a></li>
 110 <li><a href='examples/dataschema/index.html'>DataSchema Utility</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
 111 <li><a href='examples/datasource/index.html'>DataSource Utility</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
 112 <li><a href='examples/datatype/index.html'>DataType Utility</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
 113 <li><a href='examples/dd/index.html'>Drag &amp; Drop</a></li>
 114 <li><a href='examples/get/index.html'>Get</a></li>
 115 <li><a href='examples/io/index.html'>IO</a></li>
 116 <li><a href='examples/imageloader/index.html'>ImageLoader</a></li>
 117 <li><a href='examples/json/index.html'>JSON</a></li>
 118 <li><a href='examples/stylesheet/index.html'>StyleSheet</a></li>
 119                                 </ul>
 120
 121                         <h4>YUI 3 CSS Resources</h4>
 122                         <ul>
 123                                                     <li><a href='examples/cssreset/index.html'>CSS Reset</a></li>
 124                             <li><a href='examples/cssfonts/index.html'>CSS Fonts</a></li>
 125                             <li><a href='examples/cssbase/index.html'>CSS Base</a></li>
 126                         </ul>
 127
 128                         <h4>YUI 3 Developer Tools</h4>
 129                         <ul>
 130                         <li><a href='examples/console/index.html'>Console</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
 131 <li><a href='examples/console-filters/index.html'>Plugin.ConsoleFilters</a> <img src='http://l.yimg.com/a/i/not/beta_1.gif'></li>
 132 <li><a href='examples/profiler/index.html'>Profiler</a></li>
 133 <li><a href='examples/test/index.html'>Test</a></li>
 134                         </ul>
 135
 136                         </div> <!-- /div.yui-u -->
 137                 </div> <!-- /div.yui-gb  -->
 138         </div>
 139 </div>
 140
 141
 142 <div class="yui-b toc3" id="tocWrapper">
 143 <!-- TABLE OF CONTENTS -->
 144 <div id="toc">
 145
 146 <ul>
 147 <li class="sect first">YUI 3 Resources</li><li class="item"><a title="YUI 3 -- Yahoo! User Interface (YUI) Library" href="http://developer.yahoo.com/yui/3/">YUI 3 Web Site</a></li><li class="item"><a title="Examples of every YUI utility and control in action" href="examples/">YUI 3 Examples</a></li><li class="item"><a title="Instantly searchable API documentation for the entire YUI library." href="api/">YUI 3 API Docs</a></li><li class="item"><a title="YUI 3 Dependency Configurator -- configure your custom YUI implementation" href="http://developer.yahoo.com/yui/3/configurator">YUI 3 Dependency Configurator</a></li><li class="item"><a title="The YUI 3 Forum on YUILibrary.com" href="http://yuilibrary.com/forum/viewforum.php?f=15">YUI 3 Forums (external)</a></li><li class="item"><a title="Found a bug or a missing feature? Let us know on YUILibrary.com." href="http://developer.yahoo.com/yui/articles/reportingbugs/">Bug Reports/Feature Requests</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="http://developer.yahoo.com/yui/license.html">YUI License</a></li><li class="item"><a title="Download and fork the YUI project on GitHub" href="http://github.com/yui">YUI on Github</a></li><li class="item"><a title="The Yahoo! User Interface Blog" href="http://yuiblog.com">YUI Blog (external)</a></li><li class="sect">YUI 3 Core - Examples</li><li class="item"><a title="YUI Global Object - Functional Examples" href="examples/yui/index.html">YUI Global Object</a></li><li class="item"><a title="Event - Functional Examples" href="examples/event/index.html">Event</a></li><li class="item"><a title="Node - Functional Examples" href="examples/node/index.html">Node</a></li><li class="sect">YUI 3 Component Infrastructure - Examples</li><li class="item"><a title="Attribute - Functional Examples" href="examples/attribute/index.html">Attribute</a></li><li class="item"><a title="Plugin - Functional Examples" href="examples/plugin/index.html">Plugin <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Widget - Functional Examples" href="examples/widget/index.html">Widget <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="sect">YUI 3 Utilities - Examples</li><li class="item"><a title="Animation - Functional Examples" href="examples/anim/index.html">Animation</a></li><li class="item"><a title="AsyncQueue - Functional Examples" href="examples/async-queue/index.html">AsyncQueue</a></li><li class="item"><a title="Browser History - Functional Examples" href="examples/history/index.html">Browser History</a></li><li class="item"><a title="Cache - Functional Examples" href="examples/cache/index.html">Cache</a></li><li class="item"><a title="Cookie - Functional Examples" href="examples/cookie/index.html">Cookie</a></li><li class="item"><a title="DataSchema - Functional Examples" href="examples/dataschema/index.html">DataSchema <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="DataSource - Functional Examples" href="examples/datasource/index.html">DataSource <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="DataType - Functional Examples" href="examples/datatype/index.html">DataType <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Drag &amp; Drop - Functional Examples" href="examples/dd/index.html">Drag &amp; Drop</a></li><li class="item"><a title="Get - Functional Examples" href="examples/get/index.html">Get</a></li><li class="item"><a title="ImageLoader - Functional Examples" href="examples/imageloader/index.html">ImageLoader</a></li><li class="item"><a title="IO - Functional Examples" href="examples/io/index.html">IO</a></li><li class="item"><a title="JSON (JavaScript Object Notation) - Functional Examples" href="examples/json/index.html">JSON</a></li><li class="item"><a title="Stylesheet - Functional Examples" href="examples/stylesheet/index.html">Stylesheet</a></li><li class="sect">YUI 3 Widgets - Examples</li><li class="item"><a title="Overlay - Functional Examples" href="examples/overlay/index.html">Overlay <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Slider - Functional Examples" href="examples/slider/index.html">Slider <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="sect">YUI 3 Node Plugins - Examples</li><li class="item"><a title="FocusManager Node Plugin - Functional Examples" href="examples/node-focusmanager/index.html">FocusManager Node Plugin <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="MenuNav Node Plugin - Functional Examples" href="examples/node-menunav/index.html">MenuNav Node Plugin <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="sect">YUI 3 CSS - Examples</li><li class="item"><a title="YUI CSS Reset - Functional Examples" href="examples/cssreset/index.html">CSS Reset</a></li><li class="item"><a title="YUI Fonts - Functional Examples" href="examples/cssfonts/index.html">CSS Fonts</a></li><li class="item"><a title="YUI Base - Functional Examples" href="examples/cssbase/index.html">CSS Base</a></li><li class="sect">YUI 3 Developer Tools - Examples</li><li class="item"><a title="Console - Functional Examples" href="examples/console/index.html">Console <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Console Filters Plugin- Functional Examples" href="examples/console-filters/index.html">Plugin.ConsoleFilters <img src='http://l.yimg.com/a/i/not/beta_1.gif'></a></li><li class="item"><a title="Profiler - Functional Examples" href="examples/profiler/index.html">Profiler</a></li><li class="item"><a title="Test - Functional Examples" href="examples/test/index.html">Test</a></li><li class="sect">Other Useful YUI 3 Resources</li><li class="item"><a title="Answers to Frequently Asked Questions about the YUI Library" href="http://developer.yahoo.com/yui/articles/faq/">YUI FAQ (external)</a></li><li class="item"><a title="Yahoo!'s philosophy of Graded Browser Support" href="http://developer.yahoo.com/yui/articles/gbs/">Graded Browser Support (external)</a></li><li class="item"><a title="Videos and podcasts from the YUI Team and from the Yahoo! frontend engineering community." href="http://developer.yahoo.com/yui/theater/">YUI Theater (external)</a></li></ul>
 148 </div>
 149 </div>
 150         </div><!--closes bd-->
 151
 152         <div id="ft">
 153         <p class="first">Copyright &copy; 2009 Yahoo! Inc. All rights reserved.</p>
 154         <p><a href="http://privacy.yahoo.com/privacy/us/devel/index.html">Privacy Policy</a> -
 155             <a href="http://docs.yahoo.com/info/terms/">Terms of Service</a> -
 156             <a href="http://docs.yahoo.com/info/copyright/copyright.html">Copyright Policy</a> -
 157             <a href="http://careers.yahoo.com/">Job Openings</a></p>
 158         </div>
 159 </div>
 160 <!--Page specific appends:-->
 161 </body>
 162 </html>
 163