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

スポンサーリンク

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

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

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

前のエントリー
http://www.findelight.net/instagram_api_frenchbull/

HTMLの抜粋

CSS

JavaScript

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

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

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