タグ Flexible Box
人気順 10 users 50 users 100 users 500 users 1000 usersIE8にもFlexboxを対応させる、flexibility.jsがとっても便利! | Webクリエイターボックス
昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します! Flexboxって何? FlexboxとはFlexible Box... 続きを読む
CSS の flexbox をゲーム感覚で身につけられる Flexbox Froggy がおもしろい - 頭ん中
CSS の flexbox (略さずに言うと flexible box) を使うと、ページ上の要素を任意の方向や順番で配置したり、柔軟なサイズを持たせて表示領域を最適に埋めたりできますね。 flexbox を身につける 以前は横に並んだブロック要素の高さを揃えたり、幅が固定されていない要素を等間隔に中央揃えで並べたりするのに JavaScript のライブラリや CSS のちょっとひねった書き方を... 続きを読む
Flexible BoxでGrowlみたいな通知UIを実装する - slowjet
2013-03-01 Flexible BoxでGrowlみたいな通知UIを実装する CSS Growl UI ↑の画像のみたいなGrowlぽい通知UIを作るときに、一筋縄ではいかなそうなところと言えば右上から下へ順に流れていってウィンドウに収まりきらなくなったら、列が変わって左へ流れていくようなレイアウトを作るところでしょうか。言葉が下手すぎたので図を見てください・・・ こういうやつ。 CSS力... 続きを読む
IE8から始めるテーブルレイアウト と IE10からのFlexible Box|Web Design KOJIKA17
テーブルレイアウトと聞くと<table>タグを使い、入れ子で<tr>, <td>タグのオンパレードを連想する人も多いと思いますが、今回の内容はCSSの display: table; を使用したテーブルレイアウトの話です。 display: table; はCSS2.0からある仕様です。 要素をCSSでテーブルのようにあしらうことができるため、多くの利点があります。 display: table;... 続きを読む