4주차

플러그인

jquery qrcode : jquery를 이용한 QR코드 자동 생성 플러그인

http://larsjung.de/jquery-qrcode/

[plugin_qrcode.html]

lazyload : 이미지 등 해당 컨텐츠가 화면상에 스크롤 되었을때만 동적으로 로딩 (모바일에서 데이터 낭비 방지 효과)

img 요소의 경우 src 속성이 있을 때만 로딩되는 것을 이용

https://plugins.jquery.com/lazyload/

[plugin_lazyload.html]

simple datepicker : 간단한 달력 플러그인

ui 구성 js이므로 css도 같이 로딩

* ui 구성 js의 경우 한글을 지원하는지 여부를 미리 확인 (simple datepicker의 경우 한글 지원)

https://plugins.jquery.com/simple-dtpicker/

[plugin_simpleDate.html]

autosize : 사용자가 타이핑하는 만큼 textarea 사이즈를 자동으로 조정

-wmos-transition + (tap키) : 벤더프리픽스에 대한 젠코딩

css transition 속성을 응용할수도 있다

https://plugins.jquery.com/autosize/

[plugin_autosize.html]

jquery parrallax : jquery를 이용한 parallax(시차 스크롤링) 효과

http://desiznworld.com/2013/07/free-jquery-parallax-scrolling-plugins.html

https://github.com/IanLunn/jQuery-Parallax#readme

[plugin_parallax.html]

부트스트랩

트위터 개발자들이 일반인들이 css ui를 쉽게 만들 수 있도록 만들어 놓은 라이브러리

간단한 사용성과 다양한 디자인의 테마 제공

다양한 부트스트랩 플러그인도 있음

반응형웹에 대응되는 그리드 시스템도 내장되어 있다

/ 반응형웹 3요소 (%, media quary, meta-viewport)

참고링크

부트스트랩 http://getbootstrap.com/