반응형
반응형
PhoneJS - HTML5 JavaScript Mobile Development Framework

 

http://phonejs.devexpress.com/

 

Create mobile apps with HTML5 and JavaScript for different screens and platforms

  

HTML5 JavaScript framework for smartphones and tablets

PhoneJS contains everything you'll need to create native client applications using HTML5 and JavaScript with a single codebase and deliver solutions that target today's most popular smartphones and tablet devices.

With a touch-optimized user experience, natively rendered widgets, straightforward page navigation, view management, and data access layers, PhoneJS is a single page application (SPA) framework for your next iOS, Android and WindowsPhone application, ready for online publication or packaged as a store-ready native app using Apache Cordova (PhoneGap).

 

 

Demos

DX WorkoutQR Code 

DX Work out

A sample application that demonstrates the power of the PhoneJS framework and ChartJS data visualization widgets. DXWorkout uses local storage to store data and the PhoneGap API for its splash screen and to persist user data when leaving the application (incoming call, switch to another app, back to home screen, etc). Built with MVVM in mind, DXWorkout illustrates the separation of app logic from its UI. It’s iPhone 5 compatible and includes full source code with PhoneGap Build config.

Run DemoView Sourcehttp://dxpr.es/10oXsNf
Kitchen SinkQR Code

Kitchen Sink

PhoneJS ships with over 30 touch optimized HTML JS widgets that are automatically styled for each target platform. The Kitchen Sink demo illustrates the use of each widget and how you can use them to build store-ready applications for the App Store, Google Play or Microsoft Store.

Run DemoView Sourcehttp://dxpr.es/14lqpt4
Tip CalculatorQR Code

Tip Calculator

TipCalculator is a straightforward PhoneJS application, with a single view and view model. It’s been designed to help you learn the basics of the PhoneJS framework. Description

Run Demo

 

 

 

반응형
반응형

20 Useful Mobile Frameworks for Developers

http://feeds.dzone.com/~r/dzone/frontpage/~3/p_E14jg1YxU/20_useful_mobile_frameworks_for_developers.html

 

sencha-touch

The popularity of mobile applications is on a perpetual flux of advancing and expanding, as their usage has become increasingly prevalent across mobile phone users. The mobile app explosion has incited a rapid expansion into other sectors, such as factory automation, GPS and location-based services, banking, order-tracking, and ticket purchases have made app development more of a challenge; which in turn has led to the creation of a wide range of reviews, recommendations, and sources, including blogs, magazines, and dedicated online app-discovery services.

In this article I have gathered 20 Mobile Frameworks for development that would help developers to create innovative, useful and entertaining apps for mobile lovers. I hope mobile developers will find this list handy and according to their needs. If you know any other mobile frameworks which you think is good enough to serve developers purposes, do let us know by commenting in comment section, we would love to hear your feedback. Enjoy !

If you like the article you might be interested in our other articles on Best HTML5 Frameworks and Best CSS Frameworks for Developers

1. Fries

Fries
Fries is a solid HTML-CSS-JS framework for creating Android-like UIsboth for real-world usage and prototyping. The framework has all the major components like forms, action bars, lists, buttons, spinners or tabs. It is also optimized for PhoneGap and can be easily converted to a native app.

Source

2. Appium

appium
Appium is an open source framework which helps automating mobile app testing from any language and any test framework, with full access to back-end APIs and DBs from test code. It works for both iOS + Android apps and tests can be written with Java, Objective-C, JavaScript, PHP, Python, Ruby, C#, Clojure, or Perl. The framework is Mac OS X only and requires Nodejs to run.

Source

3. Junior

junior
Junior is a HTML5 front-end framework for creating mobile apps that look and behave like native. It uses CSS3 transitions for a slick performance, supports swipable carousels and includes various UI components (from Ratchet). The framework uses Zepto (which is nice for jQuery fans as it has a jQuery-like syntax) and has integration with backbone.js views + routers. Junior is pretty easy to use and has the documents + examples to get you started.

Source

4. Enyo

