Masonryでレスポンシブなギャラリーページを作成 jQuery

jQuery

スポンサードリンク

スポンサードリンク

参考サイト

今回はこちらのサイトを参考に以下のmasonryギャラリーを作成しました。

【Masonry】ギャラリーサイトに最適!おしゃれなグリッドレイアウトが実装出来るJavaScriptプラグインの使い方を解説

masonryの読込み

<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>

iamageslodedの読込み

<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>


masonry

  • masonry-domo-1
  • masonry-domo-2
  • masonry-domo-1
  • masonry-domo-2
  • masonry-domo-1

JavaScript・jQueryのおすすめの本

発売日:2018/6/8

JavaScriptの初級向けの本です。基本をわかりやすく丁寧に解説してくれてます。まず第一歩はこちらからの本から。

本当によくわかるJavaScriptの教科書 はじめての人も、挫折した人も、基礎力が必ず身に付く

発売日:2015/12/16

30のLesson形式で実践的なコードを身につける事ができます。図解もあるので大変読みやすいです。jQueryをコードを書きながら覚えたい方におすすめです。

jQuery標準デザイン講座

発売日:2013/11/26

jQueryの基本から実践をわかりやすく解説してくれる良著です。jQueryのリファレンスからそのままサイトで使えるコードを身につけることができます。

jQuery最高の教科書

スポンサードリンク

スポンサードリンク