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

- css 파일에 바로 적용해서 사용하면 됨. fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com - css 파일에 바로 적용해서 사용하면 됨. 아래 첨부파일 다운

- 프로젝트시 js 작업을 하다보면 다른 js랑 충돌날 염려가 있기때문에 충돌방지를 위하여 네임스페이스 영역을 정해놓고 퍼블리싱해야 나중에 문제가 생기지 않는다. 아래 블로그 참고 및 아래 코드 참고.- http://jdm.kr/blog/118- http://realmojo.tistory.com/72 var myLib = myLib || (function(){ var y = function(){ console.log('yyyyyyyyyyy'); }; var x = function(){ console.log('xxxxxxxxxxxxx'); }; return { x : x, y : y } })(); myLib.x(); myLib.y(); var myLib = myLib || { x : function(){ ..

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

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

간단한 팁 인데 아래 URL 참고..- http://webmini-textcube.blogspot.kr/2009/02/css%EB%A9%94%EC%9D%BC%EB%A7%81-%EC%BD%94%EB%94%A9-%EC%8A%A4%ED%83%80%EC%9D%BC.html - http://blue2310.tistory.com/3294

프로젝트 구축하면서 빈번하게 많이 사용되는 것들중에 하나가 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/