background preloader

Mobile

Facebook Twitter

Adobe AIR Native Extensions 200+ ANEs - iOS, Android, Mac, Windows. Author : Peter Date : April 13, 2014 4 Comments We love Adobe AIR – it is no secret.

Adobe AIR Native Extensions 200+ ANEs - iOS, Android, Mac, Windows

We believe the love is mostly because of the lovely native extensions it supports and hence the endless possibilities that result from it. We have listed some of the popular and highly useful adobe air extensions below. Do let us know your feedback on the ones you have laid your hands on in our comments section. Adobe Systems - The original brews. Using the Flash Professional Toolkit for CreateJS. There are a number of restrictions to the type of timeline animations that can be published.

Using the Flash Professional Toolkit for CreateJS

The extension does not currently support certain advanced features such as custom easing curves, or inverse kinematics. New (non-classic) motion tweens and shape tweens are supported, but are collapsed into frame by frame animations. In comparison, classic tweens are maintained as runtime tweens, which makes them have a very small file size, and allows them to be manipulated through code. WordPress and Phonegap (part 1) WordPress is an excellent CMS and provides a lot of flexibility for developers, users, authors, and everyone who manages websites.

WordPress and Phonegap (part 1)

I wrote a blog post phonegap few months ago and few people were interested to learn more how to use WordPress as a backend for a mobile app. Phonegap is just one of the tools you can build a mobile app. WordPress is, in this case, API server, it manages database and all the content stored in there. There are multiple formats you can display data returned from database, some of them are HTML, XML, JSON (what we need), and XML-RPC (default WordPress format for remote publishing). Build native mobile apps for iOS/Android with WordPress. Tools. Intel® XDK HTML5 development environment - develop, emulate, test-on-device and build apps Download Today Intel® XDK a HTML5 cross-platform solution enables developers to write web and hybrid apps once, and deploy across many app stores and form factor devices.

Tools

Easy-to-use: Streamlined workflow from design to app storeDevelop faster: Integrated design, test, and build toolsDeploy simply: Across more app stores, and form factors. PropertyCross. Titanium Mobile Application Development. Product Overview - Cross-platform hybrid mobile app development - Icenium. Making Forms Fabulous with HTML5. Introduction Filling out forms on the web has never been exactly fun, and it can be downright painful on a mobile device with its on-screen keyboard.

Making Forms Fabulous with HTML5

But modern browsers help to make this much easier by providing new semantic input types and validation. When used properly, these features make it significantly easier for users to provide the information needed, increasing completion rates, and improving accuracy. One study found that simply providing inline validation increased the successful completion rate by 22% and decreased time to completion by 42%. Browser support Currently support for the new form and input elements is widespread on modern browsers, though there is often some difference in the way some pickers are displayed on desktop.

New input types HTML5 introduces a number of new input types. Many browsers provide built-in validation for some input types like email and url. Validation Validation constraint attributes The pattern attribute The required attribute The invalid event. Interface Builder for Bootstrap. Application development. New features for out-of-browser application development Recent Updates Apr 15, 2014—This is a beta release of AIR 13, code named King.

application development

Download AIR 13 beta The Adobe® Flash® Platform runtimes, Adobe Flash Player and Adobe AIR®, allow developers to create rich experiences – from console quality games and interactive content to full HD premium video – for desktop browsers as well as desktop and mobile apps for iOS (iPhone/iPad) and Android mobile devices.

Developers can leverage a common codebase to deliver tailored, optimized games, content, and apps across screens using Flash Professional and Flash Builder®. Adobe AIR allows developers to package their Flash-enabled content into apps that reach over 1 billion personal computers and 500 million mobile devices. Building and packaging mobile apps in Dreamweaver CC. Using Dreamweaver CC, you can create native mobile applications with jQuery Mobile web pages and then use PhoneGap Build to package the applications for various mobile platforms.

Building and packaging mobile apps in Dreamweaver CC

In this tutorial, you’ll create a mobile application that display restaurants based on a type of cuisine and identify the location of a restaurant on a map. You’ll also learn how to package this application in a format that can be used on multiple mobile platforms. Note: If you are stuck at any point in the tutorial, open the index.html page from the sample files, and look at the code. Web Designer. Examples of Navigation in Responsive Design. Brick. Feathers 1.1.0.

Devgirl's Weblog. Flat eLearning Design + Free Articulate Storyline Template. Sample Mobile / PhoneGap Application with Backbone.js and Topcoat. In this post, I’m excited to share my first sample application built with Topcoat.

