blogfreakz.com » Mobile development

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:

Sencha Touch – HTML5 Mobile App Framework

Mufti Ali — Sun, 20 Jun 2010 08:00:02 +0000

Sencha Touch is app framework built specifically to leverage HTML5, CSS3, and Javascript for the highest level of power, flexibility, and optimization. It make use use of HTML5 to deliver components like audio and video, as well as a local Storage proxy for saving data offline. Sencha Touch allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices.

It has extensive use of CSS3 in its stylesheets to provide the most robust styling layer possible. Altogether, the entire library is under 80kb (gzipped and minified), and it’s trivial to make that number even smaller by disabling unused components or styles.

Requirements:
Demo: http://www.sencha.com/products/touch/demos.php
License: GNU GPL license v3

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

Incoming search terms for the article:

How to Create HTML5 Location Based Application

Mufti Ali — Thu, 03 Jun 2010 09:41:20 +0000

To detect the location of a client device in the past, one would typically have to inspect the client IP address and make a reasonable guess as to the where that device was located. However, as part of the HTML5 efforts, the W3C has developed a set of APIs to effectively allow the client-side device (i.e. your iPhone 3G+, Android 2.0+ phones, or even your conventinal desktop browsers) to retrieve geographic positioning information with JavaScript.

HTML5-geolocations

Nettuts has writen comprehensive tutorial how to create location-based application using HTML5 features and jQuery framework. In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 applications.

Requirements: jQuery Framework, HTML Support Browser
Demo: http://mobile.tutsplus.com/tutorials/html5/html5-apps-positioning-with-geolocation/
License: Free License

Incoming search terms for the article:

PhoneGap – development tool for building mobile apps with JavaScript

Mufti Ali — Sun, 31 Jan 2010 03:40:40 +0000

PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript. If you’re a web developer who wants to build mobile applications in HTML and JavaScript while still taking advantage of the core features in the iPhone, Android, Palm, Symbian and Blackberry SDKs, PhoneGap is for you.

Supported Features

	iPhone	Android	Blackberry
Geo Location	yes	yes	yes
Vibration	yes	yes	yes
Accelerometer	yes	yes	pending
Sound	yes	yes	yes
Contact Support	yes	pending	yes

Development using phonegap is as simple as HTML, CSS and JavaScript. Software development is hard work. Device integration should be simple so you can focus on the application you are building instead of authoring complex compatibility layers. PhoneGap aims to solve device integration by web enabling devices native functionality with open standards.

It has device diagnostic capability, the Apple iPhone, Google Android and various Blackberry models boast large screens and powerful device capability. Web enabling these devices in a consistent platform saves the developer from having to implement logic in three different software development paradigms.

Websites: http://phonegap.com
Demo: http://phonegap.com/projects
License: MIT License

Incoming search terms for the article:

WebApp.Net – Mobile Web Application Framework

Mufti Ali — Wed, 13 Jan 2010 12:39:05 +0000

WebApp.Net is a light weight, powerful javascript framework taking advantage of AJAX technology. It provides a full set of ready to use components to help you develop, quickly and easily, advanced mobile web applications.

