Flexbox系CSSフレームワーク

UICSSフレームワーク

一覧

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

備考 / 比較一覧表

 閲覧数:512 投稿日: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-20 → 7-26
順位 ページタイトル抜粋 アクセス数
1 鉄道会社毎のカラーコード | カラーコード(色) 10
1 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 10
2 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 9
3 RGB ⇔ Lab | 色変換(色) 8
3 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 8
3 色モデルイメージ図 | 色変換(色) 8
3 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 8
4 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 6
4 カラーコード / 色コード | カラーコード(色) 6
4 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 6
4 RGBの種類 / ビットカラー | RGB(色) 6
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 6
5 「bgcolor」「background-color」「background」の違い | CSS 5
5 「属性」「プロパティ」「アトリビュート」の違い | CSS 5
5 utf-8ではなく、UTF-8 | HTML 5
5 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 5
6 効果を打ち消すスタイルシート | CSS 4
6 16進数カラーコード / 2進数 4
7 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 3
7 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 3
2025/7/27 1:01 更新