VoidNoble IT Zone

타 부서로부터 어느날 결제관련 페이지 오류 리포팅이 들어왔는데 페이지를 열고 크롬 개발콘솔에 나타나는것을 보니 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/

Javascript 전통적 방식 function loadScript(url) { var headID = document.getElementsByTagName("head")[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = url; headID.appendChild(newScript); } window.load = function() { loadScript('/path/ex.js'); } jQuery 방식 $(function() { $('head').append( $(document.createElement('script')).attr({ 'type': 'text/ja..

IE 7 이상부터는 developer toolbar가 지원된다.단축키 F12를 누르면 아래와 같은 창이 나오는데브라우저 모드와 문서 모드가 보임.하위 버젼에서의 렌더링을 보고싶다면 문서 모드를 원하는 대로 선택하면 되며각각 'Alt + {버젼번호}'의 단축키로 조작이 가능. 구글링 해 보았더니 자질구레한 원론적 설명을 해 놓은 블로그들이 많길래 직접호스트 = Windows 7 64bit - IE9 (IE8에서 업글) 가상환경 = Windows XP 32bit - IE8에서 렌더링 해 보고 같은 결과가 나오는것을 확인하여 기록함. IE 버젼별 체크를 위한 도구로 IE Tester가 유명하며 예전부터 써왔지만 가상환경으로 제대로 돌려 본 IE8 렌더링과 차이가 존재하여 믿음이 가지 않았음.

http://stackoverflow.com/questions/11333810/how-to-customize-wordpress-comment-formhttp://codex.wordpress.org/Function_Reference/comments_templatehttp://www.1stwebdesigner.com/wordpress/comment-form-customization/http://chipcullen.com/altering-the-comment-form-in-wordpress/

주말, 간단히 두뇌 예열 겸 간단한거 하나.아래와 같은 모바일웹 이벤트 페이지는 어떻게 구성되었는지 분석해 본다. 이미지의 가로 사이즈는 800px 이었다. 아래 스샷은 스크린이 이미지 가로 사이즈보다 넓은 950px 에서의 뷰이며 양쪽 여백이 생기며 가로 정렬 되어 있음을 알 수 있다. 이미지들은 어떻게 잘라서 구성하였나? TOP 이미지 본문 버튼 본문 하단 SNS 아이콘 버튼들 SNS 아이콘버튼들 구성 소스 각 -1){$("#____kakaolink____").attr("src","https://itunes.apple.com/kr/app/kakaotog-kakaotalk/id362057947?mt=8");}}},1500);$("#____kakaolink____").attr("src",this.data..

http://www.resrc.it/ 클라우드를 통한 이미지 리사이징http://codepen.io/timrwood/pen/yjtvs CSS로 이미지 Crophttp://juliankussman.com/scaling/ 응답형 풀사이즈 상단 이미지 구현 페이지

[출처] https://github.com/phonegap/phonegap/wiki/App-Icon-Sizes Webapp57 px, index.html의 에 추가.iOS57 px, iPhone72 px, iPad114 px, iPhone 4 레티나 디스플레이144 px, iPad 3 레티나 디스플레이1024 px, iTunes – 아이튠즈와 앱스토어에서 175px로 크기조정되어 사용됨.29 px, iPhone 설정/Spotlight, iPad 설정 – 테이블 뷰들에서 사용됨. 일부지만, 여전히 중요!48 px, iPad Spotlight58 px, iPhone 4 설정/Spotlight64 px 문서 아이콘320 px 문서 아이콘More Info애플 가이드라인iOS 앱 아이콘 크기Android96px ..

http://jquerymobile.com/blog/2013/01/14/announcing-jquery-mobile-1-3-0-beta/ 영어 전문가가 아니기에 발번역했습니다. 교정은 받고 악플은 반사합니다.1. (기기) 응답형 디자인 지원. 태블릿 등에서도 잘 지원이 되도록 하려나 봅니다. 그리드, 테이블에 대해 응답형 디자인을 지원해주네요.2. 사이드 패널 위젯 [새창] 페이스북 모바일버젼에서 좌측 상단의 버튼을 누르면 왼쪽에서 오른쪽으로 스스륵 나오며 보여지는 메뉴들이 담긴 패널을 지원하게 되었습니다. 좌,우측 모두 가능하며 에니메이션도 3가지를 지원하는군요.3. 범위 슬라이더 기존 슬라이더 입력 요소는 하나의 수치만 입력 가능했는데 이제 어디~어디까지의 두 시작과 종료 수치를 시각적으로 편하게 입..

UI 상으로 CommentActivity 와 그 하위에 CommentListFragment 가 있다고 가정한다. public static class CommentListFragment extends SherlockListFragment { private String mNum; /** * Create a new instance of CommentFragment, providing "num" as an argument. * CommentListFragment list = CommentListFragment.newInstance(num); */ public static CommentListFragment newInstance(String sNum) { CommentListFragment f = new Comm..