|
0
|
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 beta 1</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=""> |
|
|
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 & 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 beta 1</h1></div> |
|
|
42 |
</div> |
|
|
43 |
<div id="bd"> |
|
|
44 |
|
|
|
45 |
<div id="bar-note"><p><strong>Note:</strong> This is YUI 3.x. Looking for <a href="http://developer.yahoo.com/yui/">YUI 2.x</a>?</p></div> |
|
|
46 |
<div id="yui-main"> |
|
|
47 |
<div class="yui-b" id="main"> |
|
|
48 |
|
|
|
49 |
<div class="yui-g"> |
|
|
50 |
|
|
|
51 |
<h2>YUI 3.0.0 beta 1</h2> |
|
|
52 |
|
|
|
53 |
<p>The YUI team is pleased to announce the YUI 3.0.0 beta 1 Release. This release brings the core components and utilities in the 3.x version of YUI Library to beta quality. Please review <a href="api/">the API</a>, play with <a href="examples/">the examples</a>, and read the documentation on the <a href="http://developer.yahoo.com/yui/3/">3.x web site</a> for details. You can find us with questions or comments in the <a href="http://yuilibrary.com/forum/">YUI 3.x Forum</a>.</p> |
|
|
54 |
<p>Please keep in mind that this is a beta release. There may still be some refactoring and select API changes made prior to the production release. Optimization will also be a focus for the team prior to the next release.</p> |
|
|
55 |
<p>YUI 3.0.0 beta 1 is part of the broader <a href="http://developer.yahoo.com/yui">YUI Library</a> project, which is a coherent 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> |
|
|
56 |
|
|
|
57 |
<h3 id="start" class="first">Getting Started</h3> |
|
|
58 |
|
|
|
59 |
<ol class="gettingstarted"> |
|
|
60 |
<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 moving on to <a href="examples/node/">Node</a>. Other utilities like <a href="examples/io/">IO</a> and <a href="examples/dd/">Drag and Drop</a> make for good points of exploration. </li> |
|
|
61 |
<li><strong>Remember that there are full user's guides</strong> for each component here on the website. 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> |
|
|
62 |
<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> |
|
|
63 |
<li><strong>Become a member of the YUI community.</strong> As YUI 3 moves through its preview phase, developers and community members are discussing it in the <a href="http://yuilibrary.com/forum/">YUI 3.x Forum</a>. </li> |
|
|
64 |
</ol> |
|
|
65 |
|
|
|
66 |
<h3 id="examples">YUI Functional Examples Included with This Download:</h3> |
|
|
67 |
|
|
|
68 |
<p>Along with the source code for YUI, your download includes <a href="examples/index.html">128 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 — 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> (external link). (<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> |
|
|
69 |
|
|
|
70 |
</div> |
|
|
71 |
|
|
|
72 |
<!--stacked three-column grid--> |
|
|
73 |
<div class="yui-gb"> |
|
|
74 |
<div class="yui-u first"> |
|
|
75 |
|
|
|
76 |
<h4>YUI 3 Core</h4> |
|
|
77 |
<ul> |
|
|
78 |
<li><a href='examples/event/index.html'>Event</a></li> |
|
|
79 |
<li><a href='examples/node/index.html'>Node</a></li> |
|
|
80 |
<li><a href='examples/yui/index.html'>The YUI Global Object</a></li> |
|
|
81 |
</ul> |
|
|
82 |
|
|
|
83 |
<h4>YUI 3 Component Infrastructure</h4> |
|
|
84 |
<ul> |
|
|
85 |
<li><a href='examples/attribute/index.html'>Attribute</a></li> |
|
|
86 |
<li><a href='examples/plugin/index.html'>Plugin</a></li> |
|
|
87 |
<li><a href='examples/widget/index.html'>Widget</a></li> |
|
|
88 |
</ul> |
|
|
89 |
|
|
|
90 |
<h4>YUI 3 Widgets</h4> |
|
|
91 |
<ul> |
|
|
92 |
<li><a href='examples/overlay/index.html'>Overlay</a></li> |
|
|
93 |
<li><a href='examples/slider/index.html'>Slider</a></li> |
|
|
94 |
</ul> |
|
|
95 |
|
|
|
96 |
<h4>YUI 3 Node Plugins</h4> |
|
|
97 |
<ul> |
|
|
98 |
<li><a href='examples/node-focusmanager/index.html'>Focus Manager Node Plugin</a></li> |
|
|
99 |
<li><a href='examples/node-menunav/index.html'>MenuNav Node Plugin</a></li> |
|
|
100 |
</ul> |
|
|
101 |
|
|
|
102 |
</div> |
|
|
103 |
<div class="yui-u"> |
|
|
104 |
|
|
|
105 |
<h4>YUI 3 Utilities</h4> |
|
|
106 |
<ul> |
|
|
107 |
<li><a href='examples/anim/index.html'>Animation</a></li> |
|
|
108 |
<li><a href='examples/queue/index.html'>AsyncQueue</a></li> |
|
|
109 |
<li><a href='examples/history/index.html'>Browser History Utility</a></li> |
|
|
110 |
<li><a href='examples/cache/index.html'>Cache Utility</a></li> |
|
|
111 |
<li><a href='examples/cookie/index.html'>Cookie</a></li> |
|
|
112 |
<li><a href='examples/dataschema/index.html'>DataSchema Utility</a></li> |
|
|
113 |
<li><a href='examples/datasource/index.html'>DataSource Utility</a></li> |
|
|
114 |
<li><a href='examples/datatype/index.html'>DataType Utility</a></li> |
|
|
115 |
<li><a href='examples/dd/index.html'>Drag & Drop</a></li> |
|
|
116 |
<li><a href='examples/get/index.html'>Get</a></li> |
|
|
117 |
<li><a href='examples/io/index.html'>IO</a></li> |
|
|
118 |
<li><a href='examples/imageloader/index.html'>ImageLoader</a></li> |
|
|
119 |
<li><a href='examples/json/index.html'>JSON</a></li> |
|
|
120 |
<li><a href='examples/stylesheet/index.html'>StyleSheet</a></li> |
|
|
121 |
</ul> |
|
|
122 |
|
|
|
123 |
<h4>YUI 3 CSS Resources</h4> |
|
|
124 |
<ul> |
|
|
125 |
<li><a href='examples/cssreset/index.html'>CSS Reset</a></li> |
|
|
126 |
<li><a href='examples/cssfonts/index.html'>CSS Fonts</a></li> |
|
|
127 |
<li><a href='examples/cssgrids/index.html'>CSS Grids</a></li> |
|
|
128 |
<li><a href='examples/cssbase/index.html'>CSS Base</a></li> |
|
|
129 |
</ul> |
|
|
130 |
|
|
|
131 |
<h4>YUI 3 Developer Tools</h4> |
|
|
132 |
<ul> |
|
|
133 |
<li><a href='examples/console/index.html'>Console</a></li> |
|
|
134 |
<li><a href='examples/console-filters/index.html'>Plugin.ConsoleFilters</a></li> |
|
|
135 |
<li><a href='examples/profiler/index.html'>Profiler</a></li> |
|
|
136 |
<li><a href='examples/test/index.html'>Test</a></li> |
|
|
137 |
</ul> |
|
|
138 |
|
|
|
139 |
</div> <!-- /div.yui-u --> |
|
|
140 |
</div> <!-- /div.yui-gb --> |
|
|
141 |
</div> |
|
|
142 |
</div> |
|
|
143 |
|
|
|
144 |
|
|
|
145 |
<div class="yui-b toc3" id="tocWrapper"> |
|
|
146 |
<!-- TABLE OF CONTENTS --> |
|
|
147 |
<div id="toc"> |
|
|
148 |
|
|
|
149 |
<ul> |
|
|
150 |
<li class="sect first">YUI 3.x Project</li><li class="item"><a title="The Yahoo! User Interface (YUI) Library, 3.x Branch, " href="http://developer.yahoo.com/yui/3/">YUI 3 Web Site (external)</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="The YUI Library can be downloaded from SourceForge" href="http://sourceforge.net/projects/yui/">YUI 3 on Sourceforge (external)</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="http://developer.yahoo.com/yui/3/license.html">YUI License (external)</a></li><li class="sect">YUI 3 Core - Examples</li><li class="item"><a title="YUI (Global Prerequisite) - Functional Examples" href="examples/yui/index.html">YUI (Global Prerequisite)</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</a></li><li class="item"><a title="Widget - Functional Examples" href="examples/widget/index.html">Widget</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="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</a></li><li class="item"><a title="DataSource - Functional Examples" href="examples/datasource/index.html">DataSource</a></li><li class="item"><a title="DataType - Functional Examples" href="examples/datatype/index.html">DataType</a></li><li class="item"><a title="Drag & Drop - Functional Examples" href="examples/dd/index.html">Drag & Drop</a></li><li class="item"><a title="Get - Functional Examples" href="examples/get/index.html">Get</a></li><li class="item"><a title="History - Functional Examples" href="examples/history/index.html">History</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="Queue - Functional Examples" href="examples/queue/index.html">Queue</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</a></li><li class="item"><a title="Slider - Functional Examples" href="examples/slider/index.html">Slider</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</a></li><li class="item"><a title="MenuNav Node Plugin - Functional Examples" href="examples/node-menunav/index.html">MenuNav Node Plugin</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</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">The YUI Community</li><li class="item"><a title="The Yahoo! User Interface Blog" href="http://yuiblog.com">YUI Blog (external)</a></li><li class="item"><a title="The Yahoo! Group YDN-JavaScript hosts the YUI community forum" href="http://tech.groups.yahoo.com/group/ydn-javascript/">YUI Forum (external)</a></li><li class="item"><a title="The Yahoo! Group yui3 is dedicated to the 3.x branch of the Yahoo! User Interface (YUI) Library." href="http://tech.groups.yahoo.com/group/yui3/">YUI 3 Forum (external)</a></li><li class="item"><a title="YUI is used by Yahoo! and by hundreds of other sites, including many you know and love." href="/yui/poweredby/">YUI Sightings (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><li class="sect">YUI Articles on the YUI Website</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="Reporting Bugs and Making Feature Requests for YUI Components" href="http://developer.yahoo.com/yui/articles/reportingbugs/">Bug Reports/Feature Requests (external)</a></li><li class="item"><a title="Serve YUI source files from Yahoo! -- free, fast, and simple" href="http://developer.yahoo.com/yui/3/articles/hosting/">Serving YUI Files from Yahoo! (external)</a></li></ul> |
|
|
151 |
</div> |
|
|
152 |
</div> |
|
|
153 |
</div><!--closes bd--> |
|
|
154 |
|
|
|
155 |
<div id="ft"> |
|
|
156 |
<p class="first">Copyright © 2009 Yahoo! Inc. All rights reserved.</p> |
|
|
157 |
<p><a href="http://privacy.yahoo.com/privacy/us/devel/index.html">Privacy Policy</a> - |
|
|
158 |
<a href="http://docs.yahoo.com/info/terms/">Terms of Service</a> - |
|
|
159 |
<a href="http://docs.yahoo.com/info/copyright/copyright.html">Copyright Policy</a> - |
|
|
160 |
<a href="http://careers.yahoo.com/">Job Openings</a></p> |
|
|
161 |
</div> |
|
|
162 |
</div> |
|
|
163 |
|
|
|
164 |
</body> |
|
|
165 |
</html> |