note

화살표이미지에 통통뛰는효과 주기위함 #load-layer #view-layer #btn-arrow { display:block; /* etc...style */ animation: bounce .5s infinite alternate; -webkit-animation: bounce .5s infinite alternate; } @keyframes bounce { from { transform: translateY(0px); } to { transform: translateY(-15px); } } @-webkit-keyframes bounce { from { transform: translateY(0px); } to { transform: translateY(-15px); } }

css3 간단 페이지 로딩화면 HTML : Loading… CSS : /* Absolute Center Spinner */ .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display:none; } /* Transparent Overlay */ .loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } /* :not..

리스트 > 변경값만을 빼내기위해서 사용 function isEquivalent(a, b) { var aProps = Object.getOwnPropertyNames(a); var bProps = Object.getOwnPropertyNames(b); if (aProps.length != bProps.length) { return false; } for (var i = 0; i < aProps.length; i++) { var propName = aProps[i]; if (a[propName] !== b[propName]) { return false; } } return true; } //사용 예 if(!isEquivalent(objectA[i], objectB[i])){ //오브젝트가 다르면 처리하는 구..

이미지를 넣고,, 페이지에선 줄여서 보여줄경우,, FIREFOX에서 흐리게 번지는,,(blur) 거임 ㅋ FF에선 IMAGE-RENDERING 기본값이 AUTO가 아닌가봄 ㅋ 그래서 AUTO로 하면됨.. img { image-rendering: -moz-auto; /* Firefox */ image-rendering: -o-auto; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: auto; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ }

원래는 src속성을 attr해주기 전에 변수에 attr로 속성을가져와서 그 스트링값을 수정 후 다시 지정해주었는데 attr메소드 내부에서 match로 체크해주고 replace하면서 return시켜주면 코드도 간결해지고 더 보기 좋은것같다. HTML : 위와 같은 구조에서 a태그 클릭 시 img이미지를 on,off 토글 시키고 싶을 때,, JS : $("a").on("click", function (e) { var $this = $(this); // element a $this.find(">img").attr("src", function (index, attr) { if (attr.match('_on')) { return attr.replace("_on.png", "._off.png"); } else { ..

엑셀다운로드 참여자 증가로 용량제한 먹통 ㅋ IIS8 > ASP > 제한속성 200M로 수정 ㅋ

tistoryblogscm music player 지금 블로그상단에 보이는 플레이어임. http://scmplayer.co/ 1. 스킨선택 Next,, 2. 제목, 가수정보와 음원주소(지금 사운드클라우드넣은건 가져오기에러나는데 모르겟 ㅎ 유투브 ㄱㄱ) Next,, 3. 반복 랜덤 볼륨 그런거임 ㄱㄱ Next,, 4. Done누르면 나오는 소스코드 복사ㄱㄱ 5. 저걸 블로그(티스토리) html편집가서 태그아래 넣으면됨 ㅋ ㅇㅇ

https://blog.weirdx.io/post/35660

https://dba.stackexchange.com/questions/142688/problems-caused-by-sql-server-2016-query-store azure sql server errorclassic asp 외부 개체에 트랩 가능한 오류 c0000005

버튼을 누르면 애니메이션이 시작하고, 콜백을 받아야 할 일이 생김. 1. gif는 제어불가, 무한반복이라 사용불가. 2. video태그는 모바일서 플레이어가 띄워져서 사용불가. 3. css sprite는 콜백을 못받아서 사용불가. 4. flash x 그래서 jquery sprite 플러그인중 두개중 하나 선택. http://blaiprat.github.io/jquery.animateSprite/ JS var currentFps = 13;//낮을수록 부자연스럽고 빨라짐 var animationSettingsOld = { fps: currentFps, loop: true, autoplay: true }; $('.human').animateSprite(animationSettingsOld); $('.human..