Flexbox系CSSフレームワーク

UICSSフレームワーク

一覧

 状態:-  閲覧数:1,359  投稿日: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.

備考 / 比較一覧表

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




週間人気ページランキング / 1-29 → 2-4
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 49
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 38
3 「bgcolor」「background-color」「background」の違い | CSS 34
4 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 25
5 RGBの種類 / ビットカラー | RGB(色) 20
6 「属性」「プロパティ」「アトリビュート」の違い | CSS 18
6 Design 0 18
7 「東京都」のカラーコード取得は難しい | カラーコード(色) 17
8 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 16
9 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 15
9 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 15
10 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 14
11 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 13
11 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 13
11 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 13
11 ICCプロファイル | カラーマネージメント(色) 13
11 HSLとHSVの違い | 色変換(色) 13
11 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 13
12 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 12
13 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない | GIMP 系(ソフトウェア) 11
2023/2/5 1:01 更新