Liruu Flex Grid.リールー フレックス グリッド
Flex Box製のCSSフレームワークで、必要最低限のもののみを収録しています。MITライセンスです。勉強用につくったので至らぬ点はご容赦を・・・。
レスポンシブに対応しています。ブレイクポイントは、768px・480pxです。
モダンブラウザに対応しています。他は今のところ未確認です。
Getting Start
01. Download
ダウンロード＆解凍します。
同梱ファイル：
「liruu.css」「liruu.js」「ScrollTrigger.js(for Animation)」
「demo」・・・デモページ
同梱ファイル：
「liruu.css」「liruu.js」「ScrollTrigger.js(for Animation)」
「demo」・・・デモページ
02. 読込み
「Liruu.css」「liruu.js」「flexibility.js」、アニメーションを使うなら「ScrollTrigger.js」+「jQuery」を読み込ませます。
<link rel="stylesheet" href="Liruu.css">
<script src="liruu.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flexibility/2.0.1/flexibility.js"></script>
↓ for Animation
<script src="ScrollTrigger.js"></script>
03. Code/Demo
Liruu Flex Grid.の使い方は、Sample Codeをご覧ください。また、Liruu Flex Grid.を使用したDemo Pageも併せてご覧ください。
Sample Code
Share