enyo
Enyo, the JavaScript framework which was created to power the apps on HP’s TouchPad, has recently reached v2 and now offers cross-platform compatibility rather than only webOS (as v1 did). The new Enyo supports both desktop + mobile, works in all major browsers and comes with a broad set of cross-platform UI widgets + a powerful layout library for building apps.

Source

5. Sidetap

sidetap
Sidetap is a simple and lightweight (2kb minified, gzipped) framework for creating mobile web apps. The framework actually focuses on providing a flexible side-navigationsimilar to the one we know from Facebook’s mobile app, and, once the navigation part is solved, it is pretty easy to build a simple mobile web app. It works by telling Sidetap “the content element to be animated”. It takes care of clearing the stage using whatever animation is appropriate for the situation.

Source

6. Mobello

mobello
Mobello is an open source JavaScript UI framework that simplifies developing mobile web apps. The framework aims to provide a native-like experience in mobile, it is optimized for touch events and has 20+ widely-used UI components. It also has an IDE, named Mobello Studio that focuses on building mobile apps with HTML5, CS3 and the Mobello framework. Mobello Studio has a drag ‘n’ drop enabled visual design editor, a JavaScript debugger and built-in mobile device emulator.

Source

7. Moobile

moobile
Moobile is an exciting and fresh project; a mobile web application framework built on MooTools. Currently, it is focused on providing a iOS-like experience on WebKit browsers and comes with many controls like bar, button, image, list, activity indicator, slider and more. It also has support for transitions like fade, slide, cubic or cover and can display native-like alerts. Interfaces created with Moobile are fluid, they will work well both in iPhone + iPad and look good when orientation changes.

Source

8. Spine Mobile

spine mobile
Spine Mobile is a JavaScript framework, built on top of SpineJS, for building mobile web apps that look and feel native. The framework comes with specialized controllers, panel layout, hardware accelerated transitions and touch events.

Source

9. Zoey

Zoey
It is a HTML5-CSS3-powered framework for creating mobile apps, built on top of Zepto.js and weights only 6kb (gzipped). Zoey has the UI components like navigation, lists, buttons, control groups, forms and grids. The framework is compatible with iOS + Android and comes with an app skeleton that covers all the features.

Source

10. iUI

iui
iUI is a mobile web framework that has been around for a long time (since 2007) compared to many other mobile resource. The framework includes a JavaScript library, CSS and images for developing touch-enabled web apps. User interfaces to be created are iPhone-like yet compatible with most smartphones and tablets and has support for menus, forms, lists, image galleries and more. Also, there are built-in extensions for caching, getting system information, HTML5 videos or theme switching.

Source

11. Lungo.js

lungo
Lungo.js a framework, powered with HTML5, CSS3 and JavaScript, for creating mobile web apps. The applications created with it works in all of the popular platforms (iOS, Android, Blackberry and WebOs). It has support for touch events like tap, double-tap or swipe and doesn’t use images (including the icons) as everything is vectorized.

Source

12. Wink Toolkit

wink
Wink Toolkit is a JavaScript framework for creating mobile web applications with less-hassle. It comes in multiple parts where the “core” (which includes HTTP requests utilities, event management system or DOM extensions) is a must to use and every other feature is optional. Such a structure helps keeping the filesize minimum which is pretty important when it is mobile.

Source

13. The M Project

the-m-project
The-M-Project is an exciting HTML5 JavaScript framework for building cross-browser mobile web applications (iOS, Android, Palm webOS, BlackBerry). It makes use of jQuery on the JavaScript part and contains all ui + core files with features like offline support, internationalization and more. The-M-Project is not alone, it requires nodeJS and comes with a build tool called: Espresso! which makes it easy to structure your code, build and run it on a built-in server.

Source

14. DHTMLX Touch

dhtmlxtouch
DHTMLX Touch is a JavaScript library which heavily makes use of HTML5,for building mobile web applications. It’s not just a set of UI widgets, but a complete framework that allows you to create cross-platform web applications for mobile and touch-screen devices. The framework is compatible with multiple devices and applications built with it will work smoothly on iPad, iPhone and Android.

