search

gloriaJun / til

Lessoned Learned
3 stars 0 forks source link

CSS Methodologies (SMASS, BEM, OOCSS) #56

Open gloriaJun opened 4 years ago

gloriaJun commented 4 years ago

Good

  1. Component Library를 이용하여 HTML을 구성하자. (like lego) http://pflannery.github.io/oocss-skeleton.docpad/oocss/help/components.html
  2. semantic 스타일을 지속적으로 사용하자
  3. 내부에 종속되지 않도록 모듈을 디자인하자
  4. 코드를 유연하게 (width는 container가 제어하고, height은 contents가 제어하도록)
  5. Grid를 사랑하는 습관을 갖자. http://jsfiddle.net/inuitcss/CLYUC/l
  6. 선택자(selector) 사용은 최소화하자
  7. 여러개의 클래스를 적용하여 확장성을 열어두자
  8. CSS Lint를 사용해서 코드를 검사하자
  9. 구조와 스킨을 독립적으로 관리 1 컨테이너와 컨텐츠를 구분하자
  10. Reset and fonts를 사용하자 (ex. YUI)

Bad

  1. 의존적인 스타일을 피하자
  2. css에 html 태그를 적지 말자
  3. ID 사용은 피하자
  4. 모든 이미지를 스프라이트 하지 말자
  5. 높이를 고정 시킨 상태에서의 정렬을 피하자
  6. 텍스트를 이미지로 사용하지 말자
  7. 너무 이른 최적화는 피하자
  8. 쓸모 없는 것을 두 번 반복해서 사용하지 말자

References