본문 바로가기

광고

Design

Tutorial

Reference

CSS

NEWS

Coding

Coding


웹 퍼블리셔/Publice Notice

[jQuery] 패럴러즈(Parallax) 스크롤 사이트의 기본 원리 설명 패럴러즈 사이트 유명하죠^^스크로롤 제어하는 사이트입니다.배경등을 컨틀롤해서 좀 더 유동적이고 멋있는 사이트를 연출하는데요~기본 플러그인은 stellar.js.를 바탕으로 하죠^^우선 데모를 한번 보시죠^^[데모보기]따라해볼만 하죠^^이걸 응요해서 만든 사이트를 보실까요?패럴렉스 스크롤(Parallax Scrolling) 웹 사이트예전에 스크랩 했던 사이트들인데요~그 때는 신기하게 봤는데...http://boy-coy.com/http:..
[Search] 간단한 검색기능을 추가하려면 Sieve jQuery Plugin 사실 이런거 하려면 개발쪽을 알아야 하는데~그거 몰라도 제이쿼리만으로도 검색을 할 수 있습니다.테이블이나. 블럭영역. 어디든지 상관이 없습니다.아주 좋은 소스인것 같네요^^[미리보기]미리보기 누르고 검색한번 해보세요~괜찮으면 어여..다운 받아 놓으세요^^[다운받기]
[Popup] 다양한 팝업 창(Modal)을 구현 할 수 있는 modal.js 플러그인 뭘 이런걸 제이쿼리 플러그인을 쓰나??라고 말할 수 있지만좀 더 역동적인 효과를 사용하려면제이쿼리를 사용해야 합니다.그러면 이걸 추천합니다.[미리보기]미리보니까 맘에 들죠^^평법한 레이어 팝업보다는 요런 팝업창을 추천합니다.사용법도 간단합니다.[다운받기]MIT 라이선스
[Tab] 제이쿼리 플러그인을 이용한 다양한 유형의 탭메뉴(Tab) 우리가 가장 흔하게 사용하는 탭 메뉴입니다.이 탭메뉴 제이쿼리를 이용하면 여러가지 효과중에골라서 편하게 사용할 수 있습니다.[미리보기]간단한 기능이기에호환성도 뛰어납니다.익스7부터 지원을 하니 호환성은 완벽하네요~애니메이션, 오버효과, 토클 등 다양한 기능을 사용할 수 있어서 좋네요^^[다운받기]
[Gallery] 동영상 갤러리를 지원하는 blueimp Gallery 제이쿼리 동영상을 제어하는 갤러리는 처음보네요^^이것도 필요할 것 같네요^^기본 기능중에 하나입니다.라이트박스, 기본 갤러리 역시 훌륭합니다.[미리보기]라이센스 MIT [다운받기]제일 마지막으로 기대되는 호환성 검사를 해봤는데요~동영상 부분은 HTML5로 제작되어서구 익스에서는 작동이 안되네요^^호환성은 약간 떨어집니다.하지만 나머지 이미지 갤러리는 잘 작동됩니다.
[Scroll] 풀페이지를 바탕으로 하는 스크롤 페이지 fullpage.js 일단 보시죠^^[미리보기]이런거 찾고 계셨죠?이벤트 페이지를 만들 때 많이 쓰는 레이아웃 구조죠^^물론 스크롤을 했을 경우 부드럽게 움직이는 느낌은 좋은제이쿼리 플러그인 Fullpage.js입니다.[다운로드]간단한 데모들도 확인해보세요~확실히 좋은 소스는 데모도 잘되어 있어요^^Full backgroundsGradient backgroundsScrolling inside sections and slidesAdding fixed head..
[Wordpress] 제일 유명한 워드프레스 쇼핑몰 플러그인 사이트입니다. 워드프레스를 바탕으로 하는 쇼핑몰 플러그인 사이트입니다.1. WP e-Commerce : http://getshopped.org우커머스가 사용되지 전 가장 유명한 쇼핑몰 플러그인입니다. 현재는 우커머스에게 밀리지만 아직도 많이 사용하고 있는 플러그인 입니다.무료로 제공하지만 여러가지 플러그인을 구입하고 사용해야 좋은 쇼핑몰을 만들 수 있습니다. 결국 완벽한 쇼핑몰을 만들려면, 여러가지 플러그인을 구입해야 하는데 약 200달..
[Gallery] 호환성, 터치, 반응형, CSS3을 지원하는 갤러리 제이쿼리 carousel.js 지금껏 본 소스 중에 최고네요~부분한 부분이 없어요. 익스7에서도 적용이 되고CSS3에 터치까지 지원을 하면서 반응형도 지원이 되고~갤러러 제이쿼리 게시판을 만들었지만 다른거 보지 마세요~현존하는 제이쿼리 중에 이게 최고 인것 같습니다. ㅋㅋhttp://owlgraphic.com/owlcarousel/종류도 이렇게 다양해요~내가 원하는 스타일을 골라서 쓸 수도 있구요~다양한 옵션 설정도 가능합니다.데모를 보면 얼마나 좋은 소스지 바로 알 수..