girl.jpg

Instant는 canvas 태그를 이용하여 이미지에 폴라로이드(Polaroid™) 효과를 부여하는 재미있는 자바스크립트 그래픽 라이브러리이다. instant.js를 인클루드하고 해당 이미지 태그의 클래스 애트리뷰트에 "instant"를 작성하는 것만으로 폴라로이드 이미지 효과를 부여할 수 있다. 아래의 코드처럼 커스터마이즈도 가능하다. 인터넷 익스플로러는 canvas태그를 지원하지 않기 때문에 사용할 수 없지만 향후 VML을 통하여 에뮬레이션 할 예정이라고 한다.

<script type="text/javascript" src="/javascripts/instant.js"></script>
<img src="/image/image.jpg" class="instant itiltleft icolor000000 ishadow50" alt="image" />

Comments

slickspeed.gif

SlickSpeed는 MooTools 사람들이 만든 흥미로운 테스트 페이지이다. 다수의 라이브러리에서 지원하는 CSS 셀렉터(CSS selector)의 타당성과 스피드를 벤치마크한 것이다. 테스트에 사용된 라이브러리는 prototype 1.5.1, jQuery 1.1.2dev, MooTools 1.2dev, ext 1.1b1, cssQuery 2.02, dojo query이며, 실시간으로 검사할 수 있다.

Comments

attachment
꽤나 오랜시간 지속되던 애플닷컴의 디자인이 리프레시되었다. 배경색의 변화에 영향을 받지않는 탑메뉴 디자인과 서브메뉴를 날려버린 것만으로 큰 변화가 일어난 것처럼 느껴지게 한다. 그리고 Prototype.jsScriptaculous 라이브러리의 적용범위가 대폭 늘었다. Mac, Ipod + Itunes, iPhone, Downloads 페이지에 적용되어 있으며, 수평 스크롤 제품 네비게이션과 아코디언 컬럼 사이드바 그리고 팝업 엘리먼트 등에 효과적으로 사용하고 있다. 특히 수평으로 스크롤되는 제품 네비게이션은 과감한 시도처럼 보인다.(퍼담자! --+)

Comments