2019년부터 MDN대신 whatwg가 공식 문서가 됐다.

browser별 사용 확인을 하기 위해 caniuse를 이용한다.

이미지 처리를 위해 picture 블락 안에 source로 작성하면, 디바이스 별 해상도 별 감지를 통해 적합한 이미지로 렌더링 한다.

<picture>
	<source srcset="/media/cc0-images/surfer-240-200.jpg" media="(min-width: 800px)">
  <img src="/media/cc0-images/painted-hand-298-332.jpg"/>
</picture>

css 클래스 네이밍 기법으로 주로 BEM(Block-Element-Modifier)을 사용한다.

block_element-modifier

.form { }
.form--theme-xmas { }
.form--simple { }
.form__input { }
.form__submit { }
.form__submit--disabled { }

css의 비용을 계산하는 방법으로