WebApp.Net has been designed to mimic the actual iPhone and iPod Touch graphic user interface. It has many easy to use components, based on javascript and cascading style sheets technologies, to help you designweb applications for iPhone, iPod Touch, Android, webOS and any other devices with a WebKit based browser. WebApp.Net can be used with any server side technology (ASP.Net, PHP, Ruby

Features

Ajax inside
Native fullscreen
Quick media
New UI elements
Custom event
Advanced styles
Progressive loading
Easy proxy integration
Script support
Animated PNG
RLT text support
And more

Demo: ttp://demo.webapp-net.com/
License: new BSD license

Incoming search terms for the article:

Mobilize your wordpress using Wapple Architect Mobile and WordPress Mobile Admin

Mufti Ali — Mon, 30 Nov 2009 19:08:50 +0000

Wapple Architect Mobile and WordPress Mobile Admin wordpress plugin allow you to fully mobilize your wordpress blog both the frontendÂ (hompage)Â and teh backendÂ (wordpress admin page).

Wapple Architect Mobile Plugin for WordPress

Wapple Architect Mobile Plugin for Wordpress is a plugin that allows you to mobilize your blog in minutes.

Devices are detected by using Wapple’s advanced web services instead of relying on inferior 3rd party tools. If you view your blog with a brand new, never before seen handset, it’ll still work perfectly!

Any theme you’ve installed and have styled for web will be carried across to mobile giving you a consistent look and feel for each and every one of your visitors.

Why it’s different to other plugins:

Other mobile plugins for WordPress use a default mobile style which results in an inconsistent experience for your users, Wapple Architect Mobile plugin for WordPress retains the styling of your site from web to mobile.
There’s no redirection to a mobile version of the blog – URLs are exactly the same on web and mobile giving you the ability to promote and use one single domain!
No transcoding happens here – the mobile version is written in WAPL (an advanced mobile markup language) that results in a completely tailored solution perfect for your mobile visitors.

Features

Dynamic resizing of images
Retain SEO, preserve your URL structure and promote one single domain
Fully compatible with WordPress MU
Support for multi-lingual characters – even funny characters that make their way onto your blog (from a copy and paste from Word for example) are handled.
Comment from mobile! Turn on the feature and your visitors can leave comments from their handset.
Upload mobile specific header/footer images – resized on the fly to fit a visitors handset perfectly
Place mobile friendly navigation links around your site to help users browse around your blog
Advanced pagination – split up long posts into manageable chunks that make reading a post on mobile easier
Any theme that you’ve installed will have its styles carried across to mobile giving you a consistent look and feel for all your visitors.
Complete freedom over how you want to style your mobile site. We’ve done our best to make the mobile stylesheet as comprehensive as possible but no doubt there will be a few things you want to change – you can by editing a few settings.
Control over almost every element on your mobile page:- change the size and quality of images on posts and pages, show tags and categories in different sections, you can even change the wording of certain elements on your site!

Demo : http://wordpress.org/extend/plugins/wapple-architect/screenshots/
Download page : http://wordpress.org/extend/plugins/wapple-architect/

WordPress Mobile Admin

WordPress Mobile Admin is a fully featured WordPress control panel for your mobile. It works on every device – no matter what it’s capabilities, so it doesn’t matter if you don’t have an iPhone or BlackBerry, you can still manage and update your blog whilst you’re on the go.

It uses Wapple’s advanced web services to produce perfect markup whilst at the same time maintaining the familiar look and feel of WordPress. You can write and edit posts, moderate and reply to comments as well as updating and managing tags, categories and pages.

Features

Add new posts from mobile
Post pictures from your mobile phone and dictate where they appear on the post
Post, Page, Tag and Category Management
Comment Moderation – including replying to comments
User Profile page – including colour schemes
Support for gravatars

This plugin uses the same technology as the Wapple Architect Mobile Plugin.

Demo: http://wordpress.org/extend/plugins/wordpress-mobile-admin/screenshots/
Download page: http://wordpress.org/extend/plugins/wordpress-mobile-admin/

Incoming search terms for the article:

jQTouch, A jQuery plugin for mobile WebKit development

Mufti Ali — Mon, 31 Aug 2009 15:41:14 +0000

jQTouch is jQuery plugin with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, G1, and Pre. jQTouch help us to create powerful mobile apps with just HTML, CSS, and jQuery.

Feature

Easy to install. Get up and running in a few minutes.
Entirely customizable with selector options
Theme support, including default Apple and jQTouch custom themes
Callback functions throughout, including swipe and orientation change detection
Page history management and CSS3 page transitions, including 3d flip
Easily allow apps to run in fullscreen mode with custom icons and startup screens
The power of jQuery to build AJAX applications
New demos: Clock and Todo

Homepage:http://www.jqtouch.com/
Demo:http://www.jqtouch.com/preview/demos/main/
License:MIT Licensed

Incoming search terms for the article:

WPtouch: Mobile Plugin + Theme for WordPress

Mufti Ali — Sun, 23 Aug 2009 10:48:03 +0000

This post is short but sweet. I discovered today WPtouch, automatically transforms your WordPress blog into a web-application experience when viewed from an iPhone.

More than just a plugin, WPtouch is an entire theme package for your WordPress website. Modeled after Apple’s app store design specs, WPtouch makes your WordPress website load lightning fast on touch mobile devices, show your content beautifully, all while not interfering with your regular theme.

WPtouch automatically transforms your WordPress blog into a web-application experience when viewed from an iPhone, iPod touch or Android touch mobile device. It comes complete with all the standard WordPress blog features: search, login, categories, tags, archives, photos & more. WPtouch also offers many customization features through a beautifully designed WordPress admin panel.

Download:http://downloads.wordpress.org/plugin/wptouch.1.9.zip