10个用于简化移动Web开发的HTML5/JavaScript框架

webphp 12年前
     <p><a href="https://simg.open-open.com/show/7a54fb53923d9736211d733a3a5515ef.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1528" title="10 Mobile Application Frameworks For Easy Development" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/7a54fb53923d9736211d733a3a5515ef.jpg" width="500" height="496" /></a><br /> Since iPhone and Google Android are launched mobile application development is growing rapidly. There are myriad of mobile web applications available on the internet but a lot of endeavor is concealed behind these applications which allows users to quickly accomplish their task. Mobile development industry is growing and providing numerous no. of career opportunities for the developers. Therefor every one is looking new possibilities in Mobile Development but developing a mobile app is not an easy task it demands extra hard work and determination. </p>    <p>Here at <strong>STG </strong>we explored numbers of Google Pages to collect most apporpriate Mobile Applications Frameworks which will help developers to quickly develop and design mobile applications.These frameworks are cross browser compatible, supports multiple languages such as JSON, YQL, WAML, JavaScript libraries, Jquery UI elements, HTML5 CSS3 for creating better web applications and interfaces for the <strong>touch Screen devices and smart phones. </strong></p>    <h2>1. RestKit: Objective-C Framework For iOS </h2>    <p><a href="https://simg.open-open.com/show/1056a65ed818e65b86318266ce9b89bb.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1506" title="Restkit" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/1056a65ed818e65b86318266ce9b89bb.jpg" width="500" height="255" /></a><br /> Restkit is an open source objective-C framework that allows interacting with RESTful web services in objective C on iOS and Mac OS X. It combines a clean, simple HTTP request/response API with a powerful object mapping system that reduces the lengthy code which users need to written. Restkit also provides a system for modeling remote resources by mapping them from JSON (or XML) payloads back into local domain objects.<br /> Restkit currently supports JSON via the SBJSON and YAJL parsers.<br /> <strong><a href="/misc/goto?guid=4958190565604915187" target="_new">Website</a></strong></p>    <h2>2. Magazine Grid: CSS –Framework For Easy Magazine Layouts </h2>    <p><a href="https://simg.open-open.com/show/cecc0d941f9246ebe1aa8cd581aaeed9.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1507" title="Magazine Grid" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/cecc0d941f9246ebe1aa8cd581aaeed9.jpg" width="500" height="273" /></a><br /> Magazine Grid is an ultramodern CSS-Framework for iPad and iPhone which comes with common magazine design elements such as pagination, gutters and basic grid. Magazine Grid allows users to us HTML5 elements to structure magazine page for iPad. Magazine Grid is very light (lighter than 4 kb) and loads faster on mobile devices, even on older browsers like IE6 and Netscape.<br /> <strong><a href="/misc/goto?guid=4958191822711536934" target="_new">Website</a></strong></p>    <h2>3. Joshfire : Multi-Device Development Framework </h2>    <p><a href="https://simg.open-open.com/show/19f0c43462d3fe2817c3019b66dc3fb7.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1508" title="JoshFire" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/19f0c43462d3fe2817c3019b66dc3fb7.jpg" width="500" height="259" /></a><br /> Joshfire is an open source multi device development frameworks which assists developers to develop web applications that can run on multiple devices. It uses standards like HTML5 and JavaScript and allows developers to quickly integrate native and dedicated web apps for browsers, Node.JS, desktops, smart phones, smart TVs and connected objects.<br /> With the help of Joshfire applications can be controlled with keyboard, mouse, touch, tv-remote and different type of devices. Joshfire is currently supporting desktop browsers, iOS, Android, GoogleTV, Samsung TV and there is an adapter for Node.JS is also available.<br /> <strong><a href="/misc/goto?guid=4958191823467758454" target="_new">Website</a></strong></p>    <h2>4. ChocolateChip-UI : Web App Development Framework</h2>    <p><a href="https://simg.open-open.com/show/1d0e338fc71492b259f2b269225ec72c.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1510" title="ChocolateChip-UI" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/1d0e338fc71492b259f2b269225ec72c.jpg" width="500" height="235" /></a><br /> ChocolateChip-UI is a mobile web app framework which uses HTML5, WAML, CSS and JavaScript. It is based on ChocolateChip JavaScript Library which includes two new libraries ChUI.JS and ChUI.css.<br /> ChocolateChip-UI takes advantage of HTML5, CSS3 and ECMAScript5 to deliver a consistent, focused, easy to use and compact framework for creating mobile apps rivaling native iOS apps. ChocolateChip-UI provides fully functional widgets and controls which works automatically which allows users to focus on only date. ChocolateChip-UI uses no images to create its widget and controls, it uses WAML and CSS. Where icons are used for buttons, ChocolateChip-UI uses vector-based SVG images.<br /> The framework is very well documented and provides snippets for the beginner and pro mobile developers.<br /> <strong><a href="/misc/goto?guid=4958191824217210688" target="_new">Website</a></strong></p>    <h2>5. Wink Toolkit : A Toolkit For Mobile Web Applications </h2>    <p><a href="https://simg.open-open.com/show/981c117f0700f9d37ca195963a9d73d4.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1511" title="winktoolkit" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/981c117f0700f9d37ca195963a9d73d4.jpg" width="500" height="350" /></a><br /> Wink toolkit is a lightweight JavaScript framework which assists users to develop great and useful mobile web applications. The toolkit contains all basic functionalities which are generally a mobile developer requires to develop a mobile web application, it provides functionalities like touch event handling, DOM manipulation objects or CSS transforms utilities. It also offers a wide range of UI components which help developers to improve the look and feel of their mobile applications.<br /> Wink toolkit supports iOS, (iPod, iPhone, iPad), Android, BlackBerry and Bada. The UI widgets of wink toolkit consist 3D wall, accordion, sliding panels, flip page, coverflow, progress bar and much more. It also consists libraries for slick users experience with drag ‘n’ drop, gesture recognizer or browser history. Wink toolkit is enrich with number of features such as it contains libraries to help developers for 3D CSS transforms, geolocations, orientations, motion, even developers can play their audio and video files with the help of HTML5 players.<br /> <strong><a href="/misc/goto?guid=4958191824973191649" target="_new">Website</a></strong></p>    <h2>6. MProject : HTML5 Javascript Framework </h2>    <p><a href="https://simg.open-open.com/show/8b56adf884e78bced95a129ff1d83f45.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1512" title="M Project" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/8b56adf884e78bced95a129ff1d83f45.jpg" width="500" height="268" /></a><br /> The M Project is useful JavaScript framework for developing cross platform mobile application for iOS, Android, Palm Web OS, and Blackberry. M Project uses JavaScript UI and core files which provides offline support, internationalization, multi device support and many more. M Project provides numbers of features such as HTML5 support, JavaScript development cycle, rich user interface, data provider for local and remote storage persistence and Node Js which comes with inbuilt too called <strong>Espresso.</strong><br /> <strong><a href="/misc/goto?guid=4958185731397693035" target="_new">Website</a></strong></p>    <h2>7. DHTMLX Touch : JavaScript Mobile Framework </h2>    <p><a href="https://simg.open-open.com/show/c4b515b4b6fbab4b334edf4b1a898a3a.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1513" title="DHTMLX" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/c4b515b4b6fbab4b334edf4b1a898a3a.jpg" width="500" height="367" /></a><br /> DHTMLX Touch is a free HTML 5 based JavaScript library for building cross platform mobile web apps. DHTMLX Touch allows developers to create eye catching, robust applications for mobile and touch devices. It offers a wide range of available UI elements, which help developers to develop business and entertainment related applications.<br /> The DHTMLX framework is compatible with multiple devices and helps developers to develop applications for touch devices like ipad, iphone, Android and smart phones. Framework will soon introduce new and effective features like skin customization, push notifications support, IDE integration, and support for Blackberry Os.<br /> DHTMLX provides online <strong><a href="/misc/goto?guid=4958191826410893418" target="_new">visual Designer</a></strong> tool which provides a d codeless, drag and drop environment to build touch interface.<br /> <strong><a href="/misc/goto?guid=4958190858255252955" target="_new">Website</a></strong></p>    <h2>8. Baker : HTML5 EBook Framework </h2>    <p><a href="https://simg.open-open.com/show/cce77e13318b16632ff3734464d8ca30.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1514" title="Baker" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/cce77e13318b16632ff3734464d8ca30.jpg" width="500" height="290" /></a><br /> Baker is a HTML5 eBook framework to publish interactive books and magazines on iPad and iPhone using simply open web standards. In order to use the Baker, developer has to design HTML5 pages with a fixed width of 768 px.<br /> For the limited period of time the files should be named as 1. Html, 2.html and reside in to the root directory (book/folder) named. By following few simple steps you can publish your book, icon and submit your product to App store.<br /> <strong><a href="/misc/goto?guid=4958191117147587556" target="_new">Website</a></strong></p>    <h2>9. Zepto. Js: JS Framework For Mobile Webkit Browsers </h2>    <p><a href="https://simg.open-open.com/show/f86f43a5426b4f759e4d091c435a7041.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1515" title="zepto" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/f86f43a5426b4f759e4d091c435a7041.jpg" width="500" height="280" /></a><br /> Zepto. JS is a minimalist JavaScript framework for mobile webkit browsers, with jQuery-compatible syntax. Zepto is currently in beta version and aims to handle most basic drudge work with a nice API so users can concentrate on getting stuff done. Zepto fully supports multiple touch devices and helps developers to create applications for iOS, Android and WebOS.<br /> <strong><a href="/misc/goto?guid=4958185742165361000" target="_new">Website</a></strong></p>    <h2>10 Sencha Touch : HTML5 Mobile Web App Framework </h2>    <p><a href="https://simg.open-open.com/show/98a499282fd02595f2a7590e32005a4b.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1516" title="snecha" alt="10 Mobile Application Frameworks For Easy Development " src="https://simg.open-open.com/show/98a499282fd02595f2a7590e32005a4b.jpg" width="500" height="278" /></a><br /> Sencha touch allows users to develop mobile web apps that look and feel native on iPhone, Android and Blackberry touch devices. Sencha is world’s first app framework built with HTML5, CSS and JavaScript for delivering audio/video or local storage, rounded corners, background gradients and shadows.<br /> Semcha touch allows developers to create powerful animation systems and the code which is created by Snecha is pixel independent that means it allows developers to change the overall scale of their interfaces. Sencha allows data integrations and allows developers to easily request data from a wide variety of sources whether by AJAX, JSONP or YQL, bind that data to specific visual components or templates, and then take the data offline with local storage writers.<br /> <strong><a href="/misc/goto?guid=4958189732334097104" target="_new">Website</a><br /> 中文版:<a href="http://www.open-open.com/ajax/Mobile_Framework.htm" target="_blank">http://www.open-open.com/ajax/Mobile_Framework.htm</a><br /> 转自:<a href="/misc/goto?guid=4958191829937018003" target="_blank">http://skytechgeek.com/2011/09/10-mobile-application-frameworks-for-easy-development/</a></strong></p>