- 2010/06/24 BSD License , css3 , html5 , YUI
「Alloy UI」はHTML5とCSS3でウェブサイトを構築する際に使える高機能なライブラリです。
YUIをベースに使われており、それぞれはコンポーネントという形で提供されるため必要な機能だけ設定する事が可能です。
cakephp/wordpress/flash/flex/iPhone/mixiアプリの開発しています。
「Alloy UI」はHTML5とCSS3でウェブサイトを構築する際に使える高機能なライブラリです。
YUIをベースに使われており、それぞれはコンポーネントという形で提供されるため必要な機能だけ設定する事が可能です。

jsFiddleはJavaScriptのフレームワークの動作を確認できるオンラインエディタです。
エディタは4つのブロックに分かれています。
使用するフレームワークとバージョンを選択し、「RUN」ボタンを押すだけで簡単に実行させることができます。
フレームワークにはMooTools、jQuery、Dojo、Prototype、YUI、Glow、Vanilla、processingが使用できました。
作成した内容には独自のURLが割り振られるため、後から共有することも可能になっています。
さくっと色々試せるので、フレームワークの比較とかには良いかもしれません。

YUIのドロップダウンメニューにて、キーボードでのフォーカスに対応させる事が可能になったようです。SimpleMenu module というモジュールでYahooでの検索に使用するために作られたとの事。
以下のようなコードで簡単に実現できるようです。
html
YUI-Related Links
JavaScript
<script type="text/javascript"
src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js&gallery-2010.02.10-01/
build/gallery-simple-menu/gallery-simple-menu-min.js"></script>
<script language="javascript">
YUI().use('gallery-simple-menu', function(Y) {
Y.one('#optionsmenu').plug(Y.Plugin.SimpleMenu);
});
</script>
css
#optionsmenucontainer {
left:-4500px;
position:absolute;
}
#optionsmenucontainer.menu-visible {
left:auto;
}
サイトではデモが紹介されています。
ユーザビリティーを強化させたい方は使ってみてはいかがでしょうか。
0