WebデザインIE10のシェアも全体の1%を切ったということで、そろそろガンガンFlexbox使ってもいいかなと思ったり思わなかったり。この辺、クライアントにも依存するところはありましてね、柵やらなんやらね。言いましても一般的な話でIE10のシェアが全体の1%を切ったのはstatcounterによれば事実。IE11も7.5%と制作サイトによっては無視していいレベルです。(この辺は色んな考え方もありますが。)かと言ってEdgeのシェアが増えた訳じゃないんですけどね・・・。ShareFlexboxとは?けっこう前から存在はしますが、以前はブラウザによって書き方が違ったり仕様が変わったりで、使うのは困難でした。モダンブラウザでは難なく使用できるようになりIEのシェアなども手伝い実践で使用しても問題ないかなぐらいになってきたと思います。FlexboxはFlexboxコンテナとFlaxboxアイテムからなります。FlexboxコンテナFlexboxを利用するために必ず必要なもので「display:flex」と指定すれば、Flexboxコンテナとして定義されます。FlexboxアイテムFlexboxコンテナの子要素で実際にレイアウトされるものです。CSSを指定するとこはありません。none;}これが基本形ですが「justify-content」プロパティを追加すると配置変更も可能です。上の均等割付との違いは両端にスペースが空くことです。言うか有効スペースを4等分(メニューが4つなので)して要素を中央の配置します。//これで均等割付}と様々なレイアウトがあり、flat等に比べると自由度はかなり高いです。していきたいと思います。関連記事[スマホサイト]スマホサイトのナビゲーションを考える最近のサイトはスマホサイトあって当たり前な流れが定着してきましたが、なかなかスタンダードなデザインが見出だせなくて奮闘しております。そこ...記事を読む[CSS]IEの条件付きコメントを改めてまとめた(まとまってないけど)ちょっと古い情報ですが、質問受けたので書いてみます。Part.2前回の続きです。Flexboxの色々なプロパティを見ていきましょう。「flex-direct...記事を読む[素材集]お世話になってるシルエット素材集をまとめてみた最近は面倒くさいが大半を占める下山です。そんな下山がお世話になってる素材集をまとめてみましたよ。ベクター画像がほとんどです。...記事を読む[CSS2]属性セレクタこの業界に両足をどっぷり突っ込んで13年、まだまだ知らないことばかりですギャフン。CSS2の属性セレクタ...記事を読む[CSS3]擬似クラスと擬似要素をまとめてみた。いい加減ググッてばかりいないでまとめます擬似クラスと擬似要素。マークアップすることができなかったり...記事を読む[JavaScript,CSS,WordPress]WordPressの案件でエンドユーザーがtableを使用するときのためにやっていることWP案件あるあるネタを。WordPressの案件で納品後、お客様が編集する際に表を利用するときの対応方法をひとネタ書きたいと...記事を読む[CSS]擬似クラス:first-letterでドロップキャップ今回も紙面デザイン的WEBデザイン。擬似クラス:first-letterを使ったドロップキャップの3分クッキング。Collection]Photoshopクラッシュの原因は多分これおはよう、こんにちは、おやすみ。CSS]WordPressの記事本文で1行目を1文字空けたい日本人だからwなんだかタイトルどう付けていいか分からなくなったよ。これでもSEO考えてるよっ。