ドットインストール代表のライフハックブログ
Color Picker Control:強力AjaxライブラリYahoo! UI Library 今回から、YUI2.3.0で新しく追加されたコンポーネントについて解説していく。まずは色を選択するコンポーネントColor Picker Controlを取り上げる。 2007-09-14 08:00 YUI 2.3.0 の追加コンポーネント概要:強力AjaxライブラリYahoo! UI Library Yahoo! User Interface Libraryは、米Yahoo!が開発しているJavaScriptライブラリである。オープンソースのBSDライセンスに基づいてリリースされており、無償でAjaxアプリケーションの構築に利用することができる。この特集では、7月末にリリースされた最新バージョン2.3.0に追加されたコンポーネントと、YUIの基本について解説していく。 2007-09-1
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ライブラリを組み合わせてお互
YUI:CalendarはWebブラウザ上でカレンダーコントロールを実現するライブラリ。システムの日付設定画面などで表示されるようなカレンダーを簡単に作成することができる。設定項目も豊富で、さまざまな表記に対応している。 これまでWebアプリケーションで日付を入力させる場合は、inputボックスを1つ設けるかそれぞれ年月日を選択させるプルダウンを3つ用意する場合が多かった。どちらにしろ操作性がいいとは決していえず、またデベロッパはユーザのオペレーションミスによる不正な日付データがデータベースに入力されないよう、日付の妥当性やフォーマットなどをチェックするコードを書いてきた。YUI:Calendarを日付入力部分に組み込めば、ユーザは正しい日付を確実にかつ簡単に入力することができるようになるだろう。 サンプルを動かしてみる 成果物に同梱されているサンプルをデプロイし、動作させてみた。実行結果
Yahoo! User Interface Library 概要 【概要の前半】 【概要の後半】 Yahoo! User Interface Library::Core Utilities 【Animation】 【Connection Manager】 【Dom】 【Drag and Drop 】 【 Event】 Yahoo! User Interface Library::UI Controls 【Calender】 【Slider】 【TreeView】 http://d.hatena.ne.jp/hiboma/20060221/1140489162 【Yahoo! Design Pattern Libraryの訳 まとめ】
Yahoo UI LibraryはAjaxライブラリの1つです。Yahoo UI Libraryは数あるAjaxライブラリの中では非常に高機能なものです(他に高機能なものとしてはDojoやExtJSがあります)。非同期通信機能なども備えていますが、主な機能が集中しているのはUI(ユーザーインターフェース)部分です。このため、XMLデータ処理はver 2.4.0では装備されていないため、自前で実装するか他のライブラリと併用する必要があります (ver 2.4.0以降ではJSON形式を扱えるようになっています)。 ver 2.5.1からはAdobe AIRにも対応するようになりました。 ver 2.8.0からはFlash対応やHTML 5の機能(データストレージ)にも対応するようになりました。 Yahoo UI Libraryはprototype.jsと異なり他のライブラリとは干渉しないように
jQuery UI API 1.8.6 の日本語リファレンスです。 ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。 また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。 それぞれ、次の機能が提供されています。 インタラクション 対話型ユーザインターフェースを構築するためのライブラリ ライブラリ説明対応ファイル
Ajaxを使った今どきのWebアプリケーションでは、グーグルの「iGoogle」のように、ドラッグ&ドロップによる直観的な操作でページ内の要素を自由に並べ替えられるユーザーインターフェースをよく見かけます。最近ではWebアプリケーションだけでなく、ポータルサイトやメディアサイトのナビゲーションメニューにも採用されるケースが目立ってきました。 今回は、jQueryの「Sortable」を使って、ドラッグ&ドロップで要素を並べ替えられるようにする方法を紹介しましょう。Sortableを使えば、ごく簡単な方法で既存のWebページにドラッグ&ドロップUIを実装できます。 Sortableをダウンロードしよう 「Sortable」は、リスト(ul/li)などの個々の要素をドラッグ&ドロップ操作でユーザーが並べ替えられるようにするライブラリです。以前紹介した(関連記事)jQueryのUIライブラリ集「
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法(1) 基本/おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック < リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは? 今回紹介するjQuery UIは、JavaScript(Ajax)フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ&ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット(アコーディオン、日付入力、ダイアログ、スライダー、タブなど) 今回は、jQuery UIのドラッグ&ドロップ機能
まとめwebプログラムをしていて、いざサービスを作ろうと思ったときにネックになるのが、デザインです。 僕はもうその手のセンスが絶望的に欠けていて、配色もレイアウトもまともなものが出来ません。HTMLやCSSそのものの知識があっても、それで作るモノが見えてこない。CakePHPの勉強をしてwebサービスをいっぱい作ろうと思っているのに、これは良くない。 そこで実際にwebサービスを作る前に読んでおきたいwebデザイン系の記事をメモとして並べておくことにしました。「これを読んでおけ」「ここのデザインは参考になるよ」「このアイコン集おすすめ」「あのツールの使い方ならここだ」「このツール良い感じ」みたいなものがあれば、是非教えてください! 随時追加していきます。 プログラマでも出来るWebデザイン - Blog.37to.netウノウラボ Unoh Labs: デザインセンスの無い人がwebサイト
i837 価格比較 ホーム > カメラ > デジタルカメラ > ポラロイド(Polaroid) > i837 ポラロイド 2009年 5月中旬 発売 i837 お気に入り登録 4 最安お知らせメールが受け取れます 価格.com プロダクトアワード2024 ユーザーの支持が高かった16部門の大賞が決定!今年の受賞製品は? 価格情報の登録がありません 価格推移グラフ お気に入り製品に登録すると、価格が掲載された時にメールやMyページでお知らせいたします 価格帯:¥―~¥― (―店舗) メーカー希望小売価格:オープン 画素数:824万画素(有効画素) 光学ズーム:3倍 メーカートップページ デジタルカメラの人気売れ筋ランキング ―位 3.00 2人 3件(2010年 3月 2日更新) この製品で撮影された画像 PHOTOHITOで作例を見る この製品をキープ ピックアップリストを作成 ご利用の前
i737 価格比較 ホーム > カメラ > デジタルカメラ > ポラロイド(Polaroid) > i737 ポラロイド 2008年11月14日 登録 i737 フェイストラッキング機能やスマイルキャプチャー機能を備えたコンパクトデジタルカメラ(716万画素)。価格はオープン お気に入り登録 9 最安お知らせメールが受け取れます 価格.com プロダクトアワード2024 ユーザーの支持が高かった16部門の大賞が決定!今年の受賞製品は? 価格情報の登録がありません 価格推移グラフ お気に入り製品に登録すると、価格が掲載された時にメールやMyページでお知らせいたします 価格帯:¥―~¥― (―店舗) メーカー希望小売価格:オープン 画素数:716万画素(有効画素) 光学ズーム:3倍 メーカートップページ 新製品ニュース ポラロイド、コンパクトデジタルカメラ「i737」 デジタルカメラの人気売れ
マルチデバイス対応 OpenPNEはPCのみならず、スマートフォン、フィーチャーフォンに対応し、いつでも好きなときにログインすることができます。 自由のFREE、無償のFREE オープンソースのOpenPNEには2つのFreeがあります。 利用、配布、開発はすべて自由。しかも無償で使えます。
今すぐお使いの をアップデートしてください。 現在お使いの は最新版ではありません。今後、ブラウザの検索機能をご利用いただけなくなる可能性があります。
社内に設計者がいないスタートアップや部品メーカーなどがオリジナル製品の製品化を目指す際、ODM(設計製造委託)を行うケースがみられる。だが、製造業の仕組みを理解していないと、ODMを活用した製品化はうまくいかない。連載「ODMを活用した製品化で失敗しないためには」では、ODMによる製品化のポイントを詳しく解説する。第6回のテーマは「製品仕様書の書き方」についてだ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く