stylesheet 썸네일형 리스트형 패스트캠퍼스 The RED : 견고한 UI 설계를 위한 마크업 가이드 정리 2탄 CSS 리셋은 사용하는게 나을까? reset.css or normalize.css "여러분은 어떤 CSS 리셋을 사용하고 계신가요?" HTML은 기본적으로 가지고 있는 스타일 속성이 있다. 처음 퍼블리싱을 하는 사람들에게는 이런점을 모르고 작업을 시작했다가 중간에 바꾸려고 하니 전체가 바뀌는 현상으로 부분적으로 '쓸데없는' 코드를 마구마구 넣어주는 경우가 많다. 그래서 수년전 에릭 마이어의reset.css와 necolas의 normalize.css를 많은 이들이 사용하고 있다. 하지만 많이 사용하는 리셋 css 치고 마지막으로 업데이트된 시기는 각각 2011과 2018년. 현재가 2021년인 것을 감안하면 꾸준한 업데이트가 되고 있지는 않다. "하지만 과연 이걸 사용하는게 맞을까?" 1. reset.css - Eric A. Meyer 마지막 업데이트 : 2011년 1월 - 현재시점에서.. 더보기 [CSS] 포토샵 px과 css의 letter-spacing 값을 어떻게 넣어야 할까? 변화해주는 사이트 공유! UI 마크업을 하다보면 포토샵파일(PSD)이나 제플린으로 전달을 받는다. 전달받은 디자인 단위(px)와 css의 px의 값이 다르게 적용이되고 폰트 사이즈에 따른 상대값(em)으로 적용을 시킬 수도 있다. 포토샵과 동일한 값을 넣으면 생각한 것과 다르게 나오는 것을 경험해본적이 있다면 이미 이런 방법을 찾아봤을거라 생각한다. 다만, 이제 CSS를 만진지 얼마 안되었거나 UI개발자나 퍼블리셔가 없는 상태에서 개발자가 마크업을 수정해야 할 때 자간에 대해 중요시 생각하는 디자이너와 업무를 하면 이런 부분을 맞춰주어야 한다. 공유하는 사이트는 그런 갈증을 해소해줄 수 사이트이다. 하단부에는 좀 더 고급적으로 코드화로 자동변환을 해주게 해줄 수 있지만 자간을 주는 경우가 많지는 않다. 스크린샷에 첨부한 내용정도.. 더보기 이전 1 다음
