タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとjavaScriptとuserInterfaceに関するtsupoのブックマーク (9)

  • Dino Esposito による jQuery を使用したリッチ ユーザー インターフェイスの構築に関するコラム

    Cutting Edge jQuery を使用してリッチ ユーザー インターフェイスを構築する Dino Esposito 目次 jQuery UI ライブラリ サンプル シナリオ タブ付きペインを準備する ダイアログ ボックスを準備する ダイアログ ボックスを読み込む 表示前の初期化 データをコントローラにポストする Web をアップグレードする ダイアログ ボックスはグラフィカル ユーザー インターフェイスの基要素です。おそらくご存知でしょうが、ダイアログ ボックスにはモーダルとモードレスがあります。モーダルの場合、ユーザーがダイアログ ボックスの問いに答えるまで次の操作に進めません。ユーザーが単純にダイアログ ボックスを閉じると、ダイアログ ボックスによってトリガされる動作は何も発生しません。 Windows 開発では、ダイアログ ボックスはユーザーとアプリケーションとの対話型イン

    Dino Esposito による jQuery を使用したリッチ ユーザー インターフェイスの構築に関するコラム
    tsupo
    tsupo 2009/09/03
    jQuery を使用してリッチ ユーザー インターフェイスを構築する → jQuery による各種ユーザインターフェースの作り方。MSDN に jQuery の解説があるのが感慨深い
  • jQuery UI .dialog() method failing silently in IE6

    tsupo
    tsupo 2009/09/03
    jQuery を使って、yes/no ダイアログを実現する方法
  • Web 2.0エフェクトとリッチクライアントアプリケーション:CodeZine

    ケーススタディ: グラスシャドウエフェクト 「グラスシャドウエフェクト」(または「曇りガラス効果」)は、Yahoo、Kayak.com、DealOgre.comなど、いくつかの人気サイトで導入されています。このエフェクトの背景にあるアイデアは、ページの残りの部分へのアクセスを不能にして、ユーザーに何かの情報を表示するというものです。このエフェクトには多くのバリエーションがありますが、いずれの実装でもメッセージと共にダイアログが表示され、その背後でページの残りの部分がぼかされたり暗くなったりします。 これはユーザーの注意を即座にダイアログに引き付けて、ダイアログとの対話を促す、かなり印象的なエフェクトです。このエフェクトを実現するためのテクノロジとツールキットはいくつかありますが、稿ではもっぱらJavaScriptとDHTMLというソリューションを考察します。このアイデアは、現在のページU

    tsupo
    tsupo 2008/02/15
    グラスシャドウエフェクト / 現在のページUIをいくつかの層に分離して、Z軸上の最も手前にダイアログを置き、最も奥にページコンテンツ層を置く // Fidelity Labs / Kayak / DealOgre.com / Yahoo!.com
  • 日付入力をクールにやりたい!!:UX ~ユーザーエクスペリエンス~:オルタナティブ・ブログ

    開発者の皆さん、お久しぶりです。僕の街ザグレブではもうワールドカップの話題で持ちきりです。 毎朝メールボックスにジダンに関するジョークやら、Flashで頭突きして倒すゲームやら舞い込んできて 読むだけでも大変です。 今日はDojoライブラリを使った日付入力の方法を紹介したいと思います。 なぜDojoライブラリかと言いますと、商業的に成功しているからです。 スポンサーとしてIBM,Sunがついているのでしばらくはちゃんとバージョンアップを 続けていくと思われます。 企業としてAjaxライブラリを選ぶとなると、それなりに勉強にコストが掛かりますので せっかく1,2週間かけて覚えたライブラリの開発が止まってしまうとそのコストが無駄になってしまいます。 そういう視点でDojoライブラリはお勧めです。もちろん機能設計もちゃんとしていて、簡単に使おうと思えばサックリ使えますし、 ちょっと複雑な場合でも

    日付入力をクールにやりたい!!:UX ~ユーザーエクスペリエンス~:オルタナティブ・ブログ
    tsupo
    tsupo 2006/07/12
    なぜDojoライブラリかと言いますと、商業的に成功しているからです / 機能設計もちゃんとしていて、簡単に使おうと思えばサックリ使えますし、ちょっと複雑な場合でも使えるようになっています
  • Flashと比べた時のAjaxの利点 - outsider reflex

    Latest topics > Flashと比べた時のAjaxの利点 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « サークルクラッシャーに引っかかることについて:女のすることをやたらと恋愛に結び付けてしまうことについて Main サークルクラッシャーに引っかかることについて:恋愛してよい空気とそうでない空気の差が分からないことについて » Flashと比べた時のAjaxの利点 - Apr 21, 2006 Ajaxが貧乏臭い件というエントリで、アプリケーションを作り込む立場の視点からAjax懐疑論が書かれている。関連エントリのFlashに代わるものにおいてFlashの利点・優れているところがまとめられているので、それも併せて読んだ上で。 確かに

    tsupo
    tsupo 2006/04/21
    Flashが「こういう物を見せたい」という志向の強い企業サイトやアーティストなどに受け入れられて、Ajaxが「自分の見たいように見たい」という志向の強いギークに受け入れられている
  • gooサポーター - gooの歩き方: GOC Vol.1 「Ajaxアプリをより便利にする10のテクニック」

    GoogleMapsでの採用以降、一気にインターネットの世界に広がった「Ajax」。元々は「Asynchronous JavaScript + XML」の略称で、JavaScript の組み込みクラスである XMLHttpRequest による非同期通信を利用して、ウェブブラウザ上で各種のユーザーフレンドリーなインタフェースを実現するための技術です。 第1回目のgooオープンカンファレンスでは「すでにプログラミング実務に携わっているがAjaxを学ぶのは初めて」という技術者の方を対象に、10の具体的な技法をご紹介します。比較的大規模なAjaxアプリ開発に興味のある方に向く講座です。 ●当日の講座資料をアップしました。 こちらから ダウンロードできます ●GOC Vol.1『中堅プログラマー向け「Ajax」講座』−Ajaxアプリをより便利にする10のテクニック ■プログラム ・ユー

    tsupo
    tsupo 2006/03/24
    ・ユーザが慣れ親しんだUIに似せる ← これ、重要だよなぁ / 平成18年3月29日(水)19:30〜21:00 千代田区大手町2-2-2 アーバンネット大手町ビル20F
  • DOMTab - Navigation tabs with CSS and DOMscripting

    What is DOMtab? DOMtab is a JavaScript that turns a list of links connected to content sections into a tab interface. The script removes any "back to top" links in the section and automatically hides all but the first one when the page is loaded. You can use as many tabbed menus on the page as you want to. New: If the URL of the page links directly to one of the tabs it get automatically highlight

    tsupo
    tsupo 2006/02/27
    DOMtab is a JavaScript that turns a list of links connected to content sections into a tab interface. / CSS + DOM によるタブインターフェースの実現
  • http://www.havocstudios.com/articles/ajax/ajax_tabs/

    tsupo
    tsupo 2006/02/22
    コメント欄を見ると、こんなの Ajax じゃないじゃない、とか論争が起きてますね (笑) / タブデザインのインターフェースが簡単に作れるのは評価する。
  • Ajaxでタブインタフェースを実現するためのライブラリ:phpspot開発日誌

    havocStudios: Ajax tabs CSS Tabs seem to be all the rage with the kids these days. I love the idea of them. It seems that the most popular method of creating tabs using CSS is the Sliding Doors method. They seem to look the coolest and are very easy to implement. However, they're so... static. Ajax Tabsを使えば次のようなCSSベースでデザインされたタブインタフェースの部品が簡単に作れます。 Ajaxを使ってタブが更新されるため、各タブ内のページ(HTML)は独立したファイルにすることが可能で

    tsupo
    tsupo 2006/02/22
    このライブラリを使うと、「CSSベースでデザインされたタブインタフェースの部品が簡単に作れる」らしい。Ajax とは全く関係ない気がするけど、気のせいかもしれない。
  • 1