본문 바로가기
  • 북마크

모바일2

[사이트]모바일(반응형) 사이트 제작시 vw로 자동 수치변환 오랜만에 사이트 소개를 하네요. 모바일 사이트 제작 시 절대 수치를 px로 할 때도 있지만, 이벤트 or 랜딩 페이지 등은 유동적으로 사이즈가 변할 수 있도록 상대 사이즈를 사용할 때도 있습니다. 상대 사이즈란 (%,em, vw) 등이며, 절대 사이즈는 (px, pt) 등이 있겠습니다. 상대 사이즈는 해상도에 따라 그 크기가 유동적으로 변화하는 사이즈이며, 절대 사이즈는 해상도와 상관없이 사이즈가 고정됨을 의미합니다. 사이트 주소 : https://it-news.pw/pxtovw/ 사용법은 간단합니다. 예) 디자이너가 가로 해상도 640px로 전달해줬으면 'ENTER YOUR VIEWPORT WIDTH' 란에 '640'을 넣으시고, 'ENTER YOUR PIXEL UNIT' 란에 변경할 px 수치를 입력.. 2020. 1. 15.
[모바일]모바일 코딩하는 분들에게 웹퍼블리셔로 일한지 꽤나 오래 된거같다. 웹디자인을 시작으로 웹퍼블리셔까지.. 지금도 회사마다 다르겠지만, 본인이 웹디자인을 시작했을때만해도 코딩과 디자인을 병행하면서 했던 기억이 난다. 웹표준과 웹접근성, jquery 및 CSS까지 이제는 모바일 시대가 도래하면서 웹퍼블리셔의 역할이 분명해졌다고 생각한다. pc버전으로 사이트를 제작시 모든 브라우저 특히나 익스6부터 맞춰야하는것 때문에 굉장한 스트레스로 다가왔었는데(지금은 익스8부터 맞추는 기업들도 많다), 이번에 스마트폰 디바이스마다 맞춰야하는 현실이 되어버렸다. 익스6같은 존재가 안드로이드 하위버전이라고 보셔도 무방할듯 하다. 물론 ios하위버전에도 문제가 되는부분이 있긴하다. 필자가 모바일 코딩을 하면서 힘든부분과 해결방법들을 몇자 적어 볼려고 한.. 2014. 3. 4.