Mac 유저들에게 익숙한 셔플 애니메이션을 웹에서도 쉽게 구현할 수 있게 되었습니다. jQuery Quicksand 플러그인은 자바스크립트 애니메이션을 사용하여 아이템을 정렬하거나 필터링 할시에 효과를 줄 수 있도록 해줍니다. 직접 데모를 통해 확인해 보시기 바랍니다. jQuery Quicksand Plugin 라이센스: GPL, ...

사용자 편의의 인터페이스를 생각하다 보면 길게 늘어진 양식서를 사용하면 안된다는 것을 잘 알게 됩니다. 그 불편함을 없애기 위해 jQuery Form Wizard 는 사용자의 input 을 윈도우의 마법사와 같이 여러 단계에 거쳐서 입력할 수 있도록 만들어 줍니다. 더불어 Validation Plugin 을 사용하면 클라이언트 ...

jQSlickWrap 은 이미지 주변을 컨텐츠로 둘러싸이게끔 해주는 jQuery 플러그인입니다. 적용이 가능한 브라우저는 사파리 4+, 구글 크롬, 파이어폭스 3.5+ 로 제한이 되어 있지만 이미지를 HTML 5의 canvas 속성을 이용하여 변환을 줍니다. 뿐만 아니라 여러가지 속성을 적용하여 배경 색을 바꾼다던가 padding 의 ...

이제는 웹사이트에 다이나믹한 컨텐츠 디스플레이 없이는 지루함을 느끼는 사용자들이 많을 것입니다. jQuery.showcase 플러그인은 jQuery 자바스크립트 라이브러리 사용자들을 위한 플러그인으로 사용자 구미에 맞는 슬라이드 쇼케이스를 만들 수 있습니다. jquery.showcase 웹사이트에서 제공되는 다양한 ...

웹 개발자라면 누구나 서핑중에 발견하게 되는 멋진 메뉴바를 보면 제작하고 싶은 충동이 생겼을 것입니다. MagicLine 네비게이션 메뉴는 jQuery 플러그인으로 마우스를 메뉴에 올리면 백그라운드에 애니메이션이 생겨 현재의 커서 위치를 나타내 주는 효과를 만들어줍니다. MagicLine Navigation 웹사이트 ...

웹페이지를 만들다 보면 컨텐츠를 한 페이지에 표현하기 어려운 경우가 많이 있습니다. 이러한 문제를 해결하기 위해 Pageslide 는 사이드에서 새로운 페이지를 Overlay 로 나타내주는 것이 아닌 이미 현존하는 컨텐츠를 밀어주는 방식으로 또 다른 레이아웃을 나타내게 만들어 줍니다. jQuery 플러그인으로 ...

구글에서 제공되는 Maps API 를 사용하여 구글 맵을 웹페이지에 연동하는 것이 쉽지만은 않을 것입니다. gMap 은 jQuery 플러그인으로 이러한 고충을 덜어줍니다. 매우 간단하고 쉬운 코드로 구글 맵을 연동하는 것 뿐만이 아니라 Customization 으로 구글맵의 다양한 기능들을 더욱 쉽게 사용할 수 있도록 ...

jQTouch 는 Webkit 브라우저를 가진 모바일 장치인 iPhone, G1, 그리고 Pre 을 위한 웹 어플리케이션을 작성할 수 있도록 돕는 jQuery 플러그인입니다. HTML, CSS, 그리고 JavaScript 만으로 모바일 장치만을 위한 페이지에 애니메이션, 자동 네비게이션, 아이콘 셋 등을 사용하여 모바일만의 웹페이지를 만들 수 ...

Hypermenu Plugin 은 구글 크롬의 북마크 메뉴 바에서 영감을 얻어서 만들었으며, 하이퍼 링크 (Hyperlink) 메뉴바를 쉽게 생성할 수 있는 jQuery 플러그인입니다. 여러개의 링크들을 효율적으로 보여줄 수 있어서 공간을 절약할 수 있습니다. 웹사이트 바로가기 데모 라이센스: MIT, GPL VN:F [1.9.10_1130]이 웹 ...

Coda-Slider 는 컨텐츠를 좁은 공간에서 다이나믹하게 보여 줄 수 있는 컨텐츠 슬라이더입니다. 일반적으로 웹에 사용되는 Tab 과는 다르게 Coda-Slider 는 컨텐츠를 슬라이드 애니메이션으로 보여주어 보다 역동적인 움직임을 보여줍니다. jQuery 플러그인으로 사용이 쉽습니다. 웹사이트 바로가기 ...