FlexBoxのCSSフレームワーク「Liruu Flex Grid」！

2017.05.13

FlexBoxのCSSフレームワーク「Liruu Flex Grid」を作ってみました！
勉強がてらのフレームワークなので、至らぬ点が多々・・・・。
無料で、MITライセンスで提供しています。
 

目次

1）「Liruu Flex Grid」とは？
2）DEMO Page
3）Download
4）cssを追加

「Liruu Flex Grid」とは？

URL:
https://liruu.com/liruu-flexgrid/
 

FlexBoxでつくったCSSフレームワークです。
レスポンシブに対応させ、モダンブラウザに対応（たぶん）しています。
これを使えば、レイアウトがラクに作れます。
 

DEMO Page

DEMO Pageを用意しましたので、併せてご覧ください。
 

 
URL:
https://liruu.com/liruu-flexgrid/demo/
 

Download

トップページの「Download」ボタンからDLします。
「liruu.css」
「ScrollTrigger.js」
「demo」・・・デモページ

cssを追加

「Liruu.css」と「flexibility.js」、アニメーションを使うなら「ScrollTrigger.js」を読み込ませれば完了です。
あとは、使い方の説明をご覧ください。
 

1）レイアウト
URL:
https://liruu.com/liruu-flexgrid/layout.html
 
2）テキスト
URL:
https://liruu.com/liruu-flexgrid/text.html
 
3）ボックス
URL:
https://liruu.com/liruu-flexgrid/box.html
 
4）ボタン
URL:
https://liruu.com/liruu-flexgrid/button.html
 
5）カラー
URL:
https://liruu.com/liruu-flexgrid/color.html
 
6）アニメーション
URL:
https://liruu.com/liruu-flexgrid/animation.html