Frontend Developer를 향해 !

- lazy load라는 스크립트는 효율적인 이미지 로딩을 위한 자바스크립트 라이브러리 - lazy load는 가시영역(보이는 곳)의 이미지만 로딩할때 사용됨 - 브라우저상 에서 스크롤링을 할때 이미지 객체가 가시영역일 경우 로딩이 진행됨 - 서버의 과부하는 줄여주고 효율적인 로딩시스템을 제공 https://goo.gl/SYMfeX

사용법 참고 :https://www.cmsfactory.net/node/10403 데모 사이트 :http://book.cmsfactory.net/JavaScript/V01/library/masonry/masonry.html

- 모바일 작업을 하다보면 gnb메뉴 개수가 많아질 경우 화면에서 보이지 않는 영역을 넘어가는 경우가 많다.- 네이버 모바일 메뉴 UI가 그런부분들이 잘되어 있는거 같아, 비슷한걸 찾다가 똑같은 소스를 찾아서 파일첨부 함. (출처 : 네이버 카페 하코사)- 첨부파일 다운받고 html실행하면 확인 가능.

doc : https://github.com/bigspotteddog/ScrollToFixeddemo : http://bigspotteddog.github.io/ScrollToFixed/

프로젝트 구축하면서 빈번하게 많이 사용되는 것들중에 하나가 input 요소 속성인 placehilder인데ie8이하부터 css3 placeholder 속성이 적용되지 않는다..따라서 ie8이하는 Placeholder jQuery Plugin으로 대체하면 된다.ie6부터 지원하기 때문에 크로스브라우징도 완벽함.- 참고 : http://webdir.tistory.com/333 - 다운로드 및 데모 : https://github.com/mathiasbynens/jquery-placeholder

- 모바일 플리킹 가능- 다양한 UI 슬라이드- i8+, 크롬, 사파리, 파폭 크로스 브라우징- 제이쿼리 버전 1.7부터 ~- 아래 첨부파일은 실무에 쓰기 편하게 css 초기화시킨 파일입니다. http://kenwheeler.github.io/slick/

http://note.redgoose.me/article/1133/

- 썸네일 이미지 슬라이드 및 이미지 슬라이드- 스와이프기능도 있어서 모바일에서도 사용하면 좋을듯 http://www.fotorama.io/

https://www.berriart.com/sidr/

반응형 웹 작업을 할때 ie8이하는 미디어쿼리를 지원하지 않는다.Respond.js를 사용하여 작업하면 ie8이하에서도 반응형이 지원된다.자세한 사항은 아래 링크 참조. http://webdir.tistory.com/331 Respond.js : https://github.com/scottjehl/Respond