[B! ui][jquery] ihiro81のブックマーク

ウィンドウサイズに合わせて要素をきれいに配置するJavaScript「Browser size aware content scaling」

twitter facebook hatena google pocket Googleの画像検索はウィンドウサイズによって表示件数を変えているのをご存知でしょうか？割り切れない個数の場合、余らせるのではなくあえて隠してしまうそのこだわり、あなたも追求しませんか。 jQueryを使用して同じ方法を実現する「Browser size aware content scaling like Google images」です。 sponsors 使用方法 jQueryからjquery.jsをダウンロードします。また要素は今回画像として以下のようにマークアップされているとします。 <div id="content"> <amp-img src="画像パス1" /> <amp-img src="画像パス2" /> <amp-img src="画像パス3" />  </d

ihiro81 2009/11/10

リンク

テーブル周りの素晴らしいjQueryプラグイン30 – creamu

jQuery Wisdomというサイトで、テーブル周りの素晴らしいjQueryプラグインが紹介されています。ざっといくつかご紹介。 graphTable: graph data from HTML table using flot HTMLのテーブルデータからグラフを作ってくれる tableRowCheckboxToggle jQuery Plugin 行をクリックすることでチェックボックスのオンオフを切り替えられるようにするプラグイン UI Table Edit jQuery Plugin セルをクリックすることで編集可能にするプラグイン Colorize – jQuery Table Plugin マウスオーバーした列の背景をカラーリングしてくれる Animated Sorta ble Data Table jQuery plugin – jTPS テーブルにページネーションやソート機

ihiro81 2009/11/02

リンク

大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」:phpspot開発日誌

大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」 2009年10月22日- jQuery listmenu plugin - javascript list navigation menu control 大量のアイテムもスッキリとリスト形式のメニューにしてしまえる「jQuery ListMenu Plugin」次のように大量のアイテムがあったとしても・・・ ↓↓↓↓↓↓↓↓↓↓↓↓↓ jQuery ListMenu Plugin があれば次のように超スッキリさせることが出来ます。使い方はいたって簡単で、次のようにコードを書けば最低限実装できます。 $('#demo1').listmenu(); $('#demo1').listmenu( { option } ); で各種カスタマイズも可能です。日本のサイトとしては日本語が

ihiro81 2009/10/22

jquery
ui

リンク

折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」:phpspot開発日誌

Expand table rows with jQuery - jExpand plugin 折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」デモページ右端の▼をクリックでペロンと中身が開けるテーブルをjQueryプラグインで簡単に実装できるようです。仕組みとコードについても解説されています。使い方は簡単で、$(#sometable").jExpand(); のように簡単に設定することが出来るようです。関連エントリコンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」 Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery