글

2013의 게시물 표시
이미지
이미지 리사이즈 작업은 항상 하는 작업은 아니지만 종종 하게 되는 작업이다. 항상 하는 작업이 아니다 보니 하기 전에 검색을 해보고 검색된 결과를 이용해서 작업을 하게 되는데 좀 효과적인 코드를 찾아보던 중 클래스로 만들어 진 것을 찾게 되었다. 리사이즈 작업을 하기 위해서는 gd라이브러리가 설치되어 있어야 한다. 클래스 코드 :  /* * File: SimpleImage.php * Author: Simon Jarvis * Copyright: 2006 Simon Jarvis * Date: 08/11/06 * Link: http://www.white-hat-web-design.co.uk/articles/php-image-resizing.php * * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License * as published by the Free Software Foundation; either version 2 * of the License, or (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details: * http://www.gnu.org/licenses/gpl.html * */ class SimpleImage { var $image ; var $image_type...
댓글 쓰기
자세한 내용 보기

javascript 정규식

이미지
본 문서의 저작권은  anti-nhn license 에 따릅니다. *본 페이지에는 자바스크립트가 많이 들어있습니다. 자바스크립트가 실행되지 않으면 제대로 보이지 않습니다. *본 페이지는 IE용 태그를 사용하였으므로, firefox 등에서는 정상작동하지 않을 수 있습니다. *테스트를 해보실라문  요기를 클릭 차례 1. 정규식이란? 2. 정규식 만들기 3. 정규식 표현법 4. 정규식 사용 예제 5. Javascript 정규식 함수 6. 정규식으로 만든 유용한 Javascript 함수 7. Java 정규식 함수 http://kio.zc.bz/Lecture/regexp.html 무료다운로드:  https://apzw3.app.goo.gl/sheet
댓글 쓰기
자세한 내용 보기

block adobe activation

이미지
1. Uninstall previous versions of the Creative Suite, then use the included Cleanup Tool to remove any lingering traces from your hard drive. 2. Use the Adobe Activation Blocker utility to modify or reset your hosts file. 3. Install the software in Trial mode. 4. Serialize the software with one of the supplied serial numbers. NOTE THE DIFFERENCE BETWEEN "FULL" INSTALL SERIAL NUMBERS, AND "UPGRADE" SERIAL NUMBERS! Pick one from whichever section is appropriate for you. 5. Note: Once you've installed the software, you may be prompted to enter an Adobe ID. Whether you choose to do so or not is entirely up to you; the Adobe Activation Blocker utility should keep you protected in that regard, and you will still be able to install software updates and access online help without signing in with an Adobe ID. 2.1 sudo nano /private/etc/hosts 127.0.0.1 activate.adobe.com 127.0.0.1 practivate.adobe.com 127.0.0.1 ereg.adobe.com 127.0.0.1 activate.wip3.adob...
댓글 쓰기
자세한 내용 보기

브라우저별 navigator.userAgent 반환값

이미지
iPhone 기본브라우저 Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25 iPhone chrome 브라우저 Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/10B329 Safari/8536.25 (00236FCC-CE47-4774-9A79-DBBEEC199F9A) iPad 기본브라우저 Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25 iPad chrome 브라우저 Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/10B329 Safari/8536.25 (811EEF80-F71A-4CA8-8DAB-DB2BA785B506) Android 기본브라우저 (갤럭시 S4) Mozilla/5.0 (Linux; Android 4.2.2; ko-kr; SAMSUNG SHV-E300K/KKUAME7 Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Version/1.0 Chrome/18.0.1025.308 Mobile Safari/535.19 Android Chrome 브라우저 Mozilla/5.0 (Linux; Android 4.2.2; SHV-E300K Build/JDQ39) AppleWebKit/537.36...
댓글 쓰기
자세한 내용 보기

[drag & drop] HTML5의 drag & drop API 이용하기

이미지
http://romeoh.github.com/dragAndDrop/ html5의 drag & drop API를 이용하여 브라우저에 파일을 떨어뜨리는 예제입니다. 브라우저와 떨어뜨릴 사진을 준비합니다. 브라우저에 콘솔로그를 확인하기 위해서 inspector(요소검사)창을 엽니다. (브라우저에서 마우스 오르쪽 클릭 > 요소검사) 사진파일을 브라우저로 드래그 하면 콘솔창에 상태가 표시됩니다. 사진을 브라우저 밖으로 빼면 역시 콘솔에 이벤트가 발생합니다. 사진을 브라우저에 떨어뜨리면 사진이 표시됩니다. (까메오 출연해주신 아드님께 감사~^^) <!doctype html> <html> <head> <meta charset= "utf-8" > <title></title> </head> <body> <img id= "imgEl" src= "" alt= "" > <p>사진을 브라우저 내부로 드래그 해보세요.</p> <script type= "text/javascript" > // 사진을 브라우저 안으로 드래그 window.addEventListener( "dragenter" , function (){ console.log( "dragenter" ); }, false ); // 사진이 브라우저 위에 있음 window.addEventListener( "dragover" , function (){ console.log( "dragover" ); }, false ); // 사진을 브라우저 밖...
댓글 쓰기
자세한 내용 보기

[iscroll] iscroll 샘플

이미지
차례 세로 스크롤 적용 세로스크롤바 숨기기 가로 스크롤 적용 가로스크롤바 숨기기 가로/세로 스크롤 적용 가로/세로스크롤바 숨기기 폼요소에 포커스되지 않는 이슈 해결 폼요소에 포커스되면 자동 스크롤 폼요소에 포커스되어 있고 가상키보드 활성화시 스크롤이슈 해결 bounce해제 관성해제 스크롤후 스크롤바 자동 숨기기 iscroll해제, 새로생성, 높이 새로고침 밀어서 컨텐츠 더보기 구현 windows8(태블릿 디바이스) ie10에서 iscroll 작동안하는 문제 (2013/3/27일 추가) 세로 스크롤 적용 가장많이 사용되는 설정입니다. 세로로 스크롤되는 iscroll세팅하기 var iscroll = new iScroll("wrapper", { hScroll:false }); 샘플보기 세로스크롤바 숨기기 세로로 스크롤 되면서 스크롤바 숨기기 var iscroll = new iScroll("wrapper", { hScroll:false, vScrollbar:false }); 샘플보기 가로 스크롤 적용 가로로만 스크롤 적용하기 var iscroll = new iScroll("wrapper", { vScroll:false }); 샘플보기 가로스크롤바 숨기기 가로만 스크롤 되면서 스크롤바 숨기기 var iscroll = new iScroll("wrapper", { vScroll:false, hScrollbar:false }); 샘플보기 가로/세로 스크롤 적용 가로,세로 양방향 스크롤 생성입니다. var iscroll = new iS...
댓글 쓰기
자세한 내용 보기