hmbdのブックマーク / 2012年12月14日

hmbd id:hmbd

2012年12月14日のブックマーク (3件)

ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」
ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」の使い方を紹介します。 jQuery Masonry ブラウザの幅に応じてカラムレイアウトをある程度調節してくれるので、レスポンシブデザインウェブ制作にも使えそうです（これだけでは厳しいですが）。このエントリーは「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」の便乗記事です。 2012/10/20追記 jQuery MasonryをレスポンシブWebデザイン制作で使うためのノウハウをまとめた「レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント」も是非ご覧ください。１．サンプル配布サイトのトップページでも確認できますが、より簡単なサンプルを作ってみましたのでお試しください。サンプル２．jQuery Ma
hmbd 2012/12/14
jquerymasonry
リンク
3/3 Masonryの使い方：サイズの異なるBOXをタイル状に整列 [ホームページ作成] All About
Masonryの設定やオプションを記述する際は、属性値の内部にダブルクオーテーション記号「"」を含める必要があるため、属性値の全体を囲む引用符には右図のようにシングルクオーテーション記号「'」を使わなければなりません。この点を間違えないようご注意下さい。すべてのオプション名は引用符(ダブルクオーテーション記号)で囲む必要があります。オプションの値にも引用符が必要ですが、値が数値・true・falseの場合だけは引用符は不要です。必須の設定(2つ) 以下の2種類の設定は必須です。 ■1. タイル状に並べるボックスの横幅を指定するボックスをタイル状に配置するための基準になる横幅を「columnWidth」の値に指定します。 "columnWidth": 150 上記はタイル状に並べる際の基準になる横幅を「150px」にする場合の記述例です。数値に単位や引用符は不要です。 ■2. タイル状
hmbd 2012/12/14
masonry

jQuery
リンク
Mellow Mushroom Pizza Bakers
Order Online for pizzas, wings and more or visit our restaurant and enjoy draft beer and cocktails. Vegan and Gluten Free options available. We cater.
hmbd 2012/12/14
カワイイ WEB site
リンク
- 2013年1月7日
- 2012年12月14日
- 2012年12月12日