Source

15. Zepto.js

zepto
Zepto.js is a lightweight (2kb) JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax. It aims to help overcoming the most drudge work with a nice API so users can concentrate on getting things done. Besides the most common functions that can be expected from a JS framework, it has support for touch events and detection of the environment.

Source

16. jQuery Mobile

jquerymobile
jQuery project has just published the expected jQuery Mobile; the touch-optimized web framework for smartphones & tablets. It is built on top of jQuery and provides a unified user interface system that’llperform the same in all popular mobile device platforms. The framework is built around the principle of progressive enhancement and uses the HTML5 and CSS3 features but degrades nicely for browsers that don’t support them.

Source

17. Jo

jo
Jo is an open source mobile application framework that is based on HTML5. It enables you to create for multiple platforms like webOS, iOS, Android, Symbian, Safari, Chrome and Dashboard Widgets. Jo is also compatible with PhoneGap and makes possible to create native apps besides web app.

Source

18. Sencha Touch

sencha-touch
It is an HTML5 Mobile App. Framework, which allows you to develop web applications that look and feel native on Apple iOS and Google Android touchscreen devices. It makes use of HTML5 for delivering audio/video or localStorage and CSS3for maximum styling like rounded corners, background gradients, and shadows.

Source

19. WebApp.Net

webapp
WebApp.Net is a feature-rich JavaScript framework for building mobile web applications. It provides a complete set of components (switch buttons, radio groups, etc.) that will help your website look & behave like a native mobile application. The framework has full support for Ajax & every action from clicks to form submissions can be Ajaxed with tiny declarations.

Source

20. Helios

helios
Helios is an open-source framework that provides essential backend services for iOS apps, from data synchronization and push notifications to in-app purchases and passbook integration. It allows developers to get a client-server app up-and-running in just a few minutes, and seamlessly incorporate functionality as necessary. Helios is a constellation of mobile backend components – Mix and match to meet the specific needs of your app. Built on the Rack webserver interface, Helios can be easy added into any existing Rails or Sinatra application, or used by itself. It is released under MIT License.

Source
반응형
반응형

무료배포앱 다운로드 완료


 1.Barefoot World Atlas

 2.Where's My Water?

 3.Tiny Wings

 4.Superbrothers : Sword & Sworcery

 5.Infinity Blade II 

 6.BADLAND

 7.Traktor DJ

 8.Over

 9.How to Cook Everyting

10.Day One



 

반응형
반응형

모바일 웹/앱 관점에서 본 2012년 비즈니스 동향 및 2013년 전망

 

http://www.slideshare.net/neovis/ss-15264461

 

 

.

반응형
반응형

Swipe is the most accurate touch slider. Read more

 

http://swipejs.com/

 

https://github.com/bradbirdsall/Swipe

 

 

 

=================================================

 

Jo was made for apps, not websites.

Your HTML5 app lives in a single page and Jo helps you create a native-like app experience. Sure, there's some DOM manipulation going on in there, but you don't have to worry about it unless you want to. Build your app with JavaScript, tweak some CSS and call it a day.

 

https://github.com/davebalmer/jo

 

Jo is a thin (~12K) candy shell for PhoneGap apps. It's an HTML5 mobile app framework which provides UI widgets, a flexible event model, a wrapper for sound, and a light data layer. Apps are skinnable with CSS3, and work everywhere PhoneGap does... and then some, including Adobe Air and OSX (desktop and dashboard). Read more

DEMOS

Cross-platform Screencast

Back in October, with an old UI theme called "Aluminum", the same Jo app running on a bunch of devices.

 

 

Kitchen Sink

DEMO Well, mostly a kitchen sink. Needs updating.

DEMO Another take on a kitchen sink, in progress.

YQL

DEMO Using JSONp to fetch some data from an RSS feed.

AJAX File Loader

DEMO Simple file load using AJAX wrapper.

 

 

