blogfreakz.com » Mobile development

ChocolateChip-UI – A Mobile Web App Framework

Mufti Ali — Thu, 07 Apr 2011 04:53:17 +0000

ChocolateChip-UI is a web app development framework for building web applications for mobile devices. ChocolateChip-UI also introduces a new concept, a markup language designed especially for Web apps. It’s called WAML (Web App Markup Language). Instead of divs and spans crammed with complex multi-part classes to give semantic meaning to your Web app, ChocolateChip-UI uses WAML’s special tags and attributes to clearly define all the parts of your Web app.

ChocolateChip-UI provides fully functional widgets and controls right out of the box. In most cases these require minimal to no input from you to implement their functionality.

ChocolateChip-UI uses no images to create its widgets and controls, everything is created from WAML and CSS. Where icons are used for buttons, ChocolateChip-UI uses vector-based SVG images. This means that your Web app will always be resolution independent, always crisp and clean.

ChocolateChip is designed for mobile devices using Webkit-based browsers. Because of this, you can use any Webkit-based browser on the desktop during development. This includes Google Chrome and Apple Safari.

Requirements: WebKit Browsers
Demo: http://www.chocolatechip-ui.com
License: GPL Liense

Incoming search terms for the article:

Mobile Boilerplate – A Base Template for Mobile Web Application

Mufti Ali — Mon, 28 Mar 2011 15:37:00 +0000

Mobile Boilerplate is a base template made custom for creating rich and performant mobile web apps. Mobile Boilerplate allow us to create cross-browser web application whic is consistency among A-grade smartphones, and fallback support for legacy Blackberry, Symbian, and IE Mobile.

Mobile Boilerplate is not a framework, but works well with projects like jQuery Mobile, Sencha Touch, Phonegap and Appcelerator. You get an offline caching setup for free, fast button clicks, a media query polyfill, and many common mobile WebKit optimizations.

Website: http://html5boilerplate.com/mobile

Incoming search terms for the article:

Mobile Frameworks to Create Mobile Applications

Maria Nemenman — Thu, 17 Mar 2011 15:16:28 +0000

Web application frameworks make web development faster and easier. And with the growth of mobile devices like tablet PCs and smart phones, there is an increasing demand for mobile frameworks to make mobile application development easier. Here are a few mobile frameworks to make things easier for you.

Sencha Touch

Sencha Touch is a creation of SenchaInc, an HTML5 JavaScript mobile framework, which allows the developers to make web applications that look native on Android and iPhone touch screen systems. Sencha Touch is built quite like ExtJS component, so if you have worked on ExtJS, you will have no problems with this one.

jQuery Mobile

This is a very popular framework for mobile web applications. A touch optimized framework for tablets and smart phones- it is an integrated interface system across all famous mobile platforms. It is built on solid jQuery foundation. It has lightweight code that is built with iterative enhancements and a flexible design, which helps you gain more results by doing less work.

WebApp.Net

Webapp.Net is a powerful yet lightweight JavaScript based framework that uses AJAX technology. It is an open source application and gives a complete set of useful components for developing advanced mobile applications easily and quickly.

DHTMLX Touch

DHTMLX Touch is a JavaScript library based on HTML5. It is used for developing mobile web apps. It is not just any set of UI tools but an absolute framework that permits you to develop attention-grabbing cross platform applications for touch screen devices and mobile phones.

This framework is compatible with all major web browsers that work on mobile platforms. Apps developed with the help of DHTMLX run fine on iPhone, iPad, Android based phones and other devices.

jQTouch

This is not actually a framework, but more like a jQuery plugin made for mobile web development for the iPhone platform and other smart phones. This is a part of a project run by Sencha labs. The default theme is black and looks great. It is open source and supports native animations, themes and automatic navigation for mobile browsers.

iWebKit

iWebKit is a package made to help you as you develop a website or a web app for iPod Touch, iPhone, and other compatible platforms. It is extremely simple to understand and you can work on it even if you don’t have enough HTML knowledge. There are many tutorials that make things even easier.

Jo HTML5 Mobile Application Framework

Joapp is basically a widget framework that has works on DOM. It is open source and comes with cross platform webOS, an OpenBSD license, and Symbian, Android, Chrome, Safari and Dashboard widgets. It’s efficient but light JavaScript runs only at about 8K, and has no dependencies. It is compatible with PhoneGap and most JavaScript frameworks.

iUI

iUI is a mobile framework that consists of CSS, JavaScript library, and images to help you create advanced mobile web apps for compatible devices like iPhone. There are many features of iUI, like creation of iPhone like interface and navigational menus using standard HTML. Knowledge of JavaScript is not mandatory to create iPhone like interface or to develop mobile web pages.

Sproutcore

It is another HTML5 framework that is used to make responsive apps in modern web browsers without the use of plugins. Apps made by Sproutcore follow a specific design pattern and allow you to manage your app code easily.

Zepto.js

Zepto is a simple JavaScript based mobile framework for WebKit mobile browsers. It has syntax similar to jQuery. It has a 2k to 5k library which can handle the basic work of an API so you can concentrate on important stuff.

There are a lot of cool choices, and it sometimes gets confusing. But if you take my suggestion, the best ones are Sencha Touch and jQuery Mobile. They have a lot of admirers.

Incoming search terms for the article:

XUI – Micro Library for HTML5 mobile Web Applications

Mufti Ali — Sat, 19 Feb 2011 07:29:54 +0000

XUI was born in 2008 while the popular PhoneGap framework was being developed. It was created out of necessity for a solid DOM framework that understood the latency and initialization characteristics of the mobile web. Today most frameworks are still catching up to the mobile revolution, tacking on compatibility as an afterthought and, often, only for iOS.

XUI is the smallest framework that works across all of the devices in the mobile landscape. It does not try and dictate a page structure or widget paradigm. XUI targeted builds for WebKit, IE Mobile, and BlackBerry. The file size is super tiny, only 9.4kb footprint (4.1kb gzipped).

Mobile Web development is heating up fast! If xui isn’t enough for you, then check out:

Requirements: -
Demo: http://xuijs.com

License: MITLicense

Incoming search terms for the article:

How to Build an RSS Reader with jQuery Mobile

Mufti Ali — Wed, 20 Oct 2010 12:11:04 +0000

In conjunction with the jQuery conference in Boston, John Resig announced and released the highly anticipated jQuery Mobile. Though currently in an alpha state, the framework is fantastic. Jeffrey Way has written a nice tutorial to give you an overview of How to Build an RSS Reader with jQuery Mobile.

He begins by detailingOutline the Project . The project will do/achieve the following scop:

Display a list of every Tuts+ site, along with its square logo
Display the feed for each site, when clicked on
Create a basic *article* stylesheet for rendering each posting
Create an Apple-touch icon for the users who add the “app” to their phone
Use YQL to retrieve the desired RSS feed
Implement a basic form of “text file” caching every three hours

After that he continue with creating the project by setting the environtment and load all necessary library and setup the basic structure. Finally, he discussed the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!

Source: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2

Incoming search terms for the article:

Planning for Mobile jQuery UI

Mufti Ali — Fri, 23 Jul 2010 03:13:35 +0000

jQuery UI planning to release mobile UI system for jQuery. They believe that a shared design language and underlying code across all devices desktop, tablet, smartphone is going to result in a stronger design system and more maintainable development approach. Their initial explorations consider all three major form factors. Instead of simply tweaking the existing jQuery UI widgets to work on mobile, They are using this opportunity to take a step back and take a fresh look at what jQuery UI could evolve into in the future.

Their initial design propose set of mobile widgets and layouts followed by a few samples of specific elements that may be a bit different on a tablet or desktop device.

The designs cover the following topics:

Smartphone UI elements
Tablet UI elements
Desktop UI elements
E-mail application example: Smartphone, Tablet, Desktop comparison using the same core UI elements

Source : http://wiki.jqueryui.com/Mobile

Incoming search terms for the article:

App Inventor for Android – Now Anyone Can Create an Android App

Mufti Ali — Mon, 12 Jul 2010 08:56:04 +0000

Google is launching a new tool that lets anyone create an app for Android phones. You can build just about any app you can imagine with App Inventor. Often people begin by building games like WhackAMole or games that let you draw funny pictures on your friend’s faces. You can even make use of the phone’s sensors to move a ball through a maze based on tilting the phone.

But app building is not limited to simple games. You can also build apps that inform and educate. You can create a quiz app to help you and your classmates study for a test. With Android’s text-to-speech capabilities, you can even have the phone ask the questions aloud.

To use App Inventor, you do not need to be a developer. App Inventor requires NO programming knowledge. This is because instead of writing code, you visually design the way the app looks and use blocks to specify the app’s behavior.

Website: http://appinventor.googlelabs.com/

Incoming search terms for the article:

How to Create HTML5 iPhone Applications

Mufti Ali — Tue, 08 Jun 2010 06:39:15 +0000

Sixrevision has writen tutorial about how to create offline HTML5 iPhone application, more specifically, the process of building a Tetris game. “offline”?, it means that they have a custom icon, a custom startup screen, a native look-and-feel, and you can use the app even when the phone isn’t connected to the Internet.

The app should be as functional as it can when it is offline, just like normal native mobile apps. This is a tutorial specifically for iPhones but most of these techniques apply to all phones that have HTML5-capable browsers.

Requirements : HTML5 support browser
Demo : http://tetris.alexkessinger.net/
License : License free