Web活メモ帳 » YUI

HTML5とCSS3でアプリケーションを作れるYUIのライブラリ「Alloy UI」

linja — Wed, 23 Jun 2010 23:59:42 +0000

「Alloy UI」はHTML5とCSS3でウェブサイトを構築する際に使える高機能なライブラリです。

YUIをベースに使われており、それぞれはコンポーネントという形で提供されるため必要な機能だけ設定する事が可能です。

デモ一覧

デモ画面からは、以下の機能が確認する事ができます。

サイト内にリッチなウィジェットを設置する際にいかがでしょうか。

JavaScriptのフレームワークを試せるオンラインエディタ「jsFiddle」

linja — Tue, 16 Feb 2010 11:42:39 +0000

jsFiddleはJavaScriptのフレームワークの動作を確認できるオンラインエディタです。

エディタは４つのブロックに分かれています。

HTMLエディタ
CSSエディタ
JavaScriptエディタ
出力

使用するフレームワークとバージョンを選択し、「RUN」ボタンを押すだけで簡単に実行させることができます。
フレームワークにはMooTools、jQuery、Dojo、Prototype、YUI、Glow、Vanilla、processingが使用できました。

作成した内容には独自のURLが割り振られるため、後から共有することも可能になっています。

さくっと色々試せるので、フレームワークの比較とかには良いかもしれません。

キーボードに対応したドロップダウンメニューを作れるYUIのモジュール「SimpleMenu」

linja — Sat, 13 Feb 2010 04:21:13 +0000

YUIのドロップダウンメニューにて、キーボードでのフォーカスに対応させる事が可能になったようです。SimpleMenu module というモジュールでYahooでの検索に使用するために作られたとの事。

以下のようなコードで簡単に実現できるようです。
html


YUI-Related Links




YUI documentation
YUI project site
YUI discussion forums
YUIBlog
YUI Theater
YUI 3 Gallery
@YUILibrary on Twitter
@YUILibrary developers on Twitter

JavaScript

css

#optionsmenucontainer {
    left:-4500px;
    position:absolute;
}

#optionsmenucontainer.menu-visible {
    left:auto;
}

サイトではデモが紹介されています。
ユーザビリティーを強化させたい方は使ってみてはいかがでしょうか。