一覧
状態:-
閲覧数:980
投稿日:2016-03-01
更新日:2017-01-15
reflex
・responsive flexbox grid with inline-block legacy support
Gridlex
・Just a Flexbox Grid System
The Flex Grid
・Lightweight responsive CSS grid using flexbox. Because we can!
・要「npm install」
・index.htmlが同梱されていない
・calc未使用(%直書)
・導入見送り
Bootstrap
・The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Basis
・Flexboxベースの軽量レスポンシブCSSフレームワーク
Flexbox Grid
・A grid system based on the flex display property.
・responsive flexbox grid with inline-block legacy support
Gridlex
・Just a Flexbox Grid System
The Flex Grid
・Lightweight responsive CSS grid using flexbox. Because we can!
・要「npm install」
・index.htmlが同梱されていない
・calc未使用(%直書)
・導入見送り
Bootstrap
・The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Basis
・Flexboxベースの軽量レスポンシブCSSフレームワーク
Flexbox Grid
・A grid system based on the flex display property.
備考 ／ 比較一覧表
備考
Gridlex
・便利なフレキシブルボックスグリッドシステム。Flexbox Grid System Gridlex
比較一覧表
BP
・レスポンシブのブレイクポイント
開始
・開発開始
・ファーストリリース年月
stars
・GitHubのMost stars
※2016/3/1時点
一覧表
| 名称 | 単位 | BP | 開始 | stars | ||
|---|---|---|---|---|---|---|
| 1 | reflex | % | scss | 設定済 | 2015/8 | 84 |
| 2 | Gridlex | em | scss | 設定済 | 2015/7 | 627 |
| 3 | The Flex Grid | % | scss | 設定済 | 2015/10 | 18 |
| 4 | bootstrap | em | less | 設定済 | 2011/8 | 93,078 |
| 5 | Basis | px | scss | 設定済 | 2015/11 | 21 |
| 6 | Flexbox Grid | % | - | 未設定 | 2013/12 | 2707 |
CSS Front-end Frameworks with comparison
・高さが異なる要素をレンガ状に隙間なく並べたいのですが。ライブラリを使用せずに…