Flexbox系CSSフレームワーク

UICSSフレームワーク

一覧

 状態:-  閲覧数: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.

備考 / 比較一覧表

 閲覧数:175 投稿日:2016-03-01 更新日:2017-01-20 

備考


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
高さが異なる要素をレンガ状に隙間なく並べたいのですが。ライブラリを使用せずに…




週間人気ページランキング / 7-26 → 8-1
順位 ページタイトル抜粋 アクセス数
1 画面キャプチャ | Chrome 拡張機能(ブラウザ) 51
2 RGB ⇔ Lab | 色変換(色) 46
3 血の色 / #b30000 / #360800 / #ff0000 | 色 31
4 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 25
5 RGBの種類 / ビットカラー | RGB(色) 24
6 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 23
7 「属性」「プロパティ」「アトリビュート」の違い | CSS 21
8 Design 0 20
9 「bgcolor」「background-color」「background」の違い | CSS 15
10 コズミックブルーが何色か分からない | 色 12
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 12
11 使用していないCSSをチェックする、標準的な方法を知りたい | CSS 11
11 HSLとHSVの違い | 色変換(色) 11
12 ページ内リンクの位置を微調整するためには、Negative margin を使用する | CSS 10
13 キャラクター無料着せ替えジェネレーター Rinmaru Games / オンラインサービス | イラスト素材(デザイン) 9
13 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 9
13 アドベンチャーゲーム系の素材をどうやって用意するの? | イラスト素材(デザイン) 9
13 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 9
13 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 9
14 黒体 / 色温度 / D65(6500K)/ D50(5000K)/ K | 色 8
2021/8/2 1:01 更新