Flexbox系CSSフレームワーク

UICSSフレームワーク

一覧

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

備考 / 比較一覧表

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




週間人気ページランキング / 4-11 → 4-17
順位 ページタイトル抜粋 アクセス数
1 「bgcolor」「background-color」「background」の違い | CSS 6
1 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 6
1 16進数カラーコード / 2進数 6
2 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 5
2 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 5
3 鉄道会社毎のカラーコード | カラーコード(色) 4
3 Design 0 4
4 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
4 フォーム(CSS) カテゴリー 3
5 「Fireworks」後継として「Gravit Designer」を使用していくことを一度は決定したが、2022 年時点で入手可能なソフトウェアは日本語入力未対応  | Gravit Designer(ソフトウェア) 2
5 G'MIC | GIMP 系(ソフトウェア) 2
5 色モデルイメージ図 | 色変換(色) 2
5 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 2
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
5 RGB ⇔ XYZ / CIE RGB / sRGB(D65) / sRGB(C) / Adobe RGB / NTSC RGB 2
5 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 2
5 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 2
5 RGB ⇔ Lab | 色変換(色) 2
6 既存サービスのCSSがどうしても効かない → 正常動作する最小構成の単体デモを作成し、移し替える | CSSトラブル対応(CSS) 1
6 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 1
2025/4/18 1:01 更新