UI Develop/Accessibility

얼사마 2007. 3. 8. 11:32
의미를 가진 class를 사용하라.

 

많은 ui개발자들이 css class를 만들때,

bluetext, redborder 등의 이름을 사용한다.

이보다 훨씬 좋은 방법은 특정한 역할에 따라 이름을 짓는 방법이다.

 

 

잘 지어놓은 이름은 바뀌지 않는다.

 

class 이름을 지을때는 왜 필요한가를 생각해야 한다. 어떻게 보이는가를 생각해서 이름을 지으면 곤란할 수 있다. 생김새야 언제든지 바뀔 수 있지만, 이유는 항상 그대로 있기 때문이다.

 

 

좋은 이름들

 

warning, important, downloadableImage, submenu 이런식의 이름이 좋은 예이다. 어떠한 element가 무엇을 나타내고자 함인가를 설명해야 한다. 이런 것들은 대게 잘 바뀌지 않기 때문이다. warning은 어떻게 보이든지 상관없이 항상 warning으로 남아 있기 마련이다.

 

나쁜 이름들

 

border4px, lighttext, prettybackground 이런 것들이 나쁜 이름의 예이다. 만약 4px의 테두리를 5px로 변경하고자 할때는 어쩔 것인가. 물론 border4px의 속성을 5px로 변경하면 되지만, 이름은 4px이고 실제로는 5px인... 꼬라지가 우스워지는 거다. css를 사용하는데 얻을 수 있는 이점은 디자인이 어떻게 바뀌든 html을 가급적 많이 수정하는 일을 피할 수 있다는 것이다. 하지만 이런식의 '모양새를 나타내는 이름'을 사용하면 후에 수정해야 할일이 많아질 수 있다.

 

 

 

참고 : http://www.w3.org/QA/Tips/goodclassnames