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:
http://liruu.com/liruu-flexgrid/
 
FlexBoxでつくったCSSフレームワークです。
レスポンシブに対応させ、モダンブラウザに対応(たぶん)しています。
これを使えば、レイアウトがラクに作れます。
 

DEMO Page

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

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

Download

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

cssを追加

「Liruu.css」と「flexibility.js」、アニメーションを使うなら「ScrollTrigger.js」を読み込ませれば完了です。
あとは、使い方の説明をご覧ください。
 
1)レイアウト
URL:
http://liruu.com/liruu-flexgrid/layout.html
 
2)テキスト
URL:
http://liruu.com/liruu-flexgrid/text.html
 
3)ボックス
URL:
http://liruu.com/liruu-flexgrid/box.html
 
4)ボタン URL:
http://liruu.com/liruu-flexgrid/button.html
 
5)カラー
URL:
http://liruu.com/liruu-flexgrid/color.html
 
6)アニメーション
URL:
http://liruu.com/liruu-flexgrid/animation.html
 
Webサイトテンプレート
WEBサイトホームページ制作
Webサイトテンプレート

Contact

About us

ご要望に沿いながら、効果を最大限に引き出すデザインや柔軟な企画アイディアを創造することをモットーに、東京を拠点として活動を広げています。

About us

Contact

WEBサイト制作などのご質問やご依頼は、メールフォームにて承っております。
ご送付いただいてから、7営業日以内に返信いたします。
 
サイトリニューアルやキャラクター制作などをお考えでしたら、ぜひお問合せください。

Contact