VoidNoble IT Zone

영어 가능하신 분들을 위한 원문 = http://www.stokkers.mobi/valuables/bartender.html 원작자의 Github에서 소스를 다운받고 작업할 디렉토리에 압축 해제해 주세요. 1. 아이콘 작업 다소의 포토샵 스킬이 필요합니다. 작업 전에 sprite_combined.png 파일을 잘 보십시오. 다운받은 소스의 압축을 풀어보면 templates 디렉토리가 있습니다. 그 아래에 탭바의 재료가 되는 포토샵(*.PSD) 파일이 존재하는데 templates_double.psd 를 포토샵으로 열고 가이드를 보이게(Ctrl + ;) 하면 원작자가 새겨놓은 가이드가 보일겁니다. 위에서 잘 보라고 해 두었던 sprite_combined.png 파일을 보면 아이콘이 위, 아래로 있습니다. 위..

부모창에서 window.name = "parentWin"; 하고 팝업창에서 링크를 해주면 된다.

공식 사이트에서 제공하는 서론을 보면 *.sass파일 Compass 컴파일, Ruby, RubyGems 가 등장한다. SASS와 Compass는 CSS3 에서 변수도 사용하고... 프로그래밍을 가능하게 해주는 것으로 보인다. 컴파일 하여 스타일시트 결과물을 얻는 CSS3의 사촌간이라고 판단하고 넘어간다. 해외 사이트에서 튜토리얼을 발견했다. 문법도 있고 제법 골때려주신다. Sencha Touch 테마를 다루기 위해서는 준비물이 필요한 것이군... Ruby, RubyGems, Compass를 설치해야 한다. 개발환경: Windows 에서의 설치법을 다룬다. Ruby의 홈은 이곳인데 다운로드받으러 이동한다. 환경이 Windows인 관계로 해당 섹션을 찾아 스크롤을 내린 뒤 Ruby 1.8.6 원클릭 인스톨러..

http://toyoil.tistory.com/22 http://toyoil.tistory.com/273 http://sangogi.com/2656738 http://sir.co.kr/bbs/board.php?bo_table=pg_etc&wr_id=7351 http://www.moonseller.net/273 http://urin79.com/2447854

Javascript Diff Algorithm 홈 http://ejohn.org/projects/javascript-diff-algorithm/ 테스트 http://www.daftlogic.com/sandbox-javascript-compare-differences-between-strings.htm DiffButty (Javascript) 홈 http://www.baconbutty.com/blog-entry.php?id=45 소스 http://www.baconbutty.com/blog-attachments/045-DiffButty1.js 테스트 http://www.baconbutty.com/blog-attachments/045-DiffButty1-test.htm Javascript Diff Lib ht..

Sencha Touch2 MVC 코딩중... /theApp/app/view/etc.js Ext.define('theApp.view.etc', { extend: 'Ext.List', requires: [ ' theApp.view.etc.ListItem.js' ] ...... }); 했더니 Ext.createByAlias Cannot create an instance of unrecognized alias 오류를 받았다. 해결은? 위 코드에서 etc와 etc는 달라야 한다. 아래와 같이 변경해서 해결하였다. ListItem.js 가 있는 폴더의 이름을 etc 에서 Etc 로 변경하였다. (자바스크립트는 대소문자를 구분한다.) Ext.define('theApp.view.etc', { extend: 'Ext.L..

MVC 환경에서 [WARN][Anonymous] [Ext.Loader] Synchronously loading 'app.view.Viewport'; consider adding 'app.view.Viewport' explicitly as a require of the corresponding class 오류 발생시 아래와 같이 views: 에 추가하니 사라졌다. Ext.application({ views: [ 'Viewport' ] }); 다른 이유와 해결법이 발생하면 추가예정.

index.html 와 같이 app.js 를 구동하는 페이지의 에 와 같이 정의 해 주면 된다.

ExtJS 시작하기 http://www.sencha.com/learn/legacy/Tutorial:Introduction_to_Ext_(Korean) 페이지 시작시... jQuery ExtJS $(function() { ... }); Ext.onReady(function() { ... }); DOM 노드 선택 일반 jQuery ExtJS var user_name = document.getElementById("user_name"); var user_name = $('#user_name'); var user_name = Ext.get('user_name'); DOM 노드 찾아서 선택 paragraph 1 paragraph 2 paragraph 3 jQuery ExtJS var p = $('body').fi..

아이폰 스타일 http://www.stokkers.mobi/valuables/bartender.html 탭바 커스터마이징 http://jsfiddle.net/vh4Ca/62/