心の赴くまま、やりたいことを仕事に。CSS/SCSS今日は、HTMLとCSSだ。自分で作ろうとしてみたときは、CSSがややこしくて躓いてしまった。細かいところは一旦置いて、概要をつかんだ後実践を通して身に付けていこう。・Cntrl+/でコメントアウト■HTMLのポイント・「ブロック定義である。・SublimeでSnipettsを入れていれば、基本となるタグのテンプレートを自動で挿入してくれる("<html”と打って、Enterを押すだけ。type="text/css">というタグをheadタグの一番下に記述すると紐付けが完了。・HTMLの要素1つ1つに対して、スタイルの指定ができる・cssは、classを作ることでスタイルを指定できる・classはいくつでも同じものを指定できる・floatで段組み。width、heightは、px表示か%で【必ず】指定。left;}のように指定。見ながらできる・Chromeの画面上で、「要素を検証」すると、画面をリアルタイムで確認しながらstyleを作っていくことができる・table(このあたりが一番難しい)<th>、<tr>(行)、<td>データ→このあたりまでくれば、HTML&CSSの基本はOK。あとは実践!さっきの作ってみたものに、いろいろCSSを追加してみた。※dotインストールさん・CSS3アニメーション・ボタン作って、押すとURLに飛ぶ。→dotインストールは基礎固めに効率的。■次のステップ<HTML>・Lollipop等に挙げてみる。→500円くらいで借りられる。自分のHPを作ってあげてみよう。・HTMLに時間かけるのはやめよう、というツール.hamlや、,html.slimなど。(簡単に書ける記述方法)→これは、HTMLができるようになってから使う。<Javascript>・「いいね!」ボタン。画面は変わらないが、1増える。→JavaScriptでやっている。「いいね!」ボタンの場合、最終的には裏側でDBに数を保存するが、その部分はRails等が必要。・JSでできることを調べてみよう!→dotインストールさんとかでよし。→でも最近は、フレームワークがあるのでさらに簡単にかける・AjaxもJavaScriptの一種。画面が遷移しなくても、地図をドラックすると、新しく画面上に出てきた地図の部分だけを読み込んで表示している。