【ハウツー】ゼロからはじめるYahoo! UI Library - TabView編 (1) Yahoo! UI Library - TabViewとは? | パソコン | マイコミジャーナル
今回は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ファイルがあります。今回必要になるファイルは下図に示すハイライトされたファイルです。 解凍図 これらのフ
日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
【レポート】Dojo YUI = Yojo?? - Dojoでコンポーネントを組み合わせる | エンタープライズ | マイコミジャーナル
29日(米国時間)、Dojo Toolkitのブログにおいて「Yojo: Loading YUI with the Dojo loader」というタイトルのもと、DojoとYUIの双方を混在させて使う方法の概要が紹介された。 DojoはJavaScriptで開発されたフルフィーチャAjaxフレームワークである。YUIもDojoと同じくJavaScriptで開発されたユーザインタフェース/デザインパターンライブラリだ。それぞれ最新版はDojo 0.9およびYUI 2.3.0。Ajaxアプリケーション開発向けのフルフィーチャフレームワークとして双方ともに人気がある。 同ブログではDojoのxdomain loaderを使って、Dojoで作成されたアプリケーションに対してYUIコンポーネントを読み込んで使う方法が説明されている。YUIにJavaScriptローダが用意されていないわけではない。Y
JavaScript勉強会でYahoo UI Libraryについてしゃべりました。 - VTuberになったプログラマーの魂の残滓
とりあえず資料を公開します。 資料 JavaScript ONでご覧ください。 最初のリンクをクリックするとプレゼンモードで閲覧できます。 プレゼンモードは若干大きい画面が必要になります。 基本喋りがメインなので資料だけではわかりづらい＆抜けがあるかと思いますが、ご了承ください。 まぁYUIを使うメリットって クロスブラウザ対応がメインだよね。 あとYUIって結構パフォーマンスいいよ。 みんなもっとYUI使えばいいのに！！ というわけで 参加されたみなさん（っていうか現在進行中だけど）お疲れ様でした＞＜ 勉強会全体のまとめはUKStudioがきっと書いてくれると思います＞＜ 最後に 会議室を貸してくださった上鍵さんをはじめとしたノッキングオンの皆様ありがとうございました！ 会議室を利用したいかたは「ノッキングオンの会議室使いたい!」までこんにちは！こんにちはしましょう！
[ThinkIT] 第3回：YUIライブラリと外部JSの呼び出し手法 (1/2)
「第２回：jQueryライブラリの内部とonloadイベント記法」で解説したPrototypeとjQueryはどちらも個人がリリースするライブラリでしたが、今度は、より規模の大きなライブラリの事例をご紹介します。Yahoo! UIライブラリ（YUI）は、米国Yahoo!がBSDライセンスで提供するJavaScriptライブラリです（図3、注5）。 個人だけでなく、YUIのように大手企業もライブラリを公開する事例が増えてきています。YUIでは、Ajaxやイベント管理といった基本機能に加えて、アニメーションやドラッグ＆ドロップ処理のユーティリティ、さらにカレンダー／ツールチップ／ダイアログ／タブ表示／ツリー表示といった豊富なウィジェットが提供されているのが特徴です。 YUIは、表3に示す14のモジュールで構成されています。 モジュール名 主な用途
Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」:phpspot開発日誌
Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」 2007年03月22日- DED|Chain JavaScript Library DED|Chain is free open source software (BSD License) that will allow you to build first class, high-quality websites without the cruft.Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」。 DED|Chain を使えば、jQueryの使いやすさそのままに、Yahoo!UI Library の便利さも享受できるようです。 このように、JavaScriptライブラリと他のJavaScriptライブラリを組み合わせてお互
Drag & Drop | Diaspar Journal
丸亀製麺は、全国に820店舗以上を展開するうどんのチェーン店です。店内で製麺を行っているため、打ち立ての美味しいうどんをいただくことができます。 注文まで列に並んでいくスタイルですので、何を頼もうか考えている間に自分の番がきて焦っちゃうなんてことも・・ 別のせのてんぷらやおにぎりも美味しいですよね！ 丸亀製麺で一番お得なクレジットカードは、ｄカード・ｄカード GOLDです。ｄ払いを利用することで、ポイントの3重どりができ2.0％還元を実現できます。 丸亀製麺では、クレジットカードや、電子マネー、バーコード・QRコード決済など多くのキャッシュレス決済を支払いで利用することができます。クレジットカード キャンペーンも活用するとさらにお得になることもあります。 丸亀製麺の支払いで利用できる決済方法クレジットカードVISA・Mastercard・JCB・ダイナースクラブカード・AMEXバーコード
JavaScriptを使ってページにマウスジェスチャ機能を実装する:phpspot開発日誌
YUI: Mouse Gestures JavaScriptを使ってページにマウスジェスチャ機能を実装するサンプルが公開されています。 基本ライブラリにはYahoo UI Libraryを使用しています。 画面上の灰色部分を左クリックしながらマウスジェスチャを行うことでアクションを起こすサンプルになっています。 コードは次のようになっています。 最初に、マウスの向きと関数名を関連付けた連想配列を定義して、YAHOO.widget.Gestures.init に渡しています。 後は関連付けた関数の中身を定義するだけという実装の容易さとなっています。 <script type="text/javascript"> var config = { 'left': test1, 'right': test2, 'up': test3, 'down': test4, 'upleft': test5,
YUIベースのスライドショーライブラリ:phpspot開発日誌
YUI based configurable slideshow This slideshow is based on YUI, Yahoo's javascript library. I wanted to add a slideshow to the presentation site of MyOwnDB and hoped to find a simple widget that let me load slides on demand, and accepts HTML slides. YUIベースのスライドショーライブラリ。 スライドショーなので画像オンリーかと思いきや、HTMLページのスライドも可能。 簡易プレゼンツールとしても使えますね。 スライド時のエフェクトに、スクウィーズしたり、フェードアウトしたりする効果を与えることが可能のようです。 関連エントリ LightBox
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント:phpspot開発日誌
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント 2006年09月22日- YUI Grid Sample This is a sample of using the YUI Grid created by Jack Slocum with a twist. Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント。 次のようなウィジェットをJavaScript+CSSで実現しています。画像下部のページング部分を押すことで、ページ送りが可能になっています。 ライブラリ自体は、JSファイル、CSSファイルをダウンロードでき、レスポンスのXML形式もどのようにしたらよいか、というのが公開されているようです。 こういったインタフェースが使いたかった、という方は使ってみてはいかがでしょう :-) 関連エントリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YUIを使って非同期ファイルアップロードする方法があるらしい: ある SE のつぶやき
http://youmos.com/news/yui_editor