iOSライクな惰性スクロールをデスクトップでも·Overscroll MOONGIFT
OverscrollはデスクトップのWebブラウザでiOSに似たスクロールを可能にするライブラリです。 iOSが直感的なデバイスである特徴の一つに惰性のスクロールがあります。指で弾くとその流れでスクロールが続く機能です。あの直感的スクロールをjQueryで再現したのがOverscrollです。 デモはiPhone風のデバイスになります。 クリックして滑らせると惰性でスクロールしていきます。 デモ動画です。スペックが高くないのでうまく再現できていませんので自分で試す事をお勧めします。 画面をドラッグしてスクロールさせるUIとして思いつくのはGoogleマップでしょう。他にも広い範囲のデータをさまよいながら見ていくようなUIとして使ってみると面白いかも知れません。より直感的で面白い効果が臨めそうです。すべりの具合を設定で変更したり、スクロール時のアクションをキャッチすることもできます。 Ove
クライアントサイドだけで作るスマートフォン最適化サイト·mobilize.js MOONGIFT
Mobilize.jsはデスクトップ向けのHTMLをJavaScriptで組み替えてスマートフォンに最適化された表示にするJavaScriptライブラリ。 Mobilize.jsはHTML5/JavaScript製のフリーウェア（オープンソースとなっているがライセンスはなし。ソースコードは公開されている）。スマートフォンのシェアが増えるに従って、従来のWebサイトにおけるスマートフォン最適化サイトのニーズが高まっている。iPhoneやAndroidからのアクセスに対して最適化されたUIを提供することでユーザビリティを高めるのだ。 最適化表示 幾つかのやり方があるが、一つはサーバ内でアクセスを判別してビューを切り替えたり、サブドメインを分けてしまうと言った方法がある。今回紹介するのはどちらでもない。なんとクライアントサイドだけで行ってしまうのだ。 Mobilize.jsはjQuery Mob
Webアプリケーションの開発に。面白いコンポーネントが多数揃ったUIライブラリ·Ninja UI MOONGIFT
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu（Web術？）を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
UIプロトタイプ：autocomplete (jQuery plug-in jSuggest)
昨日に引き続いて、今日も作成中の Google App Engine アプリ用のUI部品の作成。HTMLの一部に記述された（もしくは別途JSONで取得した）ワード・リストの入力を autocomplete を使って簡単にしようという試み（Google Suggestのようにダイナミックにリストを取得する必要はない）。 そこで、まずは既存のライブラリ・プラグインの調査から。必要とする人も多いようで、少し調べただけで２０個ぐらい見つかる。デモを見て５つに絞ってからそれぞれのソースコードを解析。例によってどうしようもない品質のコードもあるので、結局のところたどり着いたのは、比較的コードがきれいなこの二つ。 jQuery Autocomplete Mod JQuery Plugins by Dylan Verheul - autocomplete どちらかをそのまま使っても良かったのだが、どちらも
ユーザビリティ向上に。デフォルト値を薄い文字で表示する·jQuery Watermark MOONGIFT
jQuery WatermarkはjQuery用のオープンソース・ソフトウェア。最近のWebサイトでは登録フォームにどういった文字を入力すべきかを提示するケースが多くなっている。例えばユーザIDと書かれていれば何を入力すれば良いか分かりやすい。他にも検索ボックスにSearch...と書かれているのもよく見かける。 予め文字を入力してユーザビリティを向上する そんなテキスト入力を補助する効果を実現するのがjQuery Watermarkだ。名前の通りjQueryプラグインなので、jQueryを使った開発の際にはぜひ使ってみたいライブラリだ。テキストボックスの他、テキストエリアに対しても適用できる。 テキストボックスに対して利用する他、パスワードボックスでも通常のテキストを表示しつつマウスがフォーカスしたら内容を消すこともできる。さらにSafari用の検索ボックスへのデフォルト表示にも対応して
Spacegallery - jQuery plugin
About Again another image gallery. Click on the images bellow to see it in action. Download spacegallery.zip (205 kb): jQuery, Javscript files, CSS files, images, examples and instructions. Changelog 09.01.2008 The first release release. Implement Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme. Important: be
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA