タブやアコーディオンなど、様々なUI構築用のjQueryプラグイン30個以上をセットにしたフレームワーク・ jQuery EasyUI - かちびと.net
普段からよく見かけるjQueryによる タブやアコーディオンなどのUIの構築 を簡略化するためのフレームワーク・ jQuery EasyUIのご紹介です。プラグ インは30個以上あり、どれもシンプル なものになっています。 数じゃ敵いませんけど、Ext JSのjQuery依存型みたいな印象です。結構昔からあるみたいなので知ってる方も多いかもですけど・・・恥ずかしながら最近知ったので、僕と同様にまだ知らない方向けにシェア。 jQueryを使ったシンプルなユーザーインターフェースを構築する為のプラグイン30数個をワンセットにしているフレームワークです。余計な機能が付いていないものばかりなのでカスタムしやすいのでは。 コードはドキュメントに全部書いてありますので割愛します。 プラグインの一部をご紹介します。 Accordion 開閉するアコーディオン Menu シンプルなメニュー Panel パ
テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear - かちびと.net
なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。 セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。 編集してもソート機能は維持 ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。 行の削除も 行ごと削除する事も出来ます。 デモはPHPとMySQLを使って設計してるようですが、他のシステム上でも動作すると
ページ内のパンくず的なものを実装するjQueryプラグイン・Sausage
うまく説明出来ないんですがページ内の 右端にパンくずっぽいページ内リンクを 作成するjQueryプラグイン・Sausage。 視覚的に分かりやすくなり、コンテンツ内に 目次のようなものを置く必要も無くなります。 縦に長いページにせざるを得ないコンテンツ に良さそうです。 パンくずっていうとちょっと語弊あるかもですが他にいい表現が思いつかないのでこいつ頭悪いなと思ったらデモ見てください。URLに#も付かないのでSEO的に妨げることも無いかと思います。また、ツールチップも出るので今どこにいるかを把握しやすくなりそうです。 たぶん、ソーセージのようにパンくずっぽいものが繋がってるからだと思います・・デモを見れば納得出来る（といいんですけどね） 右端にこのようなパンくずのようなものを設置するプラグインです。クリックでその段落の頭に飛ぶことができます。 使い方<script type="text/j
URLを動画埋め込み用タグに変換するJavaScriptライブラリ·mb.mediaEmbedder MOONGIFT
mb.mediaEmbedderは各種動画共有サイトのURLから埋め込みタグを生成するJavaScriptライブラリ。 mb.mediaEmbedderはjQuery製のオープンソース・ソフトウェア。ブログやWebサイトなど様々な場面において動画を埋め込みで表示したいというニーズがある。動画共有サイトは多数存在し、それぞれに埋め込みタグを提供している。 例 しかし各サービスごとに仕様が異なるために、動画を貼付ける際に個々に対応しなければならない。これでは効率が悪すぎる。そこで使ってみたいのが差異を吸収してくれるmb.mediaEmbedderというライブラリだ。 mb.mediaEmbedderはVimeo/YouTube/Flickr/livestream/Ustreamといった有名どころの外部サービスに対応し、さらにMP3を埋め込むこともできる。[vimeo=http〜]と言った具合に
テキストにアイソメトリック風のエフェクトを加えるjQueryプラグイン・JQISOTEXT
なかなかユニークだったのでメモ的に。 普通のテキストに等角投影法を使った ようなエフェクトを加えるjQueryプラグ インです。画像ではなく、テキストのみ でちょっとしたタイポグラフィも作れそう。 IE6でも7でも動作してくれますよ。 アイソメトリックとは建築でよく使われる投影法で奥行きを表現した図（ここの説明が分かりやすいです）に用いられます。一般的には「アイソメ」と略されますが、これをテキストに用いる事が出来る、というもの。 こんな感じで。普通にテキストなのでドラッグも可能です。大抵は画像で作らざるをえない表現ですが、テキストなら編集しやすいでしょうし、上手く使えばSEO的にも有利に働いてくれるかも知れませんね。 IE6でも問題無し IETesterを使ってのIE6。問題無しです。 使い方<script type="text/javascript" src="jquery.js"></
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
