Masonryでブラウザのサイズに合わせて画像を並べ替える

スポンサーリンク

画像の並び替えをしてくれるMasonry

ブラウザのサイズに合わせて画像の(ホントは画像だけじゃないんだけど)配置を変えてくれるJavaScriptであるMasonryを使って、前のエントリーで作成したフレンチブルドッグの画像ストリーム(名前付けた方がいいなぁ)の見た目がちょっとかっこ良くなりました。

→今はMasonry使ってないんです、参考にならなくてごめんなさい。bootstrap使っています。

前のエントリー

結構簡単、Instagram APIを使ってフレンチブルドッグの画像を表示
WEBアプリ作るぞ! サーバーを借りた本来の目的でありずっとやりたかったWEBアプリ作り、その第一歩としてInstagramのAPIのお勉...
HTMLの抜粋

CSS

JavaScript

WEBアプリに実装したいこと

  • スマホでアクセスした時には大きな画像を表示する、レスポンシブWEBデザインってやつ。
  • 最初の読み込みまでの時間がかかっているので、それを何とかしたい。どこの処理が時間かかっているんだろ?
  • クリックしたときには大きな画像とInstagram上の情報を見れるようにしたい。
  • いっそのこと、コメントやLIKEもできるようにしたいな。
  • WEBアプリの名前を決めたい。

まだまだたくさんやりたい事あるなぁ、楽しいなぁ。

スポンサーリンク
Masonryでブラウザのサイズに合わせて画像を並べ替える
この記事をお届けした
Findelightの最新ニュース情報を、
いいねしてチェックしよう!