새소식

반응형

Developer

웹개발, 웹디자인 방법

  • -
반응형


웹페이지 개발시 방법론 - Code, Test, Refine


1. Look for natural boxes

2. Look for repeated elements & semantic elements

3. Write your HTML

4. Apply your styles (from biggest to smallest)

5. Fix things

그리고 다시 3~5반복함, 원하는 웹페이지가 만들어질 때까지



반응형 디자인(Responsive design)

viewport 테그 - 웹페이지를 모바일 디바이스에 최석화 시켜줌

<meta name="viewport" content="width=device-width, initial-scale=1.0">

initial-scale=1의 의미는

device independent pixel과 CSS pixel의 비율이 1:1


모바일에서 사람이 touch 가능한 최소 크기는 40, 적어도 48px 정도는 설정 해줘야 함

nav a, button {

min-width:48px;

min-height:48px;

}



반응형
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.