.

 

반응형
반응형

75+ Mobile App Development Tutorials – Start Your App Success Today!

 

Mobile app development is big business and one of the areas of opportunities for creative individuals and small teams of developers to make a stand. It may take several attempts to design and implement a blockbuster App; however, if your App hit the top charts of e.g. Apple App Store your opportunities are amazing.

Apps are simply defined small software programs executed on mobile devices such as iPads, Android smartphones etc. Apps are often designed with a very specific and simplified set of functions and to be easy to use on small screens and everyone seems to love downloading tons off Apps. Just check out this collection of mobile stats to get an idea of the popularity and opportunities related to App development. Some of the numbers are from 2012, but 400 million accounts in Apple App Store and $5 billion in payouts to App developers sounds like sweat music for anyone with a development talent.

So how do you get started? First, you need to choose the target platform and architecture to use. I have previously described the different App architectures in an article at LinkedIn that you may want to check out. Please note that you may choose to develop hybrid and cross device compatible Apps, but often these may not be as powerful as native Apps for e.h. iOS or Android.

To help you get started with the decision and learning process, I have collected some of the best tutorials available free online and categorized them into the following sections: iOS, Android and Hybrid App and App-framework tutorials.

iOS App tutorials

How to Make an HTML5 iPhone App – MORE INFO

html5-iphone-app

This iPhone 5 app development tutorial will show you how to create an offline HTML5 iPhone application. More specifically it will walk you through the process of building a Tetris game.

How To Create Your First iPhone App (2012 Edition) – MORE INFO

first-iphone-app[3]

The first thing to look at when embarking on any product development or entrepreneurial venture is your goals for the project.

User interface design for iPhone apps – MORE INFO

user-interface-design-for-iphone-apps

Designing for iOS4 devices is totally different from designing for the web. Sarah Parmenter explains how to create the perfect user interface for your app

How to Prototype Web and Mobile Apps in 30 Minutes – MORE INFO

prototype-web-mobile-apps

A crash course on designing and testing interactive user interfaces using Apple Keynote or Microsoft Powerpoint + Keynotopia User Interface Libraries.

Beginner’s Guide To IOS Development: The Interface – Part I – MORE INFO

beginners-guide-ios-development

The good news is, iPhone application development is not as hard as you might think, and this post exists as a comprehensive guide to walk you through the complete process of building an application for iPhone.

Getting Started with iPhone Development – MORE INFO

iphone-development

In this article we take a look at the tools involved and go through the main steps in getting your first “Hello World!” iPhone app off the ground.

Design an iOS interface – MORE INFO

design-ios-interface

The main functions of the radio app that we’re going to look at here are the ‘browser’, which enables users to browse through different radio stations; and the ‘player’

Build an iPhone arcade game – MORE INFO

iphone-arcade-game

Hello Monday walks you through how to turn a rejected concept into a GPS-based arcade game

Get started with geofencing on iOS – MORE INFO

geofencing-ios

Explore the location-based services provided by the iOS Core Location framework in Kevin McMahon’s guide to building and testing a geofencing-enabled application

Design a photorealistic app icon in Photoshop – MORE INFO

photo-realistic-app

Roman Jusdado reveals how to use Photoshop’s layer styles to create an Instagram-esque iOS icon from scratch

How To Create A Simple iPhone App on iOS 5 Tutorial: Part 1/3 – MORE INFO

iphone-app-tutorial

Create an entire functional app from scratch. By the end, you’ll have tried out many areas of iPhone development, and ready to dig in further.

Create an explosive iPad game – MORE INFO

create-an-ipad-game

Appcelerator Titanium is a fantastically versatile tool for creating mobile apps, as Anton Mills demonstrates with this game for the iPad.

Building a Caterpillar Game with Cocos2D: Introduction – MORE INFO

caterpillar-game-ios

Recreating the popular Atari game Centipede using the Cocos2D game engine for iOS. Centipede was originally developed for Atari and released on the Arcade in 1980.

Design an iPad app UI – MORE INFO

