Liruu Flex Grid.

FlexBox製CSSフレームワークで、簡単レイアウト!

Liruu Flex Grid.リールー フレックス グリッド

Flex Box製のCSSフレームワークで、必要最低限のもののみを収録しています。MITライセンスです。勉強用につくったので至らぬ点はご容赦を・・・。

レスポンシブに対応しています。ブレイクポイントは、768px・480pxです。

モダンブラウザに対応しています。他は今のところ未確認です。

Getting Start

01. Download

ダウンロード&解凍します。
同梱ファイル:
「liruu.css」「liruu.js」「ScrollTrigger.js(for Animation)」
「demo」・・・デモページ
 Download

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