SUNABACOおんらいん1st5日目

4日目の復習

気になったサイトは検証機能で隅々までコードを見てみる（車の分解的な）理解分解再構築
ボタンの形スライド？見た目とか
「cssの優先順位のコントロール」を重視
「崩壊しにくいcss」管理しやすいcss
CSSを書く順番
→基本サイトで表示したときの要素上から順？
途中追加する場合はコメントアウトでメモ書きを残す（日時、作業者、コメントー）

5日目の内容

検索の方法

①「とは」検索
→キーワードについて把握
なんとなくでもいいから知ることが大事
ぼろい橋でもないより渡れる
②「画像」検索
→頭の中で具体的に想像できるようになる
③「デザイン」検索
④「似ている画像検索」
→googleに画像をドラッグ&ドロップ
⑤ツール検索
→期間の指定ができる
⑥アンド検索
⑦完全一致検索
→””で検索ピンポイント検索
⑧NOT検索
→ーをつけると引いてくれる

検索パターンキーワードは3種類ぐらい試す
検索結果の上位10件目を通す
知らないキーワードを再検索
それも含めて検索して深める

検索は時間をかけてもいい、時間をかけるべき

エメットの使い方

コードの入力補完計画
詳しくはリンクから↑

コメントアウト

コードとしては読み込まれないメモ書き（解説記事のurlなど）
コミニケーションツールとして活用
必要な情報を簡潔に残す
未来の自分のため、知らない誰かのために残す

コメントアウトしたい部分を選択して
「ctrl + /」する

リセットCSS

リセットCSSとは、ブラウザによって異なるデフォルトのCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイルのことを言います。

通常はデフォルトの命令があるせいでブラウザごとの表示ブレがあるそれを一旦白紙にして自分の命令を聞かせるためのリセットcss

写経課題

ただ写経すればいいか
考えながらやらなくては意味がない
目的意識を持ちながら行う必要があるでしょう。
自分で実際に書いて、実行したことがある、という自信

exerciseのindex.htmlを
sampleのindex.htmlに書き写す
課題1、2は自分で検索して記述
エメットは使いまくる
繰り返しテキストはコピペでおk

exerciseのexercise.cssを
sampleのstylesheet .cssに書き写す
1ー35行目まではリセットcssであるということを理解した上でコピペせよ