ipad-app-ui

Apposing’s Dave Brown reveals how to prototype a user interface for an iPad app in Photoshop

Get started as an iOS developer – MORE INFO

ios-developer-guide

Got an idea for a killer app but don’t know where to begin? Daniel Bramhall of Visioa explains everything you need to know to start programming for Apple devices

Build an iPad app with Sencha Touch – MORE INFO

ipad-app-sensa-touch

Create a web app that feels native on the iPad and other mobile devices, using the Sencha Touch library. Robert Douglas of mobile design specialists ribot explains how

Getting Started Building iPhone Apps in Xcode 4.2 – MORE INFO

ios-simulator

The newest version of Xcode comes packaged with a few noticeable interface changes. For beginners and intermediate users it can be difficult figuring out even the most basic functionality.

Preparing an application for distribution – MORE INFO

preparing-for-application

Creating an application can be extremely exciting for any developer but before you get your application published, you need to get it ready. iOS and Mac developer/designer Daniel Bramhall explains how

iOS Newsstand Tutorial – MORE INFO

ios-newsstand-tutorial

A new way to distribute magazines

iOS SDK: Send E-mail In-App – MORE INFO

email-in-app

Demonstrate how to allow your users to send e-mail without leaving your application using the MFMailComposeViewController class.

iPhone Programming Tutorial – Local Notifications – MORE INFO

iphone-programming-tutorial

Push notifications solved many of the issues associated with background processing.

Showing an Alert in iPhone – MORE INFO

alert-in-phone

In this blog, we’ll see how to show an alert.

Simple iPhone app development tutorial – MORE INFO

simple-app-development

This tutorial will help you create a simple app. The app will not do anything special but it will implement stuff inorder to make simple stuff.

Learn How To Develop For The iPhone – MORE INFO

iphone-app-development

How to build an alternate page and style sheet for the iPhone and iTouch. We will cover how to detect if the user is using an iPhone to view your page as well as the orientation of the device – whether it be landscape or portrait.

Introduction to iPhone SDK Development – MORE INFO

iphone-sdk-development

This tutorial looks at development with the iPhone SDK. You will learn information about the iPhone platform, how to setup and configure your development environment, and the steps necessary to create a simple fortune cookie application!

Design & Build a Small Business App: Project Setup – MORE INFO

small-business-app

In this three part tutorial series, it will show you how to design and build a small business app from scratch.

Building a Hangman iPad App with Flash – Programming Gameplay – MORE INFO

ipad-app-hangman-tutorial

This tutorial will focus on the ActionScript and game logic necessary to actually program hangman

Importing & Exporting Documents in iOS – MORE INFO

importing-and-exporting-ios-docs

This article will walk you through the different techniques you can employ to allow documents to be imported or exported from your iOS application

SMS Bubble UI in iPhone Apps – MORE INFO

sms-bubble-ui

This article will walk you through the steps to create an UI that is similar to the SMS application.

EmailSend Application in iPhone – MORE INFO

emailsend-application-iphone

In this application we will see how to Email Send in iPhone. So let see how it will worked.

Design & Build a 1980s iOS Phone App: Design the Contacts Screen – MORE INFO

contacts-screen

Application will function much like the default iPhone version with one very important aesthetic twist: our design is inspired by the 1980s.

ImageClick Application in iPhone – MORE INFO

imageclick-app

In this application we will see how to image capture in iPhone without using camera. So let see how it will worked.

Android App tutorials

Google Maps Android API v2 – Tutorial – MORE INFO

google-maps-android

This tutorial describes the usage of Google Maps in your Android application. It is based on Eclipse 4.2, Java 1.6 and Android 4.2.

Android SDK Tutorial – Learn how to install Android SDK – MORE INFO

android-sdk

This page describes how to install the Android SDK and set up your development environment for the first time.

Android Development For Absolute Beginners – MORE INFO

videos-for-beginners

Videos for Android development for beginners.

Android Application Development Tutorial – 4 – MORE INFO

android-application-video-tutorial

