HTML5 Sencha App vs. native iPhone App side by side (HD)sencha로 만든 앱과 네이티브앱의 비교 On the left, Sencha version of touchNOC Manager app. On the right, native iPhone App version. Most of navigation done side-by-side, except for features unique for iPhone App version (favorites re-ordering and search).
Sencha Touch 에서 이미지 버튼 구현하기. Image buttons in Sencha Touch?Application JavaScript: Code:Ext.setup({ onReady: function() { var rootPanel = new Ext.Panel({ fullscreen: true, dockedItems:[{ xtype: 'toolbar', dock: 'top', items: [{ xtype: 'button', cls: 'btnAction' }] }] }); } }); CSS: Code:.btnAction { background: url(../action.png); width: 40px; height: 40px; }
Build mobile web applications with Sencha TouchAn HTML5 mobile JavaScript framework for WebKit browsers http://www.ibm.com/developerworks/opensource/library/wa-senchatouch/index.html?ca=drs-#resources Overview In the software development world, two important trends are increasingly important: mobile application development and standards-based HTML5 web development. The learning curve for either ..
Layouy Guide : http://dev.sencha.com/deploy/dev/examples/layout-browser/layout-browser.html Ext Core Manual : http://docs.sencha.com/core/manual/ Ext JS API Doc : http://dev.sencha.com/deploy/dev/docs/ Sencha-touch API Doc : http://dev.sencha.com/deploy/touch/docs/ Ext JS 3.3 Sample : http://dev.sencha.com/deploy/dev/examples/#sample-10 Combination Examples Offline Support Accessibility Pivot Gr..
JSON의 개요 : http://www.json.org/json-ko.html JSON (JavaScript Object Notation)은 경량의 DATA-교환 형식이다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이하다. JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999의 일부에 토대를 두고 있다. JSON은 완벽하게 언어로 부터 독립적이지만 C-family 언어 - C, C++, C#, Java, JavaScript, Perl, Python 그외 다수 - 의 프로그래머들에게 친숙한 관습을 사용하는 텍스트 형식이다. 이러한 속성들이 JSON을 이상적인 DATA-교환 언어로 만들고 있다..
- jQuery와 비교해보면? jQuery = Ext Core jQueryUI = Ext JS jQueryMobile = Sencha Touch - 개발 환경 구축은? - 초기화 처리 Ext.setup( { // 환경 설정 정보들~ tabletStartupScreen:"images/tabletStartupScreen.png", phoneStartupScreen:"images/phoneStartupScreen.png", tabletIcon:"images/tabletIcon.png", phoneIcon:"images/phoneIcon.png", glossOnIcon: true, statusBarStyle:"black", fullscreen:true, preloadImages:[], scope:this, on..