Sample Mobile / PhoneGap Application with Backbone.js and Topcoat

Topcoat is a CSS library — a set of customizable styles for mobile components — that you can use to build polished, clean and fast mobile web apps. Topcoat has a desktop profile as well. Because Topcoat focuses exclusively on the UI layer and doesn’t overlap with the other layers of your application, you can build your application the way you want, with the framework you want, or no framework at all. Another thing that sets Topcoat apart, is that it’s built on the “Performance First” idea. You can take a look at the performance testing infrastructure here. In this post, I use Backbone.js as the architectural framework and Topcoat as the UI toolkit to build my Employee Directory reference application. You can experience the application below: Click here to run the app in a full browser window. High Definition Video Tutorials for Actionscript 3 Development. Using geolocation to automatically generate a route and directions in Google Maps. In this tutorial we will create a google map with directions that use your current location as starting point on mobile devices (or other devices that support geolocation).

Using geolocation to automatically generate a route and directions in Google Maps

In an earlier tutorial we already built a page with a nice google map and a form to enter your location in and then calculate directions and a route to a location. Your office or home, for example. This is good if your adience most probably is at home or somewhere they know the address of. What if somebody was on in a foreign city, just wanting to know what's the nearest bookstore. He doesn't know what his address is of the where he's standing. Cordova. About Apache Cordova™ Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript.

Cordova

Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript. When using the Cordova APIs, an app can be built without any native code (Java, Objective-C, etc) from the app developer. Instead, web technologies are used, and they are hosted in the app itself locally (generally not on a remote http server). And because these JavaScript APIs are consistent across multiple device platforms and built on web standards, the app should be portable to other device platforms with minimal to no changes.

HTML5 Mobile App Development Framework. Download Sencha Touch Free. Sencha Touch is the leading MVC-based JavaScript framework for building cross-platform mobile web applications. Sencha Touch leverages hardware acceleration techniques to provide high-performance UI components for mobile devices. With over 50 built-in UI components and native looking themes for all major mobile platforms, Sencha Touch provides everything you need to create impressive apps that work on iOS, Android, BlackBerry, Windows Phone, and more. A novel and adaptive layout engine, fluid animations, and smooth scrolling features allow developers to build applications that respond to user actions nearly instantaneously, much like native technologies.

The framework includes a robust data package that can consume data from any backend data source. An advanced charting package allows you to visualize data on mobile devices. Simple, Beautiful Mobile Sites In Minutes. Apache Cordova. Building PhoneGap Applications With Dreamweaver. Update (3/28/2012): Hi Everyone, I know there have been lots of questions about PhoneGap + Android SDK, and lots of headaches because Google’s Android SDK keeps changing and breaking the Dreamweaver integration. 3 Ways to Install Applications On Android Without The Market. How to build an Android app. One of the strengths of the Android platform compared to iOS, for example, is that it has an open source basis, which makes it easier to produce your own applications and distribute them without waiting for a lengthy approval process. You can set up your own Android app on your PC as long as you have the right software installed, and you can even take it for a test drive using an Android emulator so you can see what it will look like when it's run on a smartphone.

There are two techniques that you can use to produce Android applications with a PC. The first uses the Android Software Development Kit (SDK). This lets you write raw code and helps you get it working in the Android environment. The second uses App Inventor, a Google Labs tool that's still in beta. FREE App Creator. Create Apps for Android. No Coding Required. Building Your First App. How to Build a Native Mobile Application in Dreamweaver CS5.5. In earlier articles we covered HTML5 Semantics and multiscreen authoring in Dreamweaver. In this article we're going to look at the process of building a native phone application in Dreamweaver CS5.5. The PhoneGap framework has become popular with web designers who want to write native moble applications using HTML, JavaScript and CSS. Adobe decided to team up with these people and integrate their framework for Android and iOS directly into Dreamweaver.

Having said that, it's necessary to install the Android and iOS SDK's into Dreamweaver in order to be able to use them. Note that for the PC, you can only install the Android SDK, on the Mac platform, you can install both. Signing Your Applications. Android requires that all apps be digitally signed with a certificate before they can be installed. Android uses this certificate to identify the author of an app, and the certificate does not need to be signed by a certificate authority.

Android apps often use self-signed certificates. The app developer holds the certificate's private key. Signing Overview. Make an HTML5 Mobile App for iPhone & Android in Minutes.