Setting up an Android project

ICanLocalize – Android Localization Tutorial – MORE INFO

android-localization

In this tutorial we show how to write multilingual Android apps.

Android Sample Apps – MORE INFO

android-sample-apps

The Android SDK includes many sample apps that can help you learn Android by inspecting how different APIs are used to build a mobile application.

Android Google Maps Tutorial – MORE INFO

android-google-maps

The Android platform provides easy and tight integration between Android applications and Google Maps.

Android Application Development Tutorial – 13 – MORE INFO

android-app-development-video

Introduction to Android manifest

User interface design for Android apps – MORE INFO

ui-design-for-android-apps

Android apps can be just as beautiful as their iOS counterparts. Richard Leggett, co-director of Bitmode Ltd, digs deep into the styling and theming and explains how to use just XML and image files to add a fresh look and feel to your app

Getting Started with Android Development – MORE INFO

android-emulator

In this inaugural article of the Android series, it will get you started with Android development without requiring you to wade through pages of technical documentation.

Making Android apps voice output accessible – MORE INFO

android-apps

Integrating core accessibility into Android app development is relatively straightforward to do and should be considered as business as usual for every project

Mobile HTML5: PhoneGap vs Appcelerator Titanium – MORE INFO

mobile-html5-article

PhoneGap and Appcelerator Titanium are both very popular open-source JavaScript frameworks for packaging and deploying mobile applications.

Getting To Know The Android Platform: Building, Testing And Distributing Apps – MORE INFO

android-platform

The number of apps for iOS grew exponentially, and every company, big and small, rushed to create their own app to support their business.

Android Text-To-Speech Application – MORE INFO

android-text-to-speech

In this tutorial will going to show you how to quickly introduce TTS capabilities into your application.

Discover Facebook’s developer tools – MORE INFO

facebook-developer-tools

Techlightenment’s systems architect Chas Coppard gives us a rundown of the APIs and plug-ins available to connect your site to Facebook

How to build an Android app – MORE INFO

guide-to-build-android-app

Two ways to create simple applications for Android

PhoneGap Tutorial Series – #6 Writing Your Own Plugin – MORE INFO

phone-gap-tutorial

Creating your own PhoneGap plugin for iOS development.

Android Bootcamp Series 2012 Video Tutorials – MORE INFO

android-bootcamp-videos

Back by popular demand and updated for Android 4.0 (Ice Cream Sandwich), Marakana is excited to bring you Android Bootcamp 2012.

Build a Facebook Open Graph app – MORE INFO

facebook-open-graph-app

Facebook recently unveiled the Open Graph as its next generation platform. Mat Clayton shows you how to build a simple demo app on the Open Graph

Automate your Android app testing – MORE INFO

android-app-testing

Don’t trust humans to do all of your testing – not even experts. John Senner, Koa Metter and Emory Myers of MokaSocial reveal how to delegate the dirty work

Android Application Development Tutorial – 17 – MORE INFO

android-app-development-tutorial-video

Adding music with media player

Write and Publish an app for your Android Smartphone – MORE INFO

android-app-videos

Will walk you through the tedious process of writing your first app on the Android cellphone.

Android Full App, Part 8: Creating an AppWidget for the home screen – MORE INFO

appwidget-home-screen

This is the eight part of the “Android Full Application Tutorial” series. The complete application aims to provide an easy way of performing movies/actors searching over the internet.

Android Application Development Tutorial – 47 – MORE INFO

android-app-tutorial-video

Passing a string between activities

Hybrid App and App-framework tutorials and resources

Get Started with Hybrid Application Frameworks – MORE INFO

hybrid-app-framework

This wiki page will give an overview of what hybrid applications are, what tools and frameworks are out there to help create them, and some teasers for upcoming examples if you wanted to get involved.

Mobile Frameworks Comparison Chart – MORE INFO

mobile-framework-comaprison-chart

Looking for the right mobile framework? Compare all major mobile frameworks and choose the one that fits best.

App Framework Cookbook – MORE INFO

