IE8にもFlexboxを対応させる、flexibility.jsがとっても便利！ | Webクリエイターボックス

2016/01/05 215 users Flexbox CSS レイアウト 古いブラウザー 従来

昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します！ Flexboxって何？ FlexboxとはFlexible Box... 続きを読む

CSS の flexbox をゲーム感覚で身につけられる Flexbox Froggy がおもしろい - 頭ん中

2015/12/10 17 users Flexbox CSS ライブラリ 間隔 中央揃え

CSS の flexbox (略さずに言うと flexible box) を使うと、ページ上の要素を任意の方向や順番で配置したり、柔軟なサイズを持たせて表示領域を最適に埋めたりできますね。 flexbox を身につける 以前は横に並んだブロック要素の高さを揃えたり、幅が固定されていない要素を等間隔に中央揃えで並べたりするのに JavaScript のライブラリや CSS のちょっとひねった書き方を... 続きを読む

Flexible BoxでGrowlみたいな通知UIを実装する - slowjet

2013/03/15 23 users Growl 一筋縄 レイアウト ウィンドウ ヤツ

2013-03-01 Flexible BoxでGrowlみたいな通知UIを実装する CSS Growl UI ↑の画像のみたいなGrowlぽい通知UIを作るときに、一筋縄ではいかなそうなところと言えば右上から下へ順に流れていってウィンドウに収まりきらなくなったら、列が変わって左へ流れていくようなレイアウトを作るところでしょうか。言葉が下手すぎたので図を見てください・・・ こういうやつ。 CSS力... 続きを読む

IE8から始めるテーブルレイアウト と IE10からのFlexible Box｜Web Design KOJIKA17

2012/11/08 94 users テーブルレイアウト IE1 IE8 table display

テーブルレイアウトと聞くと<table>タグを使い、入れ子で<tr>, <td>タグのオンパレードを連想する人も多いと思いますが、今回の内容はCSSの display: table; を使用したテーブルレイアウトの話です。 display: table; はCSS2.0からある仕様です。 要素をCSSでテーブルのようにあしらうことができるため、多くの利点があります。 display: table;... 続きを読む