VoidNoble IT Zone

1. Flexible Grid2. Flexible Images3. Mddia Queries 1. Flexible GridGoodbye pixel, hello Em and %From PX to EM 2. Flexible Images 3. Media Queries

CKEditor를 내용 입력부분에 적용한 CMS 툴에서 어느날 내부 클라이언트 한명이 한컴 한글에서 붙여넣기 하면 글자 크기가 달라진다는 문제를 들고 왔다.일단 한글의 환경설정에서 복사&붙여넣기시 텍스트 형식으로 붙여넣기 옵션을 체크하도록 했으나 해당 문제는 여전했다.UX를 확인하려고 직접 입력 과정등을 시연해달라 했고 문제점을 파악 할 수 있었다.문제는 결론적으로 크롬 Webkit 버그 때문이었는데 한컴 한글에서 작성한 텍스트 전체를 복사 하고 CKEditor 에 붙여넣기 까지는 아무 문제 없다.CKEditor 상에서 문장의 윗부분에 필요없는 라인 제거를 위해 DEL 키나 Backspace 키를 누르는 순간 (이 앞의 P 태그 제거하기 위해 Backspace 누름)문장문장위와같이 쓸데없는 태그가 생성된..

http://sourceforge.net/projects/dermis/

Library나 Framework을 사용하지 않은순수한 JS나 CSS 작성

http://css-tricks.com/overriding-the-default-text-selection-color-with-css/ ::selection { background: #ffb7b7; /* Safari */ } ::-moz-selection { background: #ffb7b7; /* Firefox */ }

http://www.phpwork.kr/Downloads/viewDownloadsList/SpacEditor아래는 제작자분의 Readme.txt 내용입니다.* Spac Editor v13.1.1* 공식배포처 : http://www.webeditor.kr* 제자자 이메일 : master@phpwork.kr* 이프로그램은 개인/기업/영리/비영리 에 관계없이 웹개발에 무료로 자유롭게 사용할 수 있습니다.* 제작자가 배포한상태 그대로인 경우에 한해 재배포를 허용하며 수정된 소스나, 수정된 소스가 포함된 프로그램, 소스중의 일부분을 타인에게 배포하거나 판매할 수 없습니다.* 제작자와 별도의 상의없이 본프로그램의 버전및 공식사이트 정보를 보여주는 "Spac Editor는?"(제일 오른쪽에 "?" 형태의 아이콘으로 ..

준비 Developer Key 발급 https://code.google.com/apis/youtube/dashboard/ API Access 등록, Client ID 발급 https://code.google.com/apis/console/테스트 서버, http, https 에 따라 각각 새로 생성.Redirect URIs는 미리 경로를 기획하여 둘것. 아무 입력 하지 않고 만들 경우 "자신의 도메인/oauth2callback" 로 잡히는데 웹서버 루트에 /oauth2callbar/default.asp 만들면 됨. 순서인증.API 명세 통한 사용. 인증 전체적으로는 https://developers.google.com/youtube/2.0/developers_guide_protocol_oauth2 또는 h..

CKEditor가 들어간 입력 폼이 IE에서 내용을 읽어오지 못하고 얼어버린다는 문제의 해결 요청을 받고 분석에 들어갔으나 구글링으로도 수 시간동안 제대로된 해결책을 발견하지 못하였다가 아래 링크의 글을 접하고 MS가 IE9부터 iframe을 못쓰게 하려는 수작같다는 글 http://www.phpschool.com/link/tipntech/73485일단 소스의 헤더 부분에 공통으로 들어간 것들 제거 후 하나씩 붙여보면서 테스트를 해 보니iframe 관련 크로스브라우징 이슈가 핵심이었다.기존 헤더에 위 이슈 해결을 위해 아래와같이 선언했었는데...document.domain = "xxxx.com";위와같은 선언이 들어간 페이지를 IE 9 이상 버젼으로 열었을 때 iframe.contentWindow.doc..

타 부서로부터 어느날 결제관련 페이지 오류 리포팅이 들어왔는데 페이지를 열고 크롬 개발콘솔에 나타나는것을 보니 https:// 페이지인 결제관련 페이지의 헤더에 붙여져 있는 jQuery를 CDN으로 끌어다 쓰고 있었는데 주소가 http://로 되어 있어서 모든 스크립트가 오류를 내 뿜으며 작동하지 않는 문제가 바로 보였으며 아래와 같은 해결책을 찾게 되었습니다. 해결책#1: Google Analytics 삽입 스크립트의 경우 이런 처리를 기본적으로 제공해 주고 있었는데 아래와 같은 형식 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscr..

http://www.findmebyip.com/litmus/http://caniuse.com/