サムネサイズの違いを吸収するために、なりたてQ作の映画タイトル一覧をタイルビューにしてみたのでまとめ。 Before ダサいのは言わずもがな。 ライブラリ タイルビューを実現するために、Masonry.jsとImagesLoadedを使用。 Masonry.jsとは 可変グリッドレイアウトを実現するJSライブラリ Masonry – 公式 ImagesLoadedとは 画像の読み込みが完了したかどうか検知するJSライブラリ ImagesLoaded – 公式 ソースコード HTML <div id="thumbnails"> <div class="thumb col-lg-3 col-md-3 col-sm-4 col-xs-6"> <div class="thumbnail"> ... </div> </div> <div class="thumb col-lg-3 col-md-3