HTML5 Please - Use the new and shiny responsibly Getting started with Appmobi Phonegap XDK Home » Mobile » Getting started with Appmobi Phonegap XDK Appmobi-HTML5 powered mobile development platform now offers new tool called ‘Phonegap XDK’ that helps mobile application development using the phonegap framework. PhoneGap XDK: So far the mobile developers who are using phonegap framework to build mobile applications have used Eclipse as their primary Integrated development environment but now appmobi offers XDK which means an integrated development framework(IDE)which you can access using a web browser. Read next : 6 Best Cross platform mobile development tools What is so special about this IDE? PhoneGap XDK is an useful tool for the beginners to build and emulate applications on various devices.Once you build the application you can download the app and submit it to marketplaces (either apple appstore or android market) or push to cloud and test it on real devices. Lets Get started using Phonegap SDK Setup a new project by clicking next button. Appmobi Project life cycle
jQuery: Smooth Scrolling Internal Anchor Links | Sycha Web Design & Development November 13th, 2010Charlie Evans Here’s a neat little jQuery trick to fancy up your internal anchor links, by making them scroll smoothly to their target as opposed to jumping instantly. Internal anchor links are very common place, e.g. This is what it looks like in action, click the following link:Scroll to comments This technique is very simple. Set up your link as you normally would, e.g. href=”#comments” (where comments is the id of your target) Add a class=”scroll” attribute to the link element, so it now looks something like this: Finally add the following jQuery code wherever is most appropriate And that’s all there is to it A common mistake in implementing this script is using “named anchors” for your target, instead of an id attribute on your target element.
Mobile application development Platform development environment Each of the platforms for mobile applications also has an integrated development environment, which provides tools to allow a developer to write, test and deploy applications into the target platform environment. The following table summarizes the elements in each of the development environments. Criteria for selecting a development platform usually contains the target mobile platforms, existing infrastructure and development skills. Mobile application testing Mobile applications are first tested within the development environment using emulators and later subjected to field testing. Google Android Emulator The official Android SDK Emulator The official Android SDK Emulator includes a mobile device emulator which mimics all of the hardware and software features of a typical mobile device (without the calls). MobiOne TestiPhone TestiPhone is a web browser-based simulator for quickly testing iPhone web applications. iPhoney BlackBerry Simulator
Add Change Tracking to Online Text Editing with Ice.js If you're looking to add change tracking to a Web app, you might want to take a look at Ice from the CMS group at the New York Times. Ice (or Ice.js) is an implementation of change tracking for any content-editable element on the Web. It can track changes (inserts, deletes) from multiple users, and has some optional plugins for converting "smart" quotes and creating em-dashes. Hands-on experience is probably the best way to get an idea what Ice.js can do. The current demo shows a plain content-editable element with Ice.js as well as a TinyMCE instance using Ice.js as a plugin. Ice.js also has an API, so you could use it as the basis for your own custom editor or integrate it into an editor like TinyMCE. Ice.js looks pretty good so far, but the project is still in early days and the developer is calling for other folks to get involved adding features, plugins and documentation.
Developing for Multiple Devices Article – Developing appMobi Applications for Multiple Devices v1.00 : 03.18.2011 Writing an appMobi application for multiple devices can prove to be a challenge. The issue is essentially that the devices have different native resolutions. Applications with too small a resolution cause the application will look “blocky” or “fuzzy” when it is scaled up to run on a device with a larger resolution. This article will outline the risks involved and provide solutions to help developers create an application that is as flexible, attractive, and solid as possible. There are two schools of thought to writing an application that displays appropriately on multiple devices. Detecting the platform AppMobi.device.platform Getting the inner width & inner height of the document to get the actual dimensions Using CSS to wrap text Using the viewport commands Wait until after the viewport command runs to make the <body> tag visible Don’t try to do viewport and rotation at the same time //set Viewport
element « DOM Reference The Element interface represents an object within a DOM document. This interface describes methods and properties common to all kinds of elements. Specific behaviors are described in interfaces which inherit from Element but add additional functionality. For example, the HTMLElement interface is the base interface for HTML elements, while the SVGElement interface is the basis for all SVG elements. Languages outside the realm of the Web platform, like XUL through the XULElement interface, also implement it. Properties Inherits properties from its parents Node, and its own parent, EventTarget, and implements those of ParentNode and ChildNode. Event handlers Element.oncopy Returns the event handling code for the copy event. Element.oncut Returns the event handling code for the cut event. Element.ongotpointercapture Element.onlostpointercapture Element.onpaste Returns the event handling code for the paste event. element.onwheel Returns the event handling code for the wheel event. Methods
remybach/jQuery.superLabels - GitHub