[ 텍스트 글자수 제한 ] 0 / 9
# CSS 웹킷 기반 스크롤 슬라이딩 -webkit-overflow-scrolling: touch; # CSS 계산 (ie9+) div { width : calc(100% - 50px); } # CSS 영역 마스크 (ie8+) [상단, 오른쪽, 하단, 왼쪽] div {vclip: rect(0px,50px,200px,10px); } # CSS 마우스 이멘트 막기 (ie11+) [상단, 오른쪽, 하단, 왼쪽] div.ex1 { pointer-events: none; } # display : flex; * flex-wrap: 유연한 항목 줄바꿈 여부. - nowrap (default) : 기본값 - wrap : 유연한 형태 줄바꿈. * flex-direction : 플렉스 - 방향 - row (default)..
#jquery_custom_scrollbar API : http://manos.malihu.gr/jquery-custom-content-scroller/ view : http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html 다운로드 : http://manos.malihu.gr/jquery-custom-content-scroller # Simplebar.js webpage : https://grsmto.github.io/simplebar/ github : https://github.com/Grsmto/simplebar AIP : https://github.com/Grsmto/simplebar/tree/master/packages/simplebar examples..
- 그래프 플러그인 (널리) http://nuli.navercorp.com/sharing/nwagon#nWagon-chart6 https://naver.github.io/billboard.js/?fbclid=IwAR1T_sMqzOOktLwtj9vBOH17Ke3kiPFiy_b2nCgA9LrLWt7P6wXJh6JbWHM - 무료 차트 - ChartJS [MIT License] (canvas) : https://www.chartjs.org/ sample : https://www.chartjs.org/samples/latest/ aip(ko) : https://yeon22.github.io/Chartjs-kr/docs/latest/getting-started/usage.html - TOAST chart [MIT..
- AngularJS : https://angularjs.org/- bootstrap : http://bootstrapk.com/BS3/getting-startedhttp://markusslima.github.io/bootstrap-filestyle/# - 3D : http://d3js.org/- Flat-UI : http://designmodo.github.io/Flat-UI/- 반응형 모바일 레이아웃 : http://vnjs.net/www/project/freewall/- 레이아웃 관련 플러그인- jLayout => http://w2ui.com/web/demo- masonry- isotope - 배경이미지 자동교체 : https://vegas.jaysalvat.com/documentation/tr..
6.10 instanceof 키워드1) 객체가 어떠한 생성자 함수를 통해 생성됬는지 확인할때 instanceof 키워드 사용. 2) typeof , instanceof typeof => 타입을 알아냄 instanceof => 생성자함수를 알아냄 코드 6-29 instanceof 키워드 DOCTYPE html> // 생성자 함수를 선언합니다. function Student(name) { this.name = name; } // 생성자함수를 사용해 함수를 생성하여 변수에 담음. // 자바스크립트는 대소문자 구분합니다. var student = new Student('윤인성'); // Student 상속받은 student 함수 객체 생성방법 // instanceof는 타입을 비교하여 (true,false)를 ..
17.11 jQuery UIEffect 플러그인 (2) – easing 플러그인1) 기존 jQuery를 사용할 때 교과 관련 메서드의 easing 속성에 문자열 “swing” ,”linear” 만으로 Easing을 줄수있다. 표17-7 다양한 종류의easing 속성linearswing easeInElasticeaseOutElasticeaseInOutElasticeaseInBackeaseOutBackeaseInOutBackeaseInBounceeaseOutBounceeaseInOutBounceeaseInSineeaseOutSineeaseInOutSineeaseInQuadeaseOutQuadeaseInOutQuadeaseInCubiceaseOutCubiceaseInOutCubiceaseInCirceaseOu..
17.9 jQuery UI Effect 플러그인 다운로드 1) jQuery UI플러그인 공식사이트 : http://jqueryui.com/ 2) jQuery UI Effect 기능 ◆ 색상 애니메이션 ◆ addClass() , removeClass(), switchClass() 메서드에 애니메이션 기능추가 ◆ Easing 효과 17.10 jQuery UIEffect 플러그인 (1) – 색상 변환 애니메이션1) addClass(class,speed)메서드와 removeClass(class,speed) 메서드의애니메이션 2) $('div').hover( over ,out ); 코드 17-29DOCTYPE html> .reverse { color:White; background-color:Black; } $(..
17.8 jQuery Approach플러그인 1) jQuery Approach 플러그인은 마우스의 거리를 사용해 애니메이션을 발쌩시키는 플러그인 2) 다운로드 : http://srobbin.com/jquery-plugins/jquery-approach/ 3) approach({ 스타일 } , 효과 적용거리 ) 코드 17-25 approach()DOCTYPE html> * { margin:0px; padding:0px; } body { background:0x555; } #circle_wrapper { padding:10px; background-color:Black; overflow:hidden; } .circle { margin:5px; width:50px; height:50px; border-radi..
- Total
- Today
- Yesterday