본문 바로가기

일상다반사

CSS Style 관련 매우 좋은 사이트 소개 - Cursor 부분


http://www.quirksmode.org/css/cursor.html#t00

quirksmode라는 이름을 가진 사이트이다.
네덜란드에서 프리랜서로 일하고 있는 Peter-Paul Koch라는 사람의 소유인 듯...

여러 CSS를 각 웹브라우저에서 지원하는지 여부를 보여주고 있다.
웹 개발하는 사람들에게는 정말 유용할 것 같다.

나는 웹을 주로 개발하는 사람은 아니지만 지금 잠시 UI 개발 때문에 ㅋ


위와 같이 테이블의 맨 위에 각 웹브라우저를 표시하고 아래에 지원 여부를
YES(Green)/NO(Red)로 표시해 주고 있다.

좌측 테이블에 커서를 놓으면 해당 커서를 볼 수 있게도 되어있어 바로 테스트가 가능하다.

IE, FF, Safari, Chrome, Opera...Konqueror까지 있군 ㅋㅋ
UI개발한다고 모든 플랫폼을 지원하게 할려고 준비하고 있었는데...Konqueror는 빼먹었네...

Konqueror는 유닉스 계열의 운영체제에서 실행할 수 있는 웹브라우저로 KDE에 일반적으로 깔려있다.


이 사이트를 찾게 된 계기가 된 녀석!!
손 모양의 커서인 cursor:hand를 원했는데 Microsoft라서 그런지
대부분 지원을 안한다...지원하는 건 IE와 Opera
내가 현재 우분투에서 사용하는 파이어폭스에서는 text 커서로 나온다...


그래서 그것과 비슷한 모양의 커서를 찾았는데...pointer라는 녀석이 제일 괜찮은 듯했다.
W3C라서 거의 대부분의 웹브라우저에서 사용 가능하다. 빙고!!


pointer와 hand에 대한 comment...한번 읽어보세요.

pointer hand

테이블을 만들어 놨으니 테스트 한번 해보세요!! ㅋ
각 이름에 맞는 포인터가 나와야 하지만...안되는 웹브라우저도 있으니 ㅋ

http://www.quirksmode.org/css/cursor.html#t00