Bing's

[ html5.2 ] https://mulder21c.github.io/2017/12/26/understanding-html-52-changes/ [ html5.1 spec ] http://wit.nts-corp.com/2017/03/02/4338

html 2018. 1. 23. 11:44

공부 출처 http://recoveryman.tistory.com/377?category=704086

etc 2018. 1. 19. 18:14

See the Pen fullpage.js + skrollr.js by seobin (@lullu-lalla) on CodePen.

jquery test 2018. 1. 19. 16:05

See the Pen skroll : data-anchor-target test by seobin (@lullu-lalla) on CodePen. data-anchor-target 테스트 : 퍼포먼스를 줄 element를 skrollr-body 밖에 위치시키고 skrollr-body 안에 특정 section에서 그 element를 작동시키려는 테스트! 특정 section안에 element를 작동시키려면 그 section에 id값을 주어, element에 data-anchor-target="그 섹션의 id값"을 이어주면 된다. [ HTML ] motion01 motion02 motion03 1 2 3 4 HTML구성 자체를모션이 들어갈 element들을 skrollr-body 바깥으로 빼고그 element..

jquery test 2018. 1. 19. 15:18

[ skrollr | 스크롤 기반 애니메이션 ] 원본 : https://github.com/Prinzhorn/skrollr 플러그인 참고-----### Official * [skrollr-menu](https://github.com/Prinzhorn/skrollr-menu) - Hash navigation* [skrollr-ie](https://github.com/Prinzhorn/skrollr-ie) - IE < 9 CSS fixes* [skrollr-stylesheets](https://github.com/Prinzhorn/skrollr-stylesheets) - Keyframes inside CSS files ### Third party * [skrollr-colors](https://github...

jquery test 2018. 1. 17. 16:02

[ Html skrollr data-attributes ] Absolute vs relative modeabsolute mode (or document mode) data- [offset] - [anchor]입니다. #여기서 offset은 정수 (0은 기본값) data-0 = data-start = data-0-start : 스크롤 상단이 0 일 때.data-100 = data-100-start : 스크롤 상단이 100 일 때.data--100 = data--100-start : 스크롤 상단이 -100 일 때 (써넣은 offset값이 지점에 따라 상대적일 수 있다는 점을 명심!!)data-end = data-0-end : 오프셋이 0이지만 맨 위가 아닌 문서의 맨 아래부터 세는 경우. 즉, 페이지 하단에..

jquery test 2018. 1. 17. 16:01

[ skrollr | 스크롤 기반 애니메이션 > js ] [ JavaScript ] skrollr을 실행하려면 먼저 skrollr.min.js 파일을 문서의 맨 아래에 (닫는 '' 바로 앞에) 넣고, skrollr.init ()를 호출하기를 바랍니다. 원한다면 안에 넣을 수도 있지만 문서가 로드되면 'init()'을 호출해야합니다. (예 : jQuery의 'ready' 이벤트 또는 'window.onload'). 'init ()'에 가능한 skrollr 옵션은 ### smoothScrolling=true/false smoothScrolling은 애니메이션을 부드럽게합니다. 50 픽셀 아래로 스크롤하면 애니메이션이 새로운 위치로 점프하는 대신 전환됩니다. 설정은 'data-smooth-scrolling'을..

jquery test 2018. 1. 17. 14:30

[ skrollr | 스크롤 기반 애니메이션 > 모바일디바이스 ] 원본 : https://github.com/Prinzhorn/skrollr#skrollrinitoptions >Mobile supportStarting with version 0.5.0 skrollr officially supports mobile browsers including Android and iOS. Furthermore, mobile support has been rewritten from scratch for skrollr 0.6.0.The Problem with mobile and the solution(If you're not interested in the details, just scroll down a bit to ..

jquery test 2018. 1. 17. 11:57