Flexbox系CSSフレームワーク

UICSSフレームワーク

一覧

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

備考 / 比較一覧表

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




週間人気ページランキング / 3-18 → 3-24
順位 ページタイトル抜粋 アクセス数
1 「その他」画像フィルタ実行例。パラメータ用途で使用しているだけで元画像との関連性を見た目上視認できない | 画像フィルタ(画像) 12
2 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 8
3 RGB ⇔ Lab | 色変換(色) 7
4 Design 0 5
5 CSS色指定 | 色 4
5 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 4
6 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 3
6 鉄道会社毎のカラーコード | カラーコード(色) 3
6 IE改行対策 | CSS 3
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 2
7 「属性」「プロパティ」「アトリビュート」の違い | CSS 2
7 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 2
7 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 2
7 「Yahoo!検索(リアルタイム)」最強 | Yahoo!検索(リアルタイム)(検索) 2
7 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 2
7 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 2
8 FotoSketcher 3.40 | FotoSketcher(ソフトウェア) 1
8 RGBの種類 / ビットカラー | RGB(色) 1
8 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 1
8 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 1
2025/3/25 1:01 更新