Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
ドラッグ&ドロップで数値の設定が出来る便利UIを実装できる「jquery-drag-spinbox」 2009年10月30日- ドラッグ&ドロップで数値の設定が出来る便利UIを実装できる「jquery-drag-spinbox」。 普通、数値入力というと、ボックスに直接入力したり、ボタンを連打したりして上下させますが、このSpinBoxを使えば、画像上でクリック→上 or 下にドラッグすることで簡単に数値の調整が出来ます。 デモページ 名前の通り、jQueryベースで作成されていますので比較的簡単に使うことが可能です。 以下のエントリを参照してください。 HowToSetupJapanese - jquery-drag-spinbox - Project Hosting on Google Code
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法が紹介されていました。 具体的なデザインは以下。もうチェックボックスの原型がないという、面白くて分かりやすいUIに調整されています。 マークアップ上も、次のように綺麗になっています。 実際のタグは、不可視にしちゃって、jqueryによって、on/off を切り替えればいいわけですから、まさに何でもありで、参考にして他にも面白く、使いやすいデザインはいくらでも作れるかもしれません。 jQueryによるクロスブラウザ対応が出来るので、昔のように神経質になる必要もないですね。 詳細は以下のエントリから参照。 Pretty checkboxes with jQuery | Aaron Weyenberg
Generate a JQuery UI Slider using Data from a Select Element 日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン。 次のように、スライダーのUIで範囲を指定する際に便利に使えそうです。 デモ1) Date Slider デモ2) Speed Slider 使用頻度はそれほどないかもしれませんが、ここぞという時に覚えておいて損はなさそうですね。 関連エントリ jQueryを使ったカレンダー型、日付入力補完ライブラリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」
mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ&ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく
MS Office 2007から採用されたリボンメニュー。今は(といっても2年前からあるが)まだ違和感があるかも知れないが、徐々にリボンメニューを採用したソフトウェアも増えており、慣れると使いやすさは向上していることに気づくはずだ。 jQueryで実現するリボンメニュー! そんなリボンメニューをブラウザで使える、そんなライブラリがjQuery Ribbonだ。 今回紹介するオープンソース・ソフトウェアはjQuery Ribbon、jQueryでリボンメニューインタフェースを提供するソフトウェアだ。 jQuery RibbonはjQueryを使ってあのリボンメニュー風インタフェースを実現する。凄いのは全てのインタフェースがリスト(ulタグ)だけで実現されていることだろう。そのためJavaScriptがオフであっても機能はするはずだ。 メニュー リボンインタフェースはもちろん、左上にはツリーメ
これは注目!jQueryでExtばりにリッチなUIが実装できる「jQuery Ribbon」 2009年05月28日- jQuery Ribbon - Home これは注目!jQueryでExtばりにリッチなUIが実装できる「jQuery Ribbon」。 利用すれば、コントロールのグルーピングや、ドロップダウンメニュー、階層リストなどのリッチなコンポーネントが実装できるみたい。 jQuery Ribbonを使ったリッチなUI。Windows7っぽいデザインのUIがJavaScriptで。 アイコン付きのかっこいいメニュー 表示しているUIのテーマを選べる アイコンつきリスト アイテムのグルーピング ドロップダウンメニュー ちょっとこれは素晴らしいですね・・・。jQueryの優位性がますます高くなってしまいましたね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイ
これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 2009年03月12日- jQuery Context Menu Plugin これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」。 ちょっと前までだと独自の右クリックメニューを作るのはすごく大変でした。特にクロスブラウザで動作することなんかを考慮すると本当に大変でした。 が、このライブラリを使えば簡単に実装できてしまいます。 特定のエレメント上のみに右クリックメニューを設定できるという、柔軟なつくりになっています。 どのアイテム上でクリックしたかっていうのがイベントハンドラで受けられるところも汎用的になっていていいです。 このライブラリ1つとってみても、jQueryを使う意味が出てきそうです。 jQueryは本当にデフ
「神は細部に宿る」。ほんのちょっとした機能だからと見過ごすのではなく、ほんのちょっとしたことだからこそ誠心誠意作り込んでいくといったような意味合いが込められた言葉だ。コンピュータのGUIインタフェースはまだここ十年、二十年の話でありまだまだ改善の余地は大きい。 ドロップダウンリストが便利に! 例えばファイルのアップロード、一つ一つファイルを指定するなんて愚の骨頂だ。さらに複数選択のドロップダウンも選んでいる途中のちょっとしたミスで全ての項目が非選択に戻ったりする。これも問題だが、解決策としてDropdown Check Listがある。 今回紹介するオープンソース・ソフトウェアはDropdown Check List、ドロップダウンリストにチェックボックスを付けるというjQueryプラグインだ。 これは良いアイディアだ。Dropdown Check Listを使うとドロップダウンの複数項目
サイト内にウィンドウを開く「Prototype Window 」 Prototype Windowはウェブサイト内にウィンドウを開く為のJavaScript ライブラリになります。 Prototype WindowはPrototype.jsを拡張するUIライブラリです。 また、「script.aculo.us 」のエフェクトも利用することが可能です。 利用方法 まずは、配布ページよりPrototype Window 本体をダウンロードします。 ダウンロードしたファイルからwindow.jsとprototype.jsをhead要素内などで読み込みます。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="window.js"></script> 次にテー
Yahoo!が開発し、フリーで提供、ホストまでしてくれているJavascriptライブラリ+ウィジェット集であるYahoo UI Libraryの、主要なコンポーネントを動かした様子を撮ったビデオが多数公開されている。 Introducing YUI – The Rising Giant (YUIの紹介 – 上り調子の巨人) 開発者ページのサンプルページから自分で触れば試せるんだけど、それすら面倒な人はいるだろうから、こういう普及促進もあってもいい。これなら百聞は一見にしかずで、YUIでどんなことができるかが英語無しでわかるかも。 [関連] Yahoo UIライブラリの各ファイルがYahooから直接ホストされるように Yahoo! UI Library はすごいね この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い
The jQuery projectは17日(米国時間)、jQueryの新しいライブラリである「jQuery UI」を発表した。jQuery UIはjQueryで開発されたテーマ機能に対応したインタラクションウィジェットライブラリ。jQuery UIはhttp://ui.jquery.com/において提供されることになる。jQueryはJavaScriptで開発された軽量なAjaxフレームワーク。動作が高速でサイズも小さいという特徴がある。XPathを指定して動作する仕組みを採用している点も特徴的だ。 jQuery UI プロジェクトサイト jQuery UIは高品質で再利用可能なウィジェットコンポーネントの開発に注力して発足したプロジェクトでかつ成果物。jQueryの機能を追加する場合に使われるプラグインと同様に提供されているが、すでに多くのデモンストレーションやドキュメント、テーマを提
jQuery UI: Widgets, Components, and Interactions jQuery UI is a set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. jQuery用のscript.aculo.usがリリース「jQuery UI」。 ドラッグ&ドロップ、ソート、エレメント選択、リサイザブル、アコーディオン、カレンダー等、UIに関わる機能が盛りだくさんです。 Interactions Draggables Droppables Sortables Selectables Resizables Widgets Acco
Ext.jsを使用した素晴らしいウィジェットを3つ紹介します。 Ext FileTree Widget ファイル ツリーです。 Ext File Upload Form Widget ファイル アップ
Webサイトで使われるJavaScriptのイフェクトで、コンテクストメニュー(右クリックメニュー)の自作というのがある。意外と作りこみが面倒だったり、マルチブラウザへの対応が心配で敬遠されがちだ。 だが、Firefox 1.5以上、IE6以上、Safari3以上、Opera9以上に対応しているとなれば、使う気にもなるかも知れない。 今回紹介するフリーウェアはProto.Menu、prototypeをベースにしたJavaScriptコンテクストメニューライブラリだ。JavaScriptなのでソースは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 Proto.Menuはprototype.js 1.6.0 RC0以降を必要とする、わずか1.5KBのライブラリだ(ミニ版の場合)。それだけで簡単にWebページ上でコンテクストメニューを実現してくれる。 テーマはCSSで作
ModalBoxとは? ModalBoxはMacOS X風のダイアログを表示するライブラリです。ダイアログ内に表示する内容は非同期通信で読み込まれます。表示できる内容はHTMLファイルやテキストファイルのみで、単純に画像を表示することはできません(*1)。ModalBoxはHTMLファイルを表示するためダイアログには決められたボタンだけでなく様々な情報を表示することもできます。また、ModalBoxはprototype.jsライブラリとscript.aculo.usライブラリを利用しています。 ModalBoxはこのURLにあるページからダウンロードすることができます。 ModalBoxのダウンロードサイト ページ上にある「Download latest version」の囲みの中にある「ModalBox 1.5.3」をクリックするとダウンロードが開始されます。ダウンロードしたファイルはZ
Ext FileTree Widget Example by Saki Extライブラリを使った超クールファイルツリーUI実装ライブラリ。 ライブラリを使って次のようなクールなツリービューUIを実現できるようです。 ツリー部分はAjaxによって実装されているっぽいです。 Extを使ったライブラリはカッコよく、デザインも一貫性があっていいですね。 関連エントリ JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く