cssを表示しています。AwesomeはWebページで使われる典型的なアイコンを文字として扱うことができるサービスです。細かいことはあまたあるBootstrap解説しているサイトを見てみてください。日というとflexboxになるのかという話ですが、Github時代にこんな面倒くさいプロパティ使いたくない方にはこれ。水ブロック要素にfloatをかけるとCSSでは高さが消滅します。試しにbackgroundに何らかの色をつけても効かないし、Developerツール辺りでそこらをわさわさしてもマーキングされません。難しい話はさておいて、cssでviewポートと呼ばれる解像度の出力ができるようになったことから、スマホやPCのデザインを一枚のCSSで書くことができるようになりました。木sassとcompassでコンパイルしてきたのですが、面倒なインストールや準備をしてなくてもいい統合ソフトのpreprosがいいみたいです。Preprosを使うならRubyやcompassの別途インストールは不要。月タブレットで見たとき右側が切れたりするときに使うやつ。PCとスマホとタブレットと3つのデザインを作るのが非常に面倒なので、タブレットのデザインをそのままPCのデザインで代用できます。月tableのcssはいつもコピペですみません。日サーバーサイドでも直接sassが使えないと結構不便ということで、インストールしてみた。ブロック要素に対して角丸ができます。CSS1個でやるときにはこんな感じ。日preタグは改行できない仕組みになっているのですが、改行できないと困ってしまうときがあります。日アクセス時のbody幅とWindowを動的に伸び縮みさせたときのbody幅を取得します。これ使うとレスポンシブ対応のWEBデザインに比較的柔軟に対応できます。