[B! Yahoo! UI] elfのブックマーク

本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記

第1回そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。なぜonclickをあまり推奨しないのかやっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。これは分業していなくてもどちらにしろ発生してしまうことだと思う。他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn

elf 2008/05/28

リンク

【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Logger編 (1) Yahoo UI Library - Loggerとは？ | パソコン | マイコミジャーナル

今回はYahoo UI LibraryのUIの1つであるLogger(ログ表示)機能について説明します。このLoggerはユーザーに対して利用するものではなく開発者がデバッグ時に利用するものです。デバッグ時に変数の値や呼び出した関数などを表示したい時に使います。つまり開発時の補助機能です。関連ファイルの入手まず、Yahoo UI Libraryを入手しましょう(*1)。Yahoo UI LibraryのダウンロードはこのURLにある「Download YUI」のボタンをクリックします。 Yahoo! UI Libraryの入手ダウンロードしたファイルはZIP形式になっているので解凍します。解凍するとbuild, docs, examplesフォルダとREADMEファイルがあります。Loggerで必要になるファイルは下図に示すハイライトされたファイルです。解凍図これらのファイルを適

elf 2008/01/26

リンク

Lightbox demo

Time dilation is the phenomenon whereby an observer finds that another's clock which is physically identical to their own is ticking at a slower rate as measured by their own clock. This is often taken to mean that time has "slowed down" for the other clock, but that is only true in the context of the observer's frame of reference. Locally, time is always passing at the same rate. The time dilatio

elf 2008/01/16

リンク

Blog.okuryu : YUI で JavaScript-XPath を使う

Tags: javascript xpath yahoo yui | Date: 2007-11-14T01:23:50+09:00 | Comments: 2 | Trackbacks: 0 XPath は jQuery や Prototype.js と競合する技術ではなく、むしろ共存する技術です - IT戦記を見て、なんか適当に YUI の YAHOO.util.Dom.get() をオーバーライドする感じで書いてみた。 YAHOO.util.Dom.get = function(el, position) { if (el && (el.tagName || el.it em)) { return el; } if (YAHOO.lang.isString(el) || !el) { position = position || document; var xpath = docum

elf 2007/11/22

リンク

【ハウツー】ゼロからはじめるThe Yahoo! UI Library - Calendar編 (1) 「The Yahoo! User Interface Library」とは? | パソコン | マイコミジャーナル

米Yahoo!が開発した「The Yahoo! User Interface Library」(以下、YUI)は、UI(ユーザーインタフェース)の機能を多く持つAjaxライブラリです。UI機能という点では他のAjaxライブラリとは比較にならないほど数が多く高機能です。ただし、YUIだけで全てが済むことはありません。明らかに機能が不足している面もあるため、他のライブラリと組み合わせるか、独自に作成しなければならないこともあります。この点に留意すれば、UI部分の強化および補助という観点でYUIは非常に強力なライブラリとなります。本稿では、YUIの初期の頃から用意されているUIの1つ、カレンダー機能について説明します。このカレンダー機能はバージョンアップのたびに修正が加えられてきたため、少し古いバージョンで解説してあるページや書籍では役に立たないことがあります。ここではYUIの最新バージョン

elf 2007/11/19

リンク

YUIブログ、モバイルデバイス向けデザインテクニックを紹介 | エンタープライズ | マイコミジャーナル

2日(米国時間)、The Yahoo User Interface Library(YUI)のブログにおいて"Challenges of Interface Design for Mobile Devices"というタイトルの下、モバイルデバイス向けのインタフェースデザインに関する文書が公開された。同文書では、モバイルデバイス向けのインタフェースを設計するにあたって最も重要なコンセプトは「コンテキスト」だとし、電子メールクライアントのデザインやWebブラウザ向けのデザイン比較を例に挙げて、モバイルデバイス向けのインタフェース設計について要点をまとめている。モバイルデバイスにおいては、特定の要求に対して簡単で高速な方法が要求される。要求を満たすための基本的なスタンスは一般的な方法で機能を最適化すること、機能は一気に表示しないでアクションに応じて順次表示すること、インタラクションを促したい場

elf 2007/10/04

リンク

YUI 2.3.0 の追加コンポーネント概要：強力AjaxライブラリYahoo! UI Library

YUI 2.3.0 の追加コンポーネント概要：強力AjaxライブラリYahoo! UI Library Yahoo! User Interface Library（以下YUI）は、米Yahoo!が開発しているJavaScriptライブラリである。オープンソースのBSDライセンスに基づいてリリースされており、無償でAjaxアプリケーションの構築に利用することができる。この特集では、7月末にリリースされた最新バージョン2.3.0に追加されたコンポーネントと、YUIの基本について解説していく。 2007年7月31日、Yahoo!からYUI2.3.0がリリースされた（リリースを伝える開発者ブログのエントリ）。このバージョンでは、新たに6つのコンポーネントが追加された。初回はこれらのコンポーネントの概要を述べて、次回以降でそれらについて具体的な解説を加えていきたい。なお、リリースされたコンポーネン