ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
矢野りんのWebレイアウト講座
トピックスTopics 2025年07月30日 お知らせ マイクロメイツ、eラーニング「アジャイル開発入門」と 実践研修「みんなのアジャイルプロジェクトマネジメント研修」を 組み合わせた少人数向け学習プランを提供開始 ～eラーニング×実践研修で、少人数・低価格のアジャイル学習を実現～ 2025年07月16日 セミナー・イベント 【9/2（火）開催】業界最大級のオンライン展示会「ITトレンドEXPO 2025 Summer」出展のお知らせ 2025年07月09日 お知らせ 【7/24（木）開催 共催セミナー】Microsoft 365とCopilotを“使いこなす”企業になる！ ～導入後の壁を乗り越える活用事例と定着に向けたステップ～ もっと見る マイクロメイツとはABOUT MICROMATES 私たちマイクロメイツは、お客さまのIT投資効果を最大にするための各種サービスをワンストップで提
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
