꼬지비 블로그

- Javascript document.getElementsByClassName("aaa")[n].getBoundingClientRect().left (right도 사용 가능) - jQuery $(".aaa").eq(n).offset().left $(".aaa:eq(n)").offset().left - Javascript & jQuery $(".aaa").get(n).getBoundingClientRect().left eq() 메소드의 경우 제이쿼리 객체로 반환 (제이쿼리 메소드 사용) get() 메소드의 경우 DOM 객체로 반환(자바스크립트로 조작), 값을 배열로 저장 .toArray() jQuery 객체 안에 있는 DOM 객체들을 자바스크립트 배열로 만들어 준다. [제이쿼리] eq(), get() 이..

(출처 : https://developer.mozilla.org/ko/docs/Web/API/Window/matchMedia ) matchMedia("screen and (orientation:portrait)"); matchMedia("only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1)") CSS에서 사용하는 미디어쿼리 문을 그대로 사용할 수 있다.

슬릭 정사이즈대로 제대로 잘 나오지 않는 등 먹히지 않을 때 - 새로고침 $('.aaa').slick('init'); - 강제 resize $('.aaa').trigger('resize');

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 var swiper = new Swiper('.swiper-container', { slidesPerView: 'auto', spaceBetween: 0, freeMode: true, breakpoints: { 1199: { slidesPerView: 1, freeMode: false, } }, on:{ transitionEnd:function(){ var matrixX = $('.swiper-wrapper').css('transform').replace(/[^0-9\-.,]/g, '').split(',')[4]; //숫자 제외한 문자는 없애준 뒤 콤마를 기점으로 분할 //tr..

See the Pen Custom File Upload Button With Pure CSS by Adam Bene (@adambene) on CodePen.

1) 원하는 폴더의 주소창에 cmd . 입력 2) 탐색기에서 원하는 폴더 위치에서 Shift와 마우스 오른쪽 버튼을 누르고 '여기서 명령 창 열기' 클릭 cd../ 상위폴더로 이동 cd aaa aaa 폴더로 이동 mkdir 폴더 생성

See the Pen ZEYVRNe by sumin lee (@lostinyou) on CodePen.

See the Pen abzPKLW by sumin lee (@lostinyou) on CodePen. 줄의 개수가 여러 개일때 ie에서는 먹히지 않는다. ie에서 적용하고 싶을 때는 Jquery 플러그인을 사용하거나 높이값에 line-height*(줄의 개수)를 준다.

transform: rotate(360deg); 360deg = 2rad = 1turn

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 var v = document.getElementById("video"); var c = document.getElementById("myCanvas"); v.play(); if (c.getContext) { c.width = document.body.scrollWi..