Measure, monetize, advertise and improve your apps with Yahoo tools. Join the 200,000 developers using Yahoo tools to build their app businesses.
![Yahoo! UI Library](https://cdn-ak-scissors.b.st-hatena.com/image/square/32d983f00d0940caa7edb990a5365486ec931960/height=288;version=1;width=512/https%3A%2F%2Fs.yimg.com%2Foo%2Fcms%2Fproducts%2Fsite%2Fassets%2Fydn200.png)
今回はYahoo! UI LibraryのUIの1つであるタブ機能について説明します。このタブ機能はHTMLタグに特定のクラスを設定しスクリプトを1行呼び出すだけでUIを作成できます。タブを使って、Webサイトの表示内容を複数に区分したい場合などには最適なライブラリとなるでしょう。 Yahoo! UI Libraryの入手 まず、Yahoo! UI Libraryを入手しましょう(*1)。Yahoo! UI Libraryのダウンロードは以下のURLにある「Download YUI」のボタンをクリックします。 Yahoo! UI Libraryの入手 ダウンロードしたファイルはZIP形式になっているので解凍します。解凍するとbuild, docs, examplesフォルダとREADMEファイルがあります。今回必要になるファイルは下図に示すハイライトされたファイルです。 解凍図 これらのフ
今回はYahoo UI LibraryのUIの1つであるシンプルダイアログ機能について説明します。このシンプルダイアログはWebサイトなどで見られるダイアログ機能を、より簡単に使えるようにしたものです。基本的にはアラートダイアログや、確認のダイアログなどに利用します。 シンプルダイアログの実行例 関連ファイルの入手 まず、Yahoo UI Libraryを入手しましょう(*1)。Yahoo UI LibraryのダウンロードはこのURLにある「Download YUI」のボタンをクリックします。 Yahoo UI Library公式サイト ダウンロードしたファイルはZIP形式になっているので解凍します。解凍するとbuild、docs、examplesフォルダとREADMEファイルがあります。今回必要になるファイルは図に示すハイライトされたファイルです。 解凍図 これらのファイルを適当なフォ
Yahoo! UI Libraryとは? Yahoo! UI Libraryは米国Yahoo!が開発したAjaxライブラリです。Yahoo! UI Libraryは名前が示すように主にUI (ユーザーインタフェース) の機能を多く持っています。UI機能という点では他のAjaxライブラリとは比較にならないほど数が多く高機能です。本稿で紹介する「Panel」は、ブラウザ上にマウスでドラッグ可能な表示領域を作成できるライブラリで、ユーザーがコンテンツを自分の好きな位置に配置させることができます。 「Panel」のサンプル まず、Yahoo! UI Libraryを入手しましょう(*1)。Yahoo! UI Libraryのダウンロードは以下のURLにある[Download YUI]のボタンをクリックします。 Webサイトにアクセスして、[Download YUI]ボタンでダウンロード ダウンロー
最新のライブラリーやJavaScriptの新しい活用法を紹介する「JavaScriptラボ」。今回は、9月末にリリースされたばかりの「YUI 3(Yahoo! UI Library Version 3)」を取り上げます。 Yahoo! UI Libraryとは? 「Yahoo! UI Library」(以降、YUI)はその名の通り、ユーザーインターフェース周りを得意とする米ヤフー製のAjaxライブラリーです。YUIは、Ajaxが普及し始めた2005年に登場し、面倒なUI周りを簡単に処理できることから次第に普及していきました。実は、以前取り上げたAjaxフレームワーク「Ext JS」も、もともとはYUIの機能拡張(Extension)として生まれたものです。 YUIはタブパネルやスライダー、ドラッグ&ドロップ、アニメーション機能など、他のライブラリーやフレームワークを凌ぐ充実したUI部品と豊
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く