FullPage.js 와 Bootstrap 3를 활용한 Onepage 웹사이트

FullPage.js 와 Bootstrap 3를 활용한 멋진 Onepage 웹사이트를 알게 되었습니다.

http://demo.w3developer.de/fullpage/

데모 웹사이트에서 활용한 Frotend 기술을 정리하면 다음과 같습니다.

• Javascript-Library: jQuery, jQuery UI
• Javascript Addons: FullPage.js, Lightbox.js
• Frontend-Framework: Bootstrap 3

특히 인상적인 부분은 Onepage에서 다음과 같은 Slide 기능이 추가된 부분이었습니다.

키보드의 방향키를 인식하여 상하 좌우 키로 Onepage 내의 각 부분을 이동할 수 있다는 것도 흥미로웠습니다.