2017.02.02 정리중입니다 !~
좀비 상태가 아니였는데 오늘도 별로 건진게 없는거 같습니다.
그나마 다행인게 필기한게 있어서 다행입니다.
오늘 오후부터 언제 끝날지 모르겠지만 반응형 웹사이트 제작을 본격적으로 시작했습니다.
태광실업 사이트를 만들고 있느데.그룹핑도 복잡하고 이유도 모르겠고..
숨은 그림찾기 같습니다. 공부한지 1달이나 지났는데..
나만 그런가요? 살려주세요...ㅜㅜ
Plug-in (wow.js)
http://mynameismatthieu.com/WOW/index.html
제일 먼저 상단에 3번째 GITHUB메뉴를 클릭하고 들어가면 연두색 버튼을 클릭해서 파일을 다운 받습니다.
https://github.com/matthieua/WOW
그리고 나서 HOW TO USE? 메뉴에서 사용방법을 안내 받으세요.
js파일과 css파일을 연결시켜줍니다.
Animate.css에 연결
1 | <link rel="stylesheet" href="css/animate.css"> | cs |
WOW.js 연결 및 활성화
1 2 3 4 | <script src="js/wow.min.js"></script> <script> new WOW().init(); </script> | cs |
https://daneden.github.io/animate.css/
무료 아이콘을 제공해주고, SVG로 변환된 파일도 제공
html, css, js 등 최신 웹 프론트 기술을 화면상에서 코딩해서 볼수 있는 사이트
비슷한 사이트로 jsfiddle.net이 있다고 하내요
사용자끼리 공유도 할 수 있고 GIT으로도 공유가 가능하다고 합니다.
아래내용은 시간이 날때 정리 !!!
http://mynameismatthieu.com/WOW/index.html에서 깃에서 다운로드
아래 2개를 폴더에 넣고 연결해줌
https://daneden.github.io/animate.css/
wow.js
animate.css
javsscript = jQuery
document.getelementbyld("id").child;
$("#id").child('a')
자바스크립트 자주 쓰이는것들 라이브러리
자바스크립트 스크롤링링값을 받는다..제어가 가능
무료아이콘
http://www.flaticon.com/
http://codepen.io/
자바스크립트,제이쿼리,플랫아이콘
FLATICON,WOW,ANIMATE
'★UX' 카테고리의 다른 글
git.저장소 (1) | 2017.02.20 |
---|---|
언제인가? 프로토 타입 진도나갈때..메모 (0) | 2017.02.20 |
자바스크립트~ (1) | 2017.02.15 |
1072시간의 여정 (0) | 2017.02.15 |
이미지 좋은데? Hero니깐! (2) | 2017.02.15 |