One Web Developer’s Haven에 소개된 z-index를 이용한 Image Replacement기법이다.(via 覚え書き@kazuhi.to) 이미지 off의 상태에서도, CSS off 상태에서도 텍스트는 잘 표시되지만 역시 span태그가 신경 쓰인다. 그래도 혹시 IR기법을 활용하고자 하시는 분은 참고하시길 바란다.

Top-Level Text

코드는 대략 이런식으로 구성되어 있다. 핵심은 body요소에 z-index:1을 주고(z-index프로퍼티는 position프로퍼티에 “relative”, “absolute”, “fixed” 등 “static” 이외의 값을 가지고 있는 요소에만 적용되는 점에 주의) 적용하고자 하는 요소에 background-image로 이미지를 지정하고 텍스트는 span으로 둘러싼다. span에 z-index:-1을 적용함으로써 텍스트가 background-image의 뒤로 숨게된다(참조 샘플 페이지).

머리속에 background-image는 페이지의 가장 뒤에 있는 요소라는 고정관념이 자리하고 있었는데 이 소스를 보고 깜짝 놀랐다. 역시 어떤일에든 유연한 사고가 필요한 것 같다.

gdi++.dll

Windows XP에서 폰트의 렌더링을 획기적으로 개선시켜 주는 프로그램. Windows Vista에는 “맑은 고딕”이나 “メイリオ(메이리오)“같은 렌더링을 개선시킨 폰트가 등장하였지만 다른 폰트의 렌더링(예를 들어 “굴림”이나 “돋움”등의..)에 대해서는 개선의 조짐이 없다고 한다. 그래서 제작자인 drwaston(?)씨가 분개하여 이런 프로그램을 만들었다고 한다. gdi++.exe에 폰트 렌더링을 개선시키고 싶은 어플리케이션을 드랙&드롭 하는 것 만으로 폰트의 렌더링이 개선된다고 함(샘플이미지 참조). 오픈소스&2ch을 통해서 프로그램을 개선시켜 나가고 있다:-) 일반개인(?)도 폰트 렌더링을 개선시키기 위해 이렇게 노력하고 있는데 Microsoft도 좀 더 분발해 주었으면 좋겠다.

WPPlugins

Wordpress용의 플러그인을 제공하는 사이트. 다양한 플러그인과 랭킹 정보도 제공하고 있다.

Strange Clouds

자연의 신비. 대단한 구름들. 정말 구름 속에 UFO라도 숨어있을 것 같다. (참고 山の影響による雲のできかた)

1976년부터 1998년까지 사용되어진 애플로고 스티커.
맥북을 샀더니 직원 실수로 예전 로고 스티커가 들어가 있었던 듯…

은 아니고..;; 예전에 하씩씩이님이 선물해 주셨다:-) (하씩씩이님 감사합니다!)

다름이 아니라 Apple Forum에 이런 스레드가 섰길래 자랑 할려고 사진을 찍었다. 하하하

구글에서 Rainbow Apple logo로 검색해보니 이런 분도 계시는구나!

cheval noir

일러스트레이터 카토 아야(加藤彩)씨의 사이트. 만화의 느낌도 많이 나고 강렬한 색이 인상적이다. 동양적, 일본적 매력이 돋보인다.

W43CA by CASIO | au by KDDI

디자인적인 아이디어는 좋은데 풀어가는 방식이 썩 마음에 들지 않는다. 하지만 엉성하긴 해도 html페이지를 함께 제공하고 있는 점은 본 받을만 한 것 같다.

vCardExplorer - browse. click. display

독일어라 전혀 알아 볼 수는 없지만 vCard(hCard)를 인식해주는 어플리케이션인 듯. 역시 해외에서는 microformats을 적극적으로 활용하고자 하는 움직임이 활발한 것 같다.

ブース自慢（東京ゲームショウ生中継）

오늘 하루종일 gizmodo.jp에서 현장 생중계를 해주더군. 내일 NuRi님 게임쇼에 가신다고 하는데 좋은 구경 많이 하고 오시길 바랍니다:-)

Google, meet Web Standards

그 동안 Web표준에 대해서는 높은 점수를 줄 수 없었던 구글(Web표준이라기 보다는 구글 표준이었지..)이 드디어 Web표준의 세계로 성큼 다가서고 있다고 한다. Stopdesign의 Douglas Bowman씨가 열심히 하고 있나보다:-)

윈도우즈용 프로그램을 만드는 회사의 광고 페이지를 제작하게 되었다.

컨셉이 비지니스 사용자가 아니라 일반 사용자 대상의 광고 였기에 젊은 여성이 노트북을 사용하고 있는 이미지를 메인으로 사용하기로 하였다. 제작여건상 촬영은 하지 못하고 로열티프리 이미지 사이트에서 이미지를 사기로 하였는데 젊은 여성이 노트북을 사용하고 있는 깨끗하고 밝은 이미지의 사진은 많았는데 그런 종류의 사진에 사용된 거의 대부분의 노트북이 애플의 iBook이다!

그래도 윈도우즈용 프로그램인데…iBook을 사용 할 수도 없는 노릇이고 열심히 찾다보니 iBook이 아닌 것 같은 사진이 있길래 얼씨구나하고 구매하였다. 조그맣고 화질 나쁜 데모용 이미지라 잘 알아보기 힘들었는데 원래 이미지를 받아보니 이건 PowerBook…＿|￣|○il|li

어렵다. 어려워..;;