두부찌개 두부찌개

http://hugoware.net/snippets/jquery-dual-scroll html css .div01{width:200px;height:200px;overflow-y:auto;background:#000;color:#fff;} .div02{width:200px;height:200px;overflow-y:auto;background:#000;color:#fff;} jQuery var tbox1 = $('.tlans-box .txt-box .txtarea-view.tbox1'); var tbox2 = $('.tlans-box .txt-box .txtarea-view.tbox2'); var height = parseInt(tbox2.css('height')); var hold = false; va..

jQuery HTML5 Audio / Video Library jPlayer는 커스터마이징이 가능한 오디오 플레이어 배포사이트 : http://jplayer.org/ script$("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { m4a: "/resource/tts_10.mp3" //음원 경로 }); }, play: function() { // To avoid multiple jPlayers playing together. $(this).jPlayer("pauseOthers"); }, swfPath: "/resource/script/jplayer", //jplayer 경로 supplied: "m4a", css..

커스텀 스크롤바를 만들어주는 플러그인 배포사이트 : http://manos.malihu.gr/jquery-custom-content-scroller/데모 : http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html

웹에서 그래프를 표현하는 것은 엄청 귀찮고 싫어하는 작업인데..css로 원형 그래프를 표현할 수 있는 라이브러리를 찾았다!거기다 무지 간편함!!!! 완전 사랑스럽ㅠㅠ Pure CSS Circular Percentage Barhttps://www.cssscript.com/pure-css-circular-percentage-bar/ 위 링크를 타고 들어가서 아래 다운로드 버튼 누르면 끝! 사용법은 다운로드 옆 Demo 버튼을 누르고 들어가면 예시로 만들어진 차트들이 있으니 참고해서 작업하면 됨.

a img{ -webkit-filter: grayscale(100%); filter: gray; } a:hover img{ -webkit-filter: grayscale(0%); filter: none; }

1. CSS 선택자(Selector) 정리 선택자(Selector) 의미 지원 안함 전체 선택자 * 모든 태그 선택 - 태그 선택자 E 태그명이 E인 특정 태그 선택 - 클래스 선택자 .className class 값이 className으로 지정된 요소 선택 - 아이디 선택자 #idName id 값이 idName으로 지정된 요소 선택 - 복합 선택자 E F E 요소의 자손인 F 요소 선택 - E > F E 요소의 자식인 F 요소 선택 IE 6 E + F E 요소 바로 다음에 있는 형제요소 F 선택 (E 와 F 사이에 다른요소가 존재하면 선택하지 않음.) IE 6 E ~ F E 요소가 앞에 존재하면 F 선택 (E 가 F 보다 먼저 등장하지 않으면 선택하지 않음.) IE 6 속성 선택자 E[attr] 'at..

초기화(Reset) 익스, 파폭, 오페라, 크롬, 사파리 등 여러 웹브라우저들이 있으며, 그들마다 CSS 기본값이 조금씩 다르다. 각기 다른 브라우저들로 동일한 화면을 보여주기 위해서 작업 전 CSS를 초기화 해야한다. 초기화 도구 1. Eric Meyer's 'Reset CSS' 2.0http://meyerweb.com/eric/tools/css/reset/ 2. normalize.csshttps://gist.github.com/demun/4110614 3. HTML5 Doctorhttp://html5doctor.com/html-5-reset-stylesheet/ CSS 파일 아래는 내가 자주쓰는 Reset.css @charset "utf-8"; /*reset*/ html, body, div, span..

간편하게 웹폰트를 변환해주는 사이트 https://onlinefontconverter.com/ 1. 변환을 원하는 폰트 포멧을 체크 -> SELECT FONT(S) Click! 2. (1) Choose files 변환할 폰트를 선택 (2) Done Click! 3. SAVE YOUR FONT Click! 4. Download Attachment Click! 끝! 세상간편ㅜㅜ♥