sitool 의자 홍보 사이트 작업
요즘 jQuery 애니메이션을 많이 작업하게 되는 것 같다. 모바일기기.. 특히 애플 기기에서는 플래시는 볼 수가 없으니 jQuery를 이용해서 애니메이션을 구현할 수 밖에 없다. 사무실에서 그게 가능한 건 나 밖에 없으니.. 나만 죽어나는 듯한 느낌? ㅋ 그래도 덕분에 실력은 정말 빠르게 늘어나고 있는 것 같다. 정말이다. ㅎㅎ 지난 새벽까지 작업을 해서 완성한 사이트 sitool 홍보 사이트은 …
Category: 코딩 이야기
[jQuery] 백그라운드 영상과 애니메이션 구현하기
jQuery를 접한 지 아직 1년도 되지 않은 것 같은데 참 많은 걸 시도해 보고 있다. 지난 주에는 이번에 처음시도하는 백그라운드에 영상을 넣고 그 위에서 각 요소들의 애니메이션 되도록 하는 것을 만들었다. 혼자 애니메이션을 기획 한 것은 아니고 함께 일하는 디자이너의 시나리오를 바탕으로 jQuery와 다양한 jQuery 플러그인을 이용해서 구현을 시도했다. 쉽지 않은 작업일 것이라 생각했고 역시나 …
[jQuery] 배너 롤링 구현 코드
최근에 jQuery를 이용해서 여러 개의 이미지 배너가 계속해서 롤링되는 소스를 만들어야 했다. 한방향으로만 롤링이 되는 것이 아니라 좌, 우 버튼을 클릭하면 좌 또는 우로 롤링 방향이 바뀌어야 했는데.. 이걸 어떻게 구현 해야할지 막막하기만 했다. 그러다 문득 떠오른 생각이 현재 보이는 배너를 기준으로 다른 이미지 배너의 위치를 다시 정렬하는 것이었다. 예를 들어 왼쪽 버튼을 클릭하면 현재 …
의자 쇼핑몰 smith S3 사이트 개발
생각해보면 참 미친 짓이었던 것 같다. flash 하나도 안쓰고 다양한 애니메이션을 구현한다고 했을 때 도전이란 생각이 들었기 때문에 이런 사이트를 만들 수 있었는지도 모르겠다. DB 설계부터 PHP, jQuery 까지 거의 모든 부분을 직접 코드를 짜거나 플러그인 이용해서 구현을 했으니 말이다. 쇼핑몰 개발이 혼자 할 수는 있지만 이런 단기간에 끝낼 수 있는 일은 아닌데.. 스스로에게도 놀라고 …
jQuery Plugin imagesLoaded
작업 중인 사이트에서 jQuery custom content scroller 를 사용해 레이어팝업에 스크롤바가 생기도록 구현을 했는데 이 기능이 제대로 될 때와 그렇지 않을 때가 있어 살펴보니 컨텐츠에 포함된 이미지가 제대로 완전히 로딩되지 않은 상태에서 스크립트가 작용하고 있는 문제를 발견했다. 이걸 해결하는 방법은 이미지가 모두 로딩이 되면 스크립트가 적용되도록 수정하면 될 것 같아서 jQuery plugin을 찾아보니 딱 맞는 …