reset.css 와 Normalize.css

가끔 Reset CSS와 Normalize를 동일시하시는 분들이 있는것 같습니다만, 확실한 차이가 있는 만큼 모르시던 분들은 이번 기회에 차이점을 이해하시면 어떨까 합니다. Normalize.css는 Reset CSS와 비슷한 기능을 하지만 조금 다른 부분이 있습니다. Reset CSS가 말 그대로 무조건 초기화를 시켜버리는것에 집중하고 있는것에 반해 Normalize의 경우는 초기화는 시키지만 어느정도 스타일이 가미되어 있다고 이해하시면 좋을듯 합니다.

sapjil-resetcss-normalizecss

(더 보기…)

좀더 좋은 CSS를 만들기 위하여 StyleStats로 CSS 파일 분석하기

하나의 프로젝트를 진행하다보면 마크업 작업의 양이 많아지면서 덩달아 CSS의 크기도 커지기 쉽습니다. 그나마 혼자서 작업을 한다면 조금 수월할지도 모르겠지만, 팀작업이 되었을 경우 명확한게 정의된 코딩 컨벤션이 없다면 우훅죽순으로 늘어나는 클래스를 감당하기 어려운 상황이 발생하곤 합니다. 소개해 드리는 StyleStats을 통해 모든것이 해결되는 것은 아니지만 관리적인 측면에서 어느정도 효과를 볼 수 있을 것이라 생각됩니다.

StyleStats

(더 보기…)

어쩌면 !important가 필요없을지도? CSS의 우선순위

css

얼마전 스터디에서 처음배우는 HTML, CSS라는 주제로 강의를 할일이 있었는데 듣던 분중에서 포인트에 대해서도 언급을 하면 좋을것 같다는 의견을 주신 분이 계셨었습니다. 당시에는 기억나는것도 없고해서 모른다고 했었는데 어디서 주워 들었던 것 같기도 한 가물가물한 기억이 있어 찾아보게 되었고 다행하게도 지금까지 가지고 있던 CSS의 룰과 다른점은 없었으나 ‘점수’로 구분을 주는 방식은 생각지 않았었기에 새롭게 알 수 있는 부분이 있었습니다.

(더 보기…)