CSS
CSS셀렉터 정리(3)
이번 포스팅에서는 유사요소를 중심으로 정리한다(마지막회). CSS3에서는 유사클래스와 유사요소를 명확하게 구별하고 있다. 유사요소는 “:”을 2회 사용하여 “::”이라고 기술하도록 되어 있다. “::”라고 기술하는 방식은 상당수의 모던 브라우저가 대응하고 있다. ※加藤善規(카토 요시키)씨의 CSS セレクタに関するおさらい 3 | WWW WATCH를 번역한 내용입니다. 유사요소(pseudo-element) E::first-line E라고 하는 요소의 첫번째 행에만 스타일을 적용한다. CSS1에 정의되어 있다. 첫번째 행은 font size나 브라우저의 윈도우 [...]
CSS셀렉터 정리(2)
이번 포스팅에서는 유사 클래스를 중심으로 정리한다. 유사 클래스는 CSS3에서 큰폭으로 확장되었기에 처음 보는 것도 많을테고 아직 지원하는 브라우저가 많지 않지만 알아두면 좋을 것 같다. ※加藤善規(카토 요시키)씨의 CSS セレクタに関するおさらい 2 | WWW WATCH를 번역한 내용입니다. 유사 클래스(Structural pseudo-classes) E:root 문서 안의 루트요소인 E라는 요소에 스타일을 적용한다. CSS3에 정의. (X)HTML에 대해서 루트요소는 HTML요소이므로 :root { margin:0; padding:0; [...]
CSS셀렉터 정리(1)
그 동안 CSS셀렉터를 IE6에 맞춰서 작업을 해오다보니 항상 사용하는 셀렉터를 한정 시킬 수 밖에 없었다. 애초 CSS셀렉터가 가지고 있는 많은 기능을 포기하고 사용하지 못했던게 사실(브라우저의 CSS셀렉터의 지원현황을 테스트). 하지만 IE7이 등장하고 (아직 많이 부족하지만) 그동안 지원하지 않던 셀렉터 등을 지원하기 시작했다. 현재 W3C CSS3 Selectors는 Working Draft단계이지만 많은 모던 브라우저에서 어느 정도 구현이 가능하므로 지금부터라도 [...]
Apple Human Interface Guidelines
Apple Human Interface Guidelines OS X용의 소프트웨어가 큰 회사가 만든 것 뿐만 아니라 작은 회사, 개인이 만든 소프트웨어도 어쩌면 그렇게 깔끔하게 멋지게 디자인을 했나 했더니 Apple에서 이렇게 꼼꼼한 가이드라인을 제공하고 있었다. OS뿐만 아니라 사이트에도 이러한 가이드라인이 꼭 필요한 것 같다. 규모가 작고 혼자서 모든 걸 처리하는 사이트라면야 별 문제가 될게 없겠지만 규모가 크고 작업하는 사람이 [...]
CSS핵(hack) 정리
브라우저의 버그를 hack으로 해결할 수 있는 부분이 많이 있습니다만 그보다 사이트의 CSS구조를 설계할때 각 브라우저의 속성을 파악해고 조금만 더 주의해서 설계를 하시면 hack을 사용하지 않고도 해결할 수 있는 부분이 많이 있습니다. hack을 사용할때는 조금 더 신중하게 사용하시는게 좋습니다. 특히 예전 버전의 브라우저에 적용되었던 hack이 새로운 브라우저에 영향을 끼칠 가능성이 있으며 CSS를 변경 할 때 업무효율을 [...]