버리야 날자 :: 웹표준을 위한 CSS

웹표준을 위한 CSS

Posted at 2007/06/15 01:10// Posted in 나만의 작업

다음 내용은 "고급 웹 표준 사이트 제작을 위한 CSS 마스터 전략" 책을
보던 중에 기억하고 싶은 링크와 글을 정리한것입니다.

유효성 검사 도구

http://validator.w3.org/

This is the W3C Markup Validation Service, a free service that checks Web documents in formats like HTML and XHTML for conformance to W3C Recommendations and other standards.

firefox용 플러그인

http://chrispederick.com/work/web-developer/

(X)HTML과 CSS유효성검사, X(HTML) 엘리먼트 구조 보기, 스타일시트 기능 끄기, 브라우저 안에서 스타일 편집

IE용

http://tinyurl.com/7mnyh

브라우저 모드

표준 호환 모드 : 기술 명세서의 내용대로 페이지를 화면에 표시

비표준 확장 모드 : 좀더 느슨하게 하위 호환을 고려해서 페이지를 화면에 표시

브라우저는 DOCTYPE 선언과 어떤 DTD를 사용하는지를 보고 브라우저 모드를 결정

어떤 DOCTYPE일때 어떤 렌더링 모드로 동작하는지를 알수있는 도표 ( 작성 : 에릭 마이어 Eric Meyer )

http://meyerweb.com/eric/dom/dtype/dtype-grid.html

Choosing a DOCTYPE

http://htmlhelp.com/tools/validator/doctype.html

온라인 CSS 최적화툴 - 주석제거나 불필요한 공백문자등을 제거

http://www.cssoptimiser.com/

손쉬운 스타일시트 유지관리법

- 기본 레이아웃을 위한 CSS파일을 하나 만들고 타이포그래피와 디자인을 위한 파일로 분리

- 색상별로 CSS파일 분리

링크 모양 꾸미기

다음과 같은 순서로 링크 스타일을 적용하는 것이 좋다. 캐스케이드 특성 때문에 스타일이

제대로 적용되지 않을수도 있으므로 a:link, a:visited, a:hover, a:active

웹 컨텐트 접근성 가이드라인

http://www.w3.org/TR/WAI-WEBCONTENT/

'나만의 작업' 카테고리의 다른 글

Java 성능개선을 위한 Programming 기법 (7)	2007/06/27
awt와 swing의 차이점 (6)	2007/06/19
Refactoring (2)	2007/06/18
트래픽초과의 압박으로 티스토리로 이전하였습니다. (10)	2007/06/16
웹표준을 위한 CSS (4)	2007/06/15
[디자인패턴] bridge & adapter & mediator pattern (2)	2007/06/13
[디자인패턴] State, Strategy Pattern (6)	2007/05/30
고슴도치플러스의 서비스 홍보... (4)	2007/05/22
Rss 주소 바꾸었습니다~ (12)	2007/05/16