0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

5/1学習内容

Posted at

〜本日の学習内容〜

■レスポンシブの学習

レスポンシブデザインの実装に向けて、今回から積極的にwidthなどに、pxでなく%で幅を指定する。
progateで
box-sizing: border-box;
の存在を学ぶ。

■BEM導入

毎回、最適なクラス名はないかと思いなやんでいたが、 BEMという記法があることを知り!
早速導入。
クラス名は長くなってしまうが、迷いが無くなりマークアップが格段に早くなった。
性質上、シングルクラスでの使用が基本だが、状況によってはあえて2つ以上のクラスを割り当てる人もいるらしい。

@extend

これも今日から導入。
ただ、使い方を間違えると、吐き出されるcssに大量のクラスタが生成されてしまうので多様注意。
それと、ただ似たような性質をもっている、というだけで、あまり関連性のない場所に適用するのも、性質上良くない。

〜不明な点〜

■リンクのプロパティ

訪問済みリンクの色やアンダーラインのプロパティを消す方法を忘れてしまった…
訪問済みリンクの色を指定し、text-decorationでアンダーラインを消す方法ああるが、そうでなく、一発でそれを初期値にする方法があったのだが…
調べ直さねば。

■Git

エラー起こした…また沼にはまりそうだ、抜け出さねば。

■もっと効率化

これから難易度の高い実装に向けて、@mixinや関数など、もっと積極的に使えるようにしていきたい。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?