タグ

jqueryとあとでみるに関するOfficeRiverHeadのブックマーク (4)

  • 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」:phpspot開発日誌

    jQuery Photoset Grid - Style Hatch 画像のレイアウトに使えるjQueryプラグイン「jQuery Photoset Grid」 1つのdiv内に<img>で画像を並べるだけで写真をレイアウトしてくれるプラグインです。 コードは以下 次のようにレイアウトされます。 元の写真がいいというのはあるんでしょうけど、写真がよりオシャレに見えますね 関連エントリ テキストを新聞風のレイアウトにできるjQueryプラグイン「Columnizer」 CSSレイアウトをWEB上でサクッと作れる「PageBlox」 アイテムをドラッグ&ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 画像レイアウト関連で便利なjQueryプラグイン等まとめ これは新しい!パネルレイアウトが美しいスライドショー実装デモ コンテンツ幅に対してテキストを最大にして美し

    OfficeRiverHead
    OfficeRiverHead 2013/03/28
    jQuery Photoset Grid - Style Hatch 画像のレイアウトに使えるjQueryプラグイン「jQuery Phot... via phpspot開発日誌 http://phpspot.org/blog/
  • Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」:phpspot開発日誌

    Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 2013年03月28日- MagicSuggest Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 Bootstrapなサイトはどんどん増えている中、こうしたコンポーネントも増えていますが、これまた便利そうです。 文字入力でサジェストを提供するものはありきたりですが、最初からBootstrapテーマがかかっており、複数ワードの指定も可能です。 1つサジェストから選択した後に更にinputをすすめると更にサジェスト これからのプラグインはBootstrapテーマにも最初から対応していつつ、レスポンシブな物が沢山の人に使ってもらうには必要不可欠な気がします 関連エントリ UIがカッコいいオートコンプリート実装jQue

    OfficeRiverHead
    OfficeRiverHead 2013/03/28
    MagicSuggest Bootstrapのテーマで良い感じに動くオートサジェスト実装jQueryプラグイン「MagicSuggest」 ... via phpspot開発日誌 http://phpspot.org/blog/
  • アニメーションしながらソートできるjQueryプラグイン「Animated Table Sorter」:phpspot開発日誌

    jQuery Animated Table Sorter アニメーションしながらソートできるjQueryプラグイン「Animated Table Sorter」。 ソート可能なテーブルを実現するjQueryプラグインはよくありますが、アニメーションするのははじめてかも。 どこからどこに移動したか?という部分が分かりやすく、一瞬でソートされてしまうテーブルよりもカッコ良いだけではなく使い勝手もよさそう 関連エントリ シンプルにテーブルにソート機能を持たせるだけのjQueryプラグイン「jQuery Table Sort」 テーブルを簡単にカッコよくスタイリングできるjQueryプラグイン「tablecloth.js」

    OfficeRiverHead
    OfficeRiverHead 2013/03/13
    jQuery Animated Table Sorter アニメーションしながらソートできるjQueryプラグイン「Animated Tab... via phpspot開発日誌 http://phpspot.org/blog/
  • [JS]1.9から仕様が大きく変わったjQueryの複数のバージョンでのテストを簡単にできるスクリプト -version.js

    jQueryは1.9から大きく仕様がかわり、プラグイン開発者やウェブ制作者は今まで以上に各バージョンの互換性に苦労するようになりました。 たった一行加えるだけで、jQueryの複数のバージョンでのプラグインやウェブサイトの動作テストを簡単にできるスクリプトを紹介します。 ※jQuery以外のスクリプトにも対応しています。 デモページ version.jsの使い方 使い方は簡単! テストページに一行加えるだけです。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="version.js" data-url="google" data-lib="jquery" data-ver="1.5.0"></script> Step 2: スクリプトの実行 あとはjQueryのバージョンをパラメータに付与し、ページをロードするだけです。 http://

    OfficeRiverHead
    OfficeRiverHead 2013/02/22
    jQueryは1.9から大きく仕様がかわり、プラグイン開発者やウェブ制作者は今まで以上に各バージョンの互換性に苦労するようになりました。 たった一行加えるだけで、jQueryの複数のバージョンでのプラグインやウェブサイト
  • 1