どうも、くーへいです。 今回は「レスポンシブデザイン」での使用が想定される、「フレキシブルボックス」についてまとめてみたいと思います。 なお、本記事は「CSS Flexible Box Layout Module Level 1」の2014年5月22日付けの編集者草案(Editor’s Draft)を基に作成しています。 また、「CSS Flexible Box Layout Module Level 1」は未だに策定中であり、現在は2014 年3月25日付の最終草案(Last Call Working Draft)が最新仕様です。 2014年5月22日付けの編集者草案は、2014 年3月25日付の最終草案に微修正を加えたものです。 最初にブラウザの対応状況について注意点 「フレキシブルボックス」で検索すると、いくつかの素晴らしい記事が出てきますが、中には古い記事が多く含まれています。 「
言語: Japanese English Deutsch French Chinese 注意: CSSコードを最適化するツールです。CSSコードの正当性(validator)は検証しません。 CSSコードの正当性を検証する場合はW3C Validatorをご使用下さい。 Code Layout: 圧縮率(コードレイアウト): カスタム テンプレート Options CSSの内容を保護する セレクタをアルファベット順で整列(注意) プロパティをアルファベット順で整列 セレクタの再編成 ショートハンドCSSの最適化 colorの値を簡略化する font-weightを数値にする セレクタを小文字にする プロパティの文字: 変更なし 小文字 大文字 不要なバックスラッシュを削除 最後のプロパティには ; をつけない 規格外のプロパティは削除 タイムスタンプを追加 最適化の結果を保存する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く