app-framework-cookbook

This cookbook presents fundamental App Framework concepts and features, by way of example, to give you the practical knowledge needed to begin creating more sophisticated applications for your domain.

PhoneGap From Scratch: Introduction – MORE INFO

sculder

Want to learn how to use PhoneGap, but don’t know where to get started? Join us as we put together “Sculder”, not only a tribute to an excellent science fiction TV series, but a fully-fledged native mobile application for the believer in you!

Getting Started with PhoneGap and PhoneGap Build – MORE INFO

phone-gap-builder

Are you brand new to PhoneGap? Where do you start? What about PhoneGap Build? There are a ton of resources out there and I’ve pulled it all together to help you get started, get some tips, and figure out where to get help.

Getting started with PhoneGap – MORE INFO

phone-gap

In this excerpt from the PhoneGap Beginner’s Guide, Nitobi/Adobe’s Andrew Lunny goes over the biggest roadblock developers find with the mobile development framework: getting started and building simple apps for iOS, Android and BlackBerry

Build a game for iOS and Android with Corona – MORE INFO

corona-game

Jonathan Beebe of Ansca, Inc explains how to easily create a fun 2D physics game for iOS and Android mobile platforms using the Corona SDK

Introduction to PhoneGap Development – MORE INFO

phone-gap

PhoneGap is an open source framework for building cross-platform mobile applications with HTML, CSS, and JavaScript.

Create cross-platform games with GameMaker: Studio – MORE INFO

game-maker-tutorial

Make simple games without code and learn to program as you go along. Gavin Smart introduces GameMaker: Studio

Two-Minute Tutorial 1 Part 1 – MORE INFO

audio-player-app

This Two-Minute Tutorial (TMT1 Part1) shows how to use AppLaud and the PhoneGap Media API to play an audio file, and use jQuery Mobile for a simple UI using buttons and updated text display. It also shows two ways to access the audio file: as a url, and locally (from the device) using the project’s /assets folder.

Code a real-time survey with HTML5 WebSockets – MORE INFO

real-time-survey

Phil Leggetter explains how to use WebSockets and Pusher to build a demo application, plus how to layer a user experience on to an app using progressive enhancement

PhoneGap basics: What it is and what it can do for mobile developers – MORE INFO

phone-gap-basics

Joe Bowser on using PhoneGap to develop across mobile platforms.

PhoneGap Tutorial Series – #1 Project Structure and Internals – MORE INFO

phonegap-project-structure

PhoneGap is an open source framework for writing applications using typical web technologies like HTML, CSS, and javascript.

Build a login form for your mobile app with DHTMLX Touch – MORE INFO

login-mobile-app

In this introduction to open source JavaScript framework DHTMLX Touch web developer Alexandra Klenova explains how you can implement a login form for a mobile web app and send form values to the server with Ajax

Create a custom theme in jQuery Mobile – MORE INFO

custom-theme-jquery

We present an exclusive excerpt from jQuery Mobile Web Development Essentials, on the basics of theming and building and using a custom theme for your app

Developing Better PhoneGap Apps – MORE INFO

phonegap-apps-article

If you’ve started researching what it would take to get from mobile web to native app, you’ve likely come across PhoneGap—a framework allowing you to wrap a mobile web app and deploy it as if it were written natively.

Styling the user interface of a Sencha Touch application – MORE INFO

ui-styling-toolbars

In this exclusive excerpt from their book on the Sencha Touch mobile JavaScript framework, John Clark and Bryan Johnson explain how to customise your app and use the Sencha theme engine with SASS and Compass

Tutorial – building a Phonegap app – MORE INFO

phonegap-app-tutorial

PhoneGap is an open-source framework for quickly building cross-platform mobile apps using HTML and JS. It is used for building something called hybrid apps which are a mix between native smartphone apps and web apps.

Hook into native events with PhoneGap – MORE INFO

phonegap-events

Develop cross-platform apps with web standards: Matt Gifford introduces PhoneGap

반응형

+ Recent posts