서버에 따른 AlphaImageLoader 미작동

Written on 2009.02.28, 4:07 am by jay / 2 Comments

작업을 하다보면 png이미지로 처리하고싶은 유혹에 빠질때가 몇번씩은 있다. 배경색이 복잡한 투명 object나 투명도가 들어간 백그라운드는 gif로 작업하려면 상당한 시간과 짜증이 유발되기 때문인데 개인적인 취향으로 ie6 png hack은 보통 아래와같은 AlphaImageLoader를 사용한다.

.pngbg { background-image: url(bg.png); }

* html .pngbg {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bg.png", sizingMethod="crop");
}

이 방식은 지금까지 수도없이 사용했던 방식이었고 테스트서버에서도 아무런 문제가 없었는데 본서버로 데이터를 옮기자 ie6에서 png이미지가 아예 로딩되지 않는 문제가 발생했다.

  1. 동일한 파일인데도 특정서버에서는 png이미지가 로딩되지 않는다.
  2. filter를 지우고 저장한뒤 페이지를 리로드해보면 hack이 적용안된 이미지가 보인다.
  3. 다시 filter를 주고 저장한뒤 페이지를 리로드하면 제대로 png hack이 적용이 된다. :D
  4. 페이지를 이동한뒤 다시 확인해보면 이미지가 사라져있다. :(

아마 서버상의 캐쉬관련 세팅문제일거라고 추측은 되는데 확인할 재주가 없어 gif노가다로 처리할 수 밖에 없었다.

황금같은 주말이브를 말아먹어주신 ie6 ㄱㅅ

ps. png8을 이용한 크로스브라우저를 지원하는 투명png를 만드는 방법이 있긴하다. (링크수정)

사파리 4의 북마크 내용 검색

Written on 2009.02.26, 7:25 pm by jay / Comments are off

사파리 4의 북마크창에서 검색을 해보면 북마크의 이름이나 주소만 검색하는게 아니라 북마크안의 내용까지 검색을 한다. 물론 전체 페이지가 아닌 사파리가 썸네일을 생성한 페이지에 한해서 작동을 하는데 방문한 사이트의 썸네일을 생성하면서 해당페이지의 web archive까지 저장하는것으로 보인다. (추측 100%)

사파리북마크검색

사파리4베타의 새로운기능 제거하기

Written on 2009.02.26, 12:28 am by jay / One Comment

웹킷을 사용하다가 사파리4 베타로 갈아탔다. 아무래도 예전보단 상당히 리소스를 차지하는것 같지만 편의성을 위해서 그정도쯤은 희생가능하니까.

그런데 새로운 기능이 다 좋은것만은 아니다.

크롬스타일의 새로운 탭바는 자리를 덜 차지하고 조금더 직관적인 인터페이스를 보여주지만 파일을 드래그해서 새탭을 만들수있는 방법이 없어져버렸다.
snapback버튼은 검색창에만 남아있고 주소창에선 사라져버렸으며 아직까지는 되돌릴수 있는 방법도 없다.
snapback버튼과 로딩바를 밀어내고 주소창안으로 이동한 reload,stop,loading 겸용 버튼은 눈에 띄지않는다. 페이지로딩이 빨라졌다는걸 강조하고싶은 마음은 이해하지만 기존의 로딩바가 훨씬 직관적이고 눈에 잘 띈다.

이런점들과 도저히 타협할 수 없는 사람들을 위해 새로운 기능들을 제거하는 방법이 올라왔다. 그중에 위에 말한 내용을 되돌리는 방법은 다음과 같다.

탭바를 원래위치로 되돌리기

$ defaults write com.apple.Safari DebugSafari4TabBarIsOnTop -bool NO

주소창 원래대로 되돌리기 (snapback은 되돌릴수 없다)

$ defaults write com.apple.Safari DebugSafari4IncludeToolbarRedesign -bool NO
$ defaults write com.apple.Safari DebugSafari4LoadProgressStyle -bool NO

Archives...