まだデータがありません。
レスポンシブ・グリッドを実装「Awesome Grid」
当ページのリンクには広告が含まれています。
スポンサーリンク
レスポンシブ・グリッドを実装するプラグイン「Awesome Grid」を紹介します。
jQueryプラグイン「Awesome Grid」
このプラグインを使えば、格子状のグリッドが並んだデザインを実装することができます。これらの格子はつなげることもできるので、写真などを並べるとおもしろいかもしれませんね。しかも!レスポンシブ。
「Bootstrap」や「Foundation」のCSSフレームワークを使うのもいいですが、導入がめんどくさい。といった場合に、おすすめのプラグインです。
スポンサーリンク
文章ではちょっと伝わりにくいので、デモページのグリッドをご覧ください。
ソース( HTML + jQuery )
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Knob - jQueryプラグイン</title> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="jquery.knob.js"></script> <script> $(function() { $(".demo").knob(); }); </script> </head> <body> <h1>jQuery Knob のデモでーす。</h1> <p>マウスでダイアルをドラッグ、マウスのホイールをくるくるしてみてください。</p> <input type="text" value="87" class="demo"> </body> </html>
スポンサーリンク