当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。
inputEx Documentation - Examples 標準のINPUTを拡張してフォーム入力を便利にする「inputEx」。 input 入力の際に、数値Onlyや、Validate機能、色入力機能、オートコンプリートを提供して、フォーム入力をより便利にするものです。 色入力 メールアドレスバリデーション。URLやパスワードなんかもあり 階層型のツリーデータを入力 うまく導入してフォームのユーザビリティに役立てたいですね。 関連エントリ JavaScript製のフォームバリデータライブラリいろいろ 超クールなカレンダー型日付入力補助用JSライブラリ
Proto.IPSはテキスト入力欄(input=text)に選択肢を追加することができるJavaScriptウィジェットです。 単純に入力よりは選択のほうが楽ですし、どのようなものを書けばよいのかイメージが付くので、うまく使えばユーザビリティの向上につながると思います。 テキスト入力欄に選択肢をつけるという視点でも便利ですが、今までラジオボタンで入力させていたものをテキスト入力で代用することも考えられます。 よくある以下のような選択肢の場合、サッカー、バレー、バスケットボール以外にしたければ、ラジオボタンで「その他」を選び、右のテキスト入力欄に入力するということを行います。 このような場合に、システムで厳密に管理する必要がなく、「その他」が割合的に多くなりそうなものであれば、Proto.IPSのような仕組みを使って代用すると、シンプルに実現することが可能です。 (2008/5/26追記)
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
jContext 1.0 - The ultra-lightweight right click context menu for jQuery | Keansphere 右クリックメニュー等コンテキストメニューをカンタン作成JS「jContext」。 次のような独自右クリックメニューをカンタンに実装できるようです。 初期化は以下のようにJSでシンプルに。 $(obj).showMenu({ opacity:0.8, query: "#myMenu2", zindex: 2000 }); マークアップも次のように直にHTMLが記述できて便利。 <div id="myMenu2"> <ul> <li><a href="#">Create New Class</a></li> <li><a href="#">Delete Class</a></li> <li><a href="#">Get a
写真などをページ上で強調表示する、いわゆるlightbox効果を実現するJavascript+CSSライブラリを37個も集めて、ライブラリサイズやそれぞれの機能、どのJavascriptライブラリを使っているかなどで絞り込めるようにした比較表が発表されている。 このようなUI系のライブラリを使う際には、自分が普段使っているベースライブラリとの親和性などが重要だと思うので、このような形でまとまっているとdel.icio.usで”lightbox”タグで絞り込む、といった調べ方よりも楽にライブラリが選べていい。 via del.icio.us/popular この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘い
Timeframe ドラッグ&ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」 次のようなUIで、日付をD&D選択できるJSウィジェットが公開されました。 次のような感じに初期化するようです。 <script type="text/javascript" charset="utf-8"> //<![CDATA[ new Timeframe('calendars', { startfield: 'start', endfield: 'end', previousbutton: 'previous', todaybutton: 'today', nextbutton: 'next', resetbutton: 'reset' }); //]]> </script> 範囲指定の入力に便利そうですね。 関連エントリ 日付の範囲を指定できるJavaScriptデートピッカー「
DragResize - TwinHelix This is an easy means of adding drag and resize capability to elements on your webpage.要素のドラッグ&リサイズを可能にするJS「DragResize」。 次のように、ボックスをクリックするとつまみが現れて、リサイズでき、かつドラッグ&ドロップも可能なエレメントが作成できます。 依存ライブラリが無く、ライブラリ自体が3KBという軽さなので、ちょっとウィンドウだけ実装したいんだけど、という場合に非常に使えそうです。 関連エントリ ブロック要素のリサイズやドラッグを可能にするjQueryプラグイン「jqDnR」 ドラッグ&ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ nyroModalが生成するウインドウには、テキストなどのコンテンツをはじめ、複数の画像を使用したギャラリーや動画、AJAXコンテンツやフォームなどを表示することができます。 また、デフォルトのままでも気持ちよく表示・非表示されるアニメーション、背景、ウインドウなどをカスタマイズすることも可能です。 nyroModalはjQueryのプラグインのため、動作にはjquery.jsが必要です。
DiaryTechnology あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 あのかっこいいサイトのAjaxを取り入れたい。 そんなあなたにおすすめなのが、『60 More AJAX- and Javascript Solutions For Professional Coding』。あのサイトのAjax、Javascriptを実装するための方法60選だ。 ↑はCoda Popup Bubbles。 クールなポップアップメッセージが表示される。 » iCarousel carouselを作るためのオープンソース(フリー)Javascript » Product Slider スライダーで商品を選択できるインターフェース » Oversize
Ajaxでフォームの入力チェックがしたい。 そんなあなたにおすすめなのが、『List of Ajax form Validators』。Ajaxのフォームバリデータ11選だ。 以下にいくつかご紹介。 » fValidator MooTools v1.1。1ページに複数のフォームに対応 » FormCheck MooTools v1.1。テキストinput、ラジオボックス、チェックボックス、テキストエリア、セレクトボックスに対応 » jQuery Plugin: Validation jQuery 1.2.2以上。標準のフォームすべてに対応 » LiveValidation prototypeバージョンとスタンドアロンバージョンの2種がある » LiveValidation オープンソースのjavascriptライブラリ。早く、簡単、強力にクライアントサイドでバリデートしてくれる その他のリ
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
Super Tablesは、テーブルのヘッダを固定表示にし、縦横にスクロールバーを表示させるスクリプトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く