台湾の女子学生制服マップの写真を並べてみた

公開日: : JavaScript, jQuery

ロケットニュース24で絶賛されている台湾の女子学生の写真をjQuery Masonryプラグインを使って並べてみました。

このプラグインを使うと画像の高さや幅がバラバラでもあるていどきれいに並べてくれます。

 

ソースコードとデモ

Resultタブではうまく並ばないことがありますが、下のリンクから確認できます。

[CodePen height=900 show=js href=leJhA user=iw3 ]

デモページ:http://codepen.io/iw3/full/leJhA

 

jQuery Masonry

公式 : http://masonry.desandro.com/
ライセンス : MIT License

 

【絶対永久保存版】これはいい地図! 台湾の女子学生制服マップが登場!!

ad

関連記事

Business Calendar & Schedule

FullCalendarの日本語化やオプションいろいろ

Google Calendarライクなカレンダーと噂のFullCalendarの使い勝手が知りたくて

記事を読む

By: Chris Lott

FullCalendarにGoogleカレンダーを読み込む方法

FullCalendarにGoogleカレンダーのイベントを読み込んでみました。   g

記事を読む

By: Gabriela Pinto

WebRTCのgetUserMediaでビデオ出力する方法

チャットワークのビデオ会議機能で使われている技術ということで調べてみました。 WebRTC(Web

記事を読む

By: USAG- Humphreys

JavaScriptライブラリーのCDN利用、フォールバック対応しました

かぶめもで使用しているJavaScriptライブラリーのCDN利用、フォールバック対応を行いました。

記事を読む

By: Edwart Visser

jQuery UI のダイアログで jQuery Validation を使う方法

リアルタイムフォームバリデーションが行えるjQuery Validationを使ってみました。 発生

記事を読む

By: Bex Walton

閏年(うるうどし)を調べる関数

Wikipediaの情報を参考に閏年を判定する関数を作成してみました。   仕様 西

記事を読む

pics 006

JavaScriptからASP.NETのWebMethod(PageMethod)を呼び出す方法

ジェネリックハンドラー(.ashx)やWCFサービス(.svc)を試してみましたが、PageMeth

記事を読む

ad

ad

By: cea +
24時を超えた時刻を入力できるテキストフィールドを作ってみた

時刻を入力するためのフィールドをVaadinのTextFieldを継承

By: GotCredit
Vaadin+Spring Bootでログイン画面を作成

Spring BootをベースにVaadinでログイン画面を作ってみま

lombok cant find ide
Spring Tool SuiteへLombokをインストールする方法

下記のURLから"lombok.jar"をダウンロードします。 ht

Spring Tool Suite
Spring Tool Suiteのインストールと日本語化

 Spring Tool Suiteのインストール 下記のURLから

spotlight -> terminal
ターミナルの起動方法

Spotlightから起動する "control"キーを押しな

→もっと見る

PAGE TOP ↑