본문 바로가기

코딩2

웹 코딩에 필요한 CSS 단위와 사이즈 비교 표 코딩할 때 크기 속성은 여러 가지 단위로 사용할 수 있다. 요즘 브라우저들은 대부분 확대-축소(Zoom) 기능을 갖추고 있기 때문에 굳이 상대 단위인 em이나 %를 쓸 필요 없이 편한 대로 px나 pt 수치로 입력하면 되지만, 화면 크기에 따라 다르게 출력되는 반응형 페이지를 코딩할 때는 상대 단위를 활용하는 것이 유용하다. 이 장점 때문에 점점 비율 단위가 많이 쓰이는 것 같다. CSS에 사용되는 size 단위들 CSS의 크기 단위로는 절대 단위와 상대 단위가 쓰인다. 절대 단위 in(Inches) : 말 그대로 인치(inch)이다. 1인치는 2.54cm이다. cm(centimeters) : 우리가 미터법에 따라 쓰는 그 센티미터를 말한다. mm(millimeters) : 0.01cm에 해당하는 밀리미.. 열린노트/IT·SW·디자인
2015년 웹디자인 트렌드10 1. 반응형 웹(Responsive Web) 웹 접속 환경이 다양해지면서 점점 주목받는 형태로, 현재 워드프레스 테마를 중심으로 빠르게 퍼져나가는 중이다. 호환성에 대한 문제가 여전히 존재하지만 점차 커버되는 추세. 몇 년 후에는 반응형이 아닌 웹사이트는 점점 위축되지 않을까. 2. 고스트 버튼(Ghost Button) 심플하고 플랫한 디자인이 주목받다 보니 덩달아 고스트 버튼 역시 늘어나는 듯하다. 배경이 투명하고 테두리만 쳐져 있는 버튼 형식을 통틀어 이르는 말. 4번의 ‘큰 배경 이미지’ 사용과 더불어 더욱 주목 받는 중이다. 3. 타이포그래피 중심 디자인(Bigger Emphasis on Typography) 이전에는 인쇄물 같은 오프라인 디자인에서 주로 활용되던 타이포그래피가 드디어 웹디자인에서.. 열린노트/IT·SW·디자인