일반적인 CSS 를 이용한 한 줄 말줄임표는 아래와 같다. text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 문제는 멀티라인에서 발생한다.이를 해결해 줄 간략한 플러그인이 있어 소개한다. ※ 단점은 반응형에서는 옵션이 유지되지 않는다.[출처] https://github.com/STAR-ZERO/jquery-ellipsis
개발일지/JS
스크립트 캐시생성을 막고 매번 새 파일을 로드[출처] http://www.w3schools.com/jquery/ajax_getscript.asp
라이브러리와 프레임워크의 차이는 제어 흐름에 대한 주도성이 누구에게/어디에 있는가이다. 라이브러리는 라이브러리를 가져다가 사용하고 호출하는 측에 전적으로 주도성이 있다. 반면, 프레임워크는 그 틀안에 이미 제어 흐름에 대한 주도성이 내재한다. 프레임워크는 가져다가 사용한다기보다는 거기에 들어가서 사용한다는 느낌/관점이다. [인용] 거꾸로 배우는 소프트웨어 개발 즉, 어플리케이션의 Flow를 누가 쥐고 있느냐다.프레임워크는 전체적인 흐름을 스스로가 쥐고 있으며 사용자는 그 안에서 필요한 코드를 짜 넣는다. 반면 라이브러리는 사용자가 전체적인 흐름을 만들며 라이브러리를 가져다 쓰는 것이다.[출처] 프레임워크와 라이브러리 프레임워크도 제어의 역전 개념이 적용된 대표적인 기술이다. 프레임워크는 라이브러리의 다른..
http://www.jqueryscript.net/slider/Creating-3D-Perspective-Carousel-with-jQuery-CSS3-CSSSlider.html
// iframe height auto resize var height = window.innerHeight; $('iframe').css('height', height); $(window).resize(function(){ var height = window.innerHeight; $('iframe').css('height', height); });
== / != (같다 / 같지않다) 익숙한 연산자인데 === / !== 이건 뭐지? === / !== 은 엄격한 비교이다. '엄격하게'의 의미는 변수 타입까지 고려한다는 것입니다.
1. readmore.min.js (4KB) - height 제어- toggle 형식으로 열리고 닫힘 (정확히 'Read More'/'Close'를 눌러야 함) - http://jedfoster.com/Readmore.js/ speed: 100 in milliseconds collapsedHeight: 200 in pixels heightMargin: 16 in pixels, avoids collapsing blocks that are only slightly larger than collapsedHeight moreLink: 'Read more' lessLink: 'Close' embedCSS: true insert required CSS dynamically, set this to false if y..
2016.03.30. updated
1. http://serpiko.tistory.com/382 2. HTML5 Canvas: Lunch Wheel 3. http://www.dougtesting.net/winwheel 4. http://www.html5canvastutorials.com/labs/html5-canvas-wheel-of-fortune/
