〜本日の学習内容〜
■レスポンシブの学習
レスポンシブデザインの実装に向けて、今回から積極的にwidthなどに、pxでなく%で幅を指定する。
progateで
box-sizing: border-box;
の存在を学ぶ。
■BEM導入
毎回、最適なクラス名はないかと思いなやんでいたが、 BEMという記法があることを知り!
早速導入。
クラス名は長くなってしまうが、迷いが無くなりマークアップが格段に早くなった。
性質上、シングルクラスでの使用が基本だが、状況によってはあえて2つ以上のクラスを割り当てる人もいるらしい。
これも今日から導入。
ただ、使い方を間違えると、吐き出されるcssに大量のクラスタが生成されてしまうので多様注意。
それと、ただ似たような性質をもっている、というだけで、あまり関連性のない場所に適用するのも、性質上良くない。
〜不明な点〜
■リンクのプロパティ
訪問済みリンクの色やアンダーラインのプロパティを消す方法を忘れてしまった…
訪問済みリンクの色を指定し、text-decorationでアンダーラインを消す方法ああるが、そうでなく、一発でそれを初期値にする方法があったのだが…
調べ直さねば。
■Git
エラー起こした…また沼にはまりそうだ、抜け出さねば。
■もっと効率化
これから難易度の高い実装に向けて、@mixinや関数など、もっと積極的に使えるようにしていきたい。