url cursor 정리

프로젝트에 적용하기위해 url cursor를 사용하는법을 찾아보았다.
의외로 상당한 크로스브라우징을 지원 :)

#cursorTest {
   cursor: url(example.png), url(example.cur), pointer;
}
  • 첫번째 값을 인식하지 못하면 다음값을 적용하는 방식이다.
  • 브라우저 호환성을 위해 마지막은 url이 아닌 cursor를 지정해줘야 한다.
  • IE는 .cur파일을 사용해야한다.
  • IE는 상대경로로 할때 css기준이 아닌 도큐먼트 기준으로 정해줘야한다.
  • Windows의 브라우저는 32×32이하의 사이즈를 사용해야한다.
  • opera(현재10기준)는 지원하지 않는다 :(

참고 URL

가변폭 레이아웃에서 float clear시키기

높이가 다른 float된 엘리먼트만으로 이루어진 가변폭 레이아웃에서 윈도우 사이즈에 따라 다이나믹하게 이를 clear시켜주는 방법.

Variable height liquid float galleries with JQuery and Prototype

구글 이미지검색결과의 경우도 이와 비슷한 효과이긴 한데 테이블로 되어있어서 윈도우 사이즈가 변하면 서로 다른 tr로 td가 이동하게 되어있다.

트위터 접속장애

트위터가 ddos공격으로 인해 다운된뒤 일단 회복되긴 했는데 로그인을 할수가 없다.
다른 사용자의 글을 보니 ddos와 북한이야기를 들먹이는걸로봐서(왠북한이…) 이번 한국발 ddos를 의심해서 한국을 임시차단시킨게 아닐까 하는 공상중.
아님 나만 로그인 안되는건가 ;ㅁ;

어쩔수없이 쓰게되는 이미지텍스트

flickr의 footer메뉴에 한문과 한글만 이미지처리 되어있다.
외국인의 눈에도 굴림은 보기 찜찜했겠지;

flickr footer메뉴 스크린샷

얼핏 애플고딕같은 느낌이라 맥을쓸때는 전혀 눈치채지 못했다.

애플사이트의 오디오 플레이어

애플 아이팟셔플 페이지에 쓰인 오디오 플레이어의 깔끔한 기능성과 그 깔끔함뒤에 숨어있는 복잡한 소스를 보고 있자니 여러가지 의미로 감탄사가 나온다.

나같으면 플래쉬로 처리해버리고 싶은 유혹을 뿌리치지 못했을듯.

애플사이트의 오디오 플레이어

소스를 보면서 html5의 간단한 doctype을 보고 있자니 xhtml의 doctype을 외워서 사용하는 사람의 퍼센트가 얼마나 될지 궁금해졌다. 누가 이렇게 복잡하게 만들어 놓은거야?

Archives... Older Posts