ブロック等のレイアウトの歯抜けを調整して綺麗にしてくれる「layout-balancer」:phpspot開発日誌
PebbleRoad/layout-balancer GitHub ブロック等のレイアウトの歯抜けを調整して綺麗にしてくれる「layout-balancer」 ブロックを並べるレイアウト、だけど、コンテンツが足りなくてカッコ悪い、ということはよく起こりうることですね。 こちらのプラグインで、次のようにレイアウトしてくれます。 ライザップのCMばりにカッコよく調整してくれます。 関連エントリ Bootstrapなサイトでグリッドを描画してレイアウトの参考にできる「jQDrawBootstrapGrid」 よく使われている７２種のレイアウトが詰まった「UI Tiles」 複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる「Gridmanager」
[JS]Pinterestやウォールなどの最近よく見かけるカードを使ったレイアウトを作成するスクリプト -Freewall
Demo :Piterest Layout Pinterest風に高さの異なるカードをダイナミックにレイアウト。 Freewallの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="jquery-1.7.min.js"></script> <script type="text/javascript" src="freewall.js"></script> </head> Step 2: HTML カードを包むラッパーを用意します。 <div id="freewall" class="free-wall"> </div> Step 3: JavaScript デモでは、各カードをスクリプトで生成してレイアウトを作成しています。 <sc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ダイナミックなグリッドレイアウトを実装するスクリプト・「Free Wall」
