[210805] 피드백 정리

Study 2021. 8. 6. 01:13

피드백

1. 홈페이지의 로고는 <h1> 안에 쓴다. 만약에 로고를 두 번 쓸 일이 생기면 두 번째 로고는 <h2> 안에 쓴다.

2. position:fixed; 속성이 적용되는 네비 메뉴를 만들었다면 본문 영역에 여백을 주지 말고 <body>에 여백을 주는 것이 좋다. (layout.css를 서브페이지에 적용할 때 번거로움을 줄일 수 있다.)

3. 영역에 대한 제목은 <h2> 사용

4. 탭 메뉴를 만들 땐 display: none; 대신 height: 0;를 사용하자. (display: none; 는 스크린 리더기가 읽을 수 없다.)

5. script를 사용할 때는 addClass()와 removeClass()를 사용하는 습관을 들이자.

6. 플러그인을 사용할 때는 cdn을 사용하기 보다 직접 파일을 다운받아 보관하자. (인터넷이 안 될 경우 대비, 로딩 속도 개선)

7. CSS를 작성할 때는 클래스명을 단독으로 선택하지 않는다. (충돌 방지)

8. custom css & js 는 가장 하단에 위치해야 한다. (Cascading, 스타일 우선순위)

* line-heigt의 숫자 값은 인수로 쓰인다 (읽어볼 글)

* 아이폰 5/SE 의 화면 사이즈(320x528)는 모바일 웹을 만들 때 참고하면 좋다

* 글씨체를 이어서 쓰면 컴퓨터가 알아서 한글/영어를 구분해서 적용해 준다. (단, 영어와 한글을 함께 쓸 때는 내가 원하는 글씨체를 직접 적용해 주는 게 좋다)

* 같은 폴더 안에 있는 CSS를 import 할 때는 경로가 없어도 된다.

[210927] git commit 하기 (초기설정 config / status, add, commit, log) (0)	2021.09.27
[210908] git 시작하기 (git bash 설치, git init) (0)	2021.09.08
[210806] Font Awesome unicord 사용법, @media로 모바일에서 hover 효과 해제하기 (2)	2021.08.06
[210804] css로 흐르는 텍스트 효과, 화면비에 따라 가변적인 박스 만들기 (4)	2021.08.05