名前にカーソルを合わせた際にかっこ良くプロフィールを表示する例とその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プラグイン「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」 かなり
[JS]jQueryのプラグインを開発するためのテンプレート -jQuery Boilerplate
jQuery Boilerplate [ad#ad-2] jQuery BoilerplateはjQueryのドキュメント「Plugins/Authoring」から、より良いパフォーマンスとメモリ使用を提供することを目標として開発したとのことです。 jQuery Boilerplate (stripped version) jQueryのプラグインのテンプレート(stripped version)です。 ※2011年7月26日現在のものです。 (function($) { $.pluginName = function(element, options) { var defaults = { foo: 'bar', onFoo: function() {} } var plugin = this; plugin.settings = {} var $element = $(element)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
