ユーザへの通知UI全部のせなjQueryプラグイン「noty」:phpspot開発日誌
noty - a jquery notification plugin ユーザへの通知UI全部のせなjQueryプラグイン「noty」 ページトップやボトム、あるいはページのセンターやポップアップでメッセージを表示することが出来るプラグインです noty({text: 'noty - a jquery notification library!'}); のように呼び出せばアラートが出せるみたいです。 各種オプション指定によって表示位置を変えられたりするようです 最近のWEBを見ていると通知ってやっぱり重要だなと感じるわけですが、こうしたもので分かりやすく表示してあげるといいですね。 関連エントリ faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実装ライブラリ「Tinycon」 分かりやすい通知ボックスを作れる「Humane JS」 簡単なコードでアイコ
Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」:phpspot開発日誌
Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」 2011年12月15日- Sisyphus Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」 せっかく大量に埋めたフォームが、ブラウザを間違って閉じてしまったり、ブラウザの不具合で落ちちゃったりして拳を握りしめた方もいるのではないでしょうか。 Sisyphusを使えば、$('#form').sisyphus() のような簡単な操作で、フォームのデータを自動保存できるようになります。 localStorageを使うのでサーバへの負担はないのでとても扱いやすそうです。 入力しているとほどよいタイミングで保存しましたメッセージが流れます。 試しにリロードしてみても、ブラウザを閉じて開き直してみても残っています。リストアメッセージも表
ページの右上等に分かりやすく通知を表示できたりする「jsMessage」:phpspot開発日誌
Message library ページの右上等に分かりやすく通知を表示できたりする「jsMessage」 ページの右上にアニメーションしながら流れるように通知を流すようなことが出来ます。 通知だけではなくてダイアログのような物を実装することも出来ます。 スキンにも対応しておりルックアンドフィールを変えることも容易 関連エントリ Twitter風にエラーや通知をページ上部に表示させるjQueryプラグイン 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」 HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 Android風の簡単な通知を実現する「jQueryToast」
名前にカーソルを合わせた際にかっこ良くプロフィールを表示する例とそのjQueryプラグイン:phpspot開発日誌
Simple yet sexy hovercard with minimum CSS 名前にカーソルを合わせた際にかっこ良くプロフィールを表示する例とそのjQueryプラグイン 名前にカーソルを合わせると、名前のテキスト位置はそのままに次のようにプロフィールが浮かび上がるサンプルです。 ポップアップでもいいんですが、もとのテキストはそのままの位置というのがなかなかカッコイイのと技術的に面白いですね。 プロフィールが浮かび上がります。 マークアップとCSSが公開されていて、JSはjQueryを使って数行で実装されています。 ｊQueryプラグイン形式でも使うことができるみたいです 関連エントリ シンプルなツールチップ実装ができるjQueryプラグイン「mTip」 jQueryでツールチップ実装に迷ったらみるエントリ ページメニューにツールチップを表示して分かりやすくするjQueryチュートリ
タッチ端末で使える日付ピッカーUI実装jQueryプラグイン「mobiscroll」:phpspot開発日誌
mobiscroll - Wheel scroller/Date and Time picker jQuery plugin for touch devices (Android phones, iPhone, iPad, Galaxy Tab) - Google Project Hosting タッチ端末で使える日付ピッカーUI実装jQueryプラグイン「mobiscroll」 次のようなタッチ端末に最適な日付ピッカーを実装することができます。通常のselectボックスでもOS標準のUIが出てきたりしますが、こちらのほうが利便性が高そうです。 スマートフォン用のUI部分に使っても良さそうです。 すでに色々ありますが、今後もスマフォ用のUIパーツセットがどんどんと出てきそうですね。 関連エントリ スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom to
並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」:phpspot開発日誌
JQuery Magic Tabs Plugin | jQuery Plugins 閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」。 次のように、横に長くなってもスクロールできつつ、閉じるボタンもついて、インタフェースもなかなかクールなタブUIが実現できます。 ありそうであまり無かったかもしれないプラグインですね。もちろん「タブの追加」みたいなのもできます。 実装コードはこちらに掲載されています。デモもあります ページの構成によっては使うことでより利便性の高いインタフェースを提供できそうですね 次のようなコードで比較的容易に実装が可能です。 関連エントリ 折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」 シャレオツなカウントダウンタイマーが実装できるjQueryプラグイン「The Final Countdown」
スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」:phpspot開発日誌
スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」 2011年08月18日- Smart sticky floating box | jQuery Plugins スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」。 スクロールするとアニメーションでついてくるサイドバー。いろんなところでよく見ますが、実装の仕方によっては酔っちゃったりかえってユーザ利便性をそこないかねないUIですが、常にサイドにあることで便利に使えるという目的で設置されているものです。 こういうUIを実装する際に使えるのがこのプラグインで、位置移動の際のアニメーション方法が多数選べるだけでなく、遅延やアニメーションの速度が自由に設定できます。 デモページで動作確
通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」:phpspot開発日誌
jQuery Notification Menu | Codebase Hero 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」 次のようなメッセージ何件あるよ〜みたいな通知件数つきのメニューが実装できます。スタイリングがクールなのがいいですね。 一昔前ならどうやって実装するんだろうというこのメニューですが、WEBの進歩を感じますね 関連エントリ ブロックごとに独自の右クリックメニューが実装できるjQueryプラグイン「contextMenu」 Googleスタイルのシンプルなドロップダウンメニュー実装jQueryプラグイン 画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」 かなりクールなjQueryのメニュープラグインやチュートリアル集
折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」:phpspot開発日誌
折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」 2011年07月29日- Simple Tree Menu | jQuery Plugins 折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」。 階層的なリストを単純に開いたり閉じたりできるというシンプルなメニューです。 メニューは最初からズラッと並べるより少なくしたほうが選び易いので、段階的にひらいていくインタフェースは使いやすい場面もおおそうですね。 全部開くと以下のようになります。 サイドメニューなんかにあるといいかもしれませんね。 関連エントリ ページメニューにツールチップを表示して分かりやすくするjQueryチュートリアル カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigation」 かなり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
