오픈 스트리트 맵 (사용자가 생성한 오픈 지도)를 사용하는 CloudMade  를 소개합니다. 특정 지역에 따라서 구글보다 상세한 지도를 보여준다는 클라우드 메이드는 사용자에 의해 생성되는 지도 (위키의 개념)를 사용하기 때문에 사용자에 의한 수정이 가능한 지도입니다. CloudMade API 도 구글 못지않은 ...

Codrops에서 제공하는 jQuery를 사용한 포토 월 갤러리 만드는 방법입니다. 이미지를 한눈에 쉽게 볼수 있도록 월페이퍼를 만들어주며 깔끔한 이미지 트랜지션을 보여주기 때문에 fancy하면서도 사용이 쉬운 갤러리를 만들어줍니다. http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/ VN:F ...

위지윅 (WYSIWYG) 에디터를 사용하다 보면 이미지나 파일의 업로드가 자유롭지 못함에 답답함을 느끼신 적이 있으실 것입니다. Plupload 는 이러한 불편을 덜기 위해 HTML 5 Gears, 실버라이트, 플래시, 브라우저플러스 또는 일반적 form 에 특별한 기능들을 부여해 주어 업로드 상태표시, 이미지 사이즈 조절, ...

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 으로 구글맵의 다양한 기능들을 더욱 쉽게 사용할 수 있도록 ...