두부찌개 두부찌개

1. 간편하게 변환시켜주는 홈페이지 (1) 아래 링크로 들어가서 시키는 대로 하면 됨. https://convertio.co/kr/jpg-ico/ 2. 포토샵으로 파일 변환 (1) 32비트인지 64비트인지 확인하고 아래 파일을 다운로드를 받고, (2) C:\Program Files\Adobe\Adobe Photoshop CC 2018\Required\Plug-ins\File Formats 경로에 넣는다. (3) 포토샵을 실행하면 ico가 추가되었음을 확인할수있다.

사용할 일이 생길때마다 찾기가 넘나 귀찮음.. var isMobile = false; //initiate as false if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.te..

머리가 붕어인지 매번 쓰면서 까먹음ㅜㅜ 다음엔 안찾아보려고 정리해두었음. 1. 유튜브 동영상 퍼오기 2. rel=0 (기본값 1)재생이 끝나고 관련 동영상 노출 여부 (노출 1, 비노출 0) 3. autoplay=1 (기본값 0)동영상 자동재생 여부 (자동재생 1, 수동재생 0) 4. loop=1 (기본값 0)동영상 반복재생 여부 (반복재생 1, 1번재생 0)* loop는 playlist 매개변수와 같이 사용해야 동작함 (1개의 동영상을 반복재생할때 같은 동영상id를 넣어주면 됨.) 5. start=204 (단위 초)동영상 시작부분에서 특정 시간 이후에 동영상 재생을 시작 * 여러개의 매개변수를 사용할 때http://www.youtube.com/embed/동영상ID?첫번째변수=값&변수=값&변수=값첫번째 ..

미디어쿼리는 반응형 웹을 제작할때 사용하는 매우 유용한 구문이다. 1. 사용법- 속성으로 구분@media only screen and (max-width:768px){.className{color:#000;}}- 파일로 구분 2. 미디어 특징- width : 화면 너비@media only screen and (min-width:768px) and (max-width:1024px) {} // 너비가 768px 이상이고 1024px이하일때 적용- height : 화면 높이 - aspect-ratio : 화면 가로세로 비율@media only screen and (aspect-ratio: 3/4) {} // 가로세로 비율이 3 : 4 일때 적용- device-width : 출력장치 너비 - device-hei..

1. 인쇄화면 전용 css 적용 화면에 표시되는 불필요한 영역을 숨긴 뒤에 인쇄하고 싶을 때, 인쇄 전용 css를 사용해야 할 때 아래와 같은 방법을 쓰면 된다. (1) print.css 프린트 전용 css 파일을 사용할 때 (2) 미디어 쿼리 사용 2. background(color/image) 브라우저 인쇄 디폴트 설정은 배경이미지를 포함하지 않고 인쇄된다.출력옵션으로 배경이미지 포함하여 인쇄 할 수 있지만 css로 배경이미지를 표시되게 하려면 아래와 같은 방법을 쓰면 된다. body{-webkit-print-color-adjust:exact;} 3. 인쇄 페이지 영역 분할 원하는 영역을 선택하여 인쇄 할 페이지를 나누고 싶을때 아래와 같은 방법을 쓰면 된다. (1) 나눌 영역을 div던, secti..

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 버튼을 누르고 들어가면 예시로 만들어진 차트들이 있으니 참고해서 작업하면 됨.