background preloader

Mobile DEv

Facebook Twitter

Download the 120 best free fonts | Typography. In this freshly updated free fonts for designers post, we bring you the world's best free fonts. We've filtered out the diamonds from the thousands of less perfectly designed free fonts available online, for you to use in your designs and illustrations. Get Adobe Creative Cloud now This list represents the 55 best free fonts we've found in eight categories. You can use the drop-down menu at the top of the page, or the boxout, right, to jump to the section you want. Don't forget, we have many other articles covering specialist font types including handwriting fonts, kids' fonts, cursive fonts, beautiful fonts, web fonts, professional fonts and more.

Most of the typeface collections listed here can be used in your projects for free, but please be sure to check the terms. Serif fonts 01. This free serif display font takes inspiration from the late 18th century European Enlightenment and the work type designer John Baskerville. 02. Lora is a free font that has its roots in calligraphy. 03. PhoneGap VS Appcelerator.


PhoneGap. How to build an app: 35 great tutorials | App design. All Posts | Backbone.js Tutorials. PhoneGap. PhoneGap and jQuery Mobile vs. Sencha Touch. PhoneGap Build lets web developers create native mobile apps for iOS and Android without learning Objective C or Java, while still being able to access native hardware features like vibration, accelerometer, camera, and so forth. This is great if you are a web developer and need to develop a native mobile app on multiple platforms (iOS, Android, etc.) I was fortunate enough to be able to attend Web Unleashed 2012, a two-day “Front End Developer Event” near Boston, where they discussed mobile app development.

One of the highlights for me was a presentation called “Building Multiplatform Apps with HTML & JavaScript Using PhoneGap Build”, by Brian Rinaldi from Adobe. PhoneGap Build Makes it Easier PhoneGap Build is Adobe’s attempt to take care of more of the development process for you (especially the convoluted iOS compilation process). Android development (and Blackberry, for those who care), works the same way, except that you don’t need a license.

PhoneGap vs. jQuery Mobile vs. . - Brian. PhoneGap From Scratch: Introduction. 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! In this series, we will build a mobile application using some of the features in PhoneGap. We will go from installation of the SDK to deployment into the app stores of the two major platforms: iOS and Android. Concepts covered in this series will include accessing the device camera, local storage, and geolocation. In this first part, we will take a quick look at what PhoneGap actually is and what you can use it for, and then look at the installation of the PhoneGap framework and the SDKs that we require for testing on OS X, Windows, and Linux environments.

What is PhoneGap? By now you probably have a good idea of what PhoneGap is and you've probably even used it, but, if not, here's a brief overview. At the time of publication (e.g. Concluding Remarks. High Defintion Video Tutorials for PhoneGap and Dreamweaver CS5.5 or CS6 Development. Location - How to measure GPS signal strength on Android. Open Source Mobile Cloud Platform. jQueryMobile et PhoneGap : un duo gagnant pour vos applications mobiles ? Le succès des smartphones, tablettes, et autres mobile devices ne semble, malgré la crise, subir aucun ralentissement : sur 2011 on observe une augmentation des ventes de smartphones de 74% et un total de 63 millions de tablettes vendues.

Pour nos clients, cela déclenche une remise en perspective de leur stratégie : “comment proposer mes services mobiles à la population la plus large possible”, “comment m’adapter aux nouveaux canaux de diffusion que sont les App Store et Google Play” ou encore “puis-je maitriser mes coûts de développement et de maintenance sur ces X plateformes”. Dans cet article, je vais essayer de vous présenter l’approche que j’ai utilisé pour un client. jQueryMobile, les composants graphiques jQueryMobile est un framework qui permet, à partir de pages HTML5/CSS3, d’obtenir des écrans et des composants graphiques adaptés au rendu sur un écran de smartphone ou tablette.

Exemple “quick & dirty” Cinématique des écrans Retour d’expérience Les points forts sont : Static Maps API V2 Developer Guide - Google Maps Image APIs. The Google Static Maps API lets you embed a Google Maps image on your web page without requiring JavaScript or any dynamic page loading. The Google Static Map service creates your map based on URL parameters sent through a standard HTTP request and returns the map as an image you can display on your web page.

New! The Google Static Maps API Usage Limits have changed. Creating an API key and including it in your request allows you to track usage in the APIs Console, and to purchase additional quota if required. This document details the Static Maps API v2. A Quick Example The following example contains the URL of a static map image of downtown New York City, which is displayed below: Notice that you don't need to do anything "special" to get this image to show up on the page. Audience This document is intended for website and mobile developers who want to include Google Static Maps API images within a webpage or mobile application. API Key. jQuery Mobile | jQuery Mobile. Two-Minute Tutorials 0. TMT0 Use AppLaud to Create a Web App Project, Run it on a Device or Simulator *Primer tutorial for MDS AppLaud 1.2 Eclipse Plugin for PhoneGap for Android AppLaud Plugin Intro Video The first Two-Minute Tutorial (TMT0) presents in detail the steps to create a new project, understand project and file contents, enable and review JSLint settings, and run the app on a device or simulator.

Users who have already run a PhoneGap app from Eclipse may prefer to skip to TMT1. The MDS AppLaud Plugin includes 5 demo projects ready to run out-of-box. This tutorial uses the basic PhoneGap demo. Prerequisites Part 1 Use Project Creation Wizard to create new Web App Project 1. The PhoneGap icon launches the PhoneGap Project Creation WizardNotice the current Java perspective in the upper right corner (will be JavaScript after project creation)Action: Click on the Project Creation Wizard icon Note: Most widgets/items include hints in hover text - make use of them to learn Eclipse quickly Continue to Step 4. 4. Use jQuery Mobile to Build a Native Android News Reader App.

In this three part tutorial series, our main goal is to describe how jQuery Mobile can be used to develop a native Android application. First, we will develop a stand-alone, sample web application that will browse articles from Yahoo! News using jQuery Mobile. Then we will convert that web application into a native Android application with minimal effort. The jQuery Mobile project is a mobile web framework with its alpha 2 version released in November, 2010. The framework can be used to develop cross-platform mobile web applications for Android OS, iOS, Blackberry OS, and similar platforms (For a complete cross-compatibility chart, see Although the framework was designed to build cross-mobile web applications, it is possible to use jQuery Mobile to develop native Android applications as well.

First, we will illustrate the dynamic construction of basic UI elements in jQuery Mobile. Organization Of This Series Page Flow Observe the spinning icon Page Structure. Christophe Coenraets | Tutorial: Developing a PhoneGap Application. In this tutorial, you create a fully functional employee directory application with PhoneGap. You will learn: How to use different local data storage strategies.How to use several PhoneGap APIs such as Geolocation, Contacts, and Camera.How to handle specific mobile problems such as touch events, scrolling, styling, page transitions, etc.How to build an application using a single page architecture and HTML templates.How to build (compile and package) an application for 6 platforms using PhoneGap Build.

To complete this tutorial, all you need is a code editor, a modern browser, and a connection to the Internet. A working knowledge of HTML and JavaScript is assumed, but you don’t need to be a JavaScript guru. Setting Up Download the assets for the workshop here.Unzip the file anywhere on your file system.If your code editor allows you to “open a directory”, open the phonegap-workshop-master directory. Step-by-step solution files are also available here. Part 1: Choosing a Local Storage Option. jQuery Mobile "Getting Started" Application. A couple of weeks ago, I shared an Employee Directory sample application built with jQuery Mobile and PhoneGap. That application was implemented “Ajax-style”, keeping the UI and the data access code cleanly separated.

In other words: no server code intermingled in the HTML markup. A number of people have asked for a similar example using a “classic” (non-Ajax) implementation where pages (markup + data) are entirely built at the server-side before being delivered to the client. So, here is simpler version of the same application built “sans Ajax”. I used PHP in this version, but you can of course use your favorite server-side technology (Java, .NET, CF, RoR, etc). Run the application Click here to run the application. Download the source code Click here to download the source code.

Running the Application with PhoneGap With this implementation, the application files can’t be installed locally on the device since pages are created dynamically on the server side. Summary. Sample Application using jQuery Mobile and PhoneGap. Here is a simple application I built using jQuery Mobile and PhoneGap. Even though the application is simple, it covers some common requirements of mobile applications: database access through JSON services, multi-level master-detail views, parameter passing between views, etc.

You can play with the application here, or download the source code below and build it for different mobile platforms (using the PhoneGap tools or the cloud-based build service at Run the Application Click here to run the application. The first view shows a list of employees. Download the Source Code You can download the source code (HTML, JavaScript, CSS, PHP services and SQL script) here. Code Highlights The approach taken in this application is a complete separation of the client and server code: no intermingled HTML and server-side scripts. PhoneGap You can use PhoneGap to package this application for different platforms. Updates: Using with PhoneGap: A marriage made in Awesome.

When you build applications that allow end users to store content, you must find a solution to store that data in a persistent manner. You have a few options: You can store all the data locally on the device itself. PhoneGap provides access to a client-only database solution via its Database API. This works well, especially with developers used to working with SQL databases. But the data is confined to the device. If the user installs your application on another device (such as a tablet), then they can't access the same data.You can store data on a remote server. Parse allows clients to store data on their servers. Parse pricing is structured in three plans. Parse offers several different ways to use their service. You can also use a simple REST-based API.

And finally, you can use the JavaScript API. Bperin/HttpRequest. Getting started with PhoneGap in Eclipse for Android. Note: Be sure to change the version number of the Cordova JavaScript file to match the version of PhoneGap/Cordova that you are using. Eclipse is an open source integrated development environment (IDE) that supports many technologies, but this article is focused on its support of Java, the native language for Android applications. Android is Google's open source mobile operating system. Android is the operating system for many smartphone and tablet devices, including the Samsung Galaxy line of phones and tablets, the Amazon Kindle Fire tablet, and the Barnes and Noble Nook tablet, as well as many other devices from numerous manufacturers.

PhoneGap is an open source application platform that enables you to create natively-installed mobile applications using HTML and JavaScript. The first step in setting up your development environment for PhoneGap applications on Android is to download and install the Eclipse IDE. Android development with PhoneGap can be done in Windows, OS X, or Linux. <! 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.

Combined with a UI framework such as jQuery Mobile or Dojo, 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. Apps using Cordova are still packaged as apps using the platform SDKs, and can be made available for installation from each device's app store. Want to Contribute? Search the issue tracker: Apache Cordova API Documentation. This guide describes how to set up your development environment for Cordova and run a sample application. 1.

Minimum Requirements for Development Identical to Android Minimum Requirements 1.1 Supported Android Devices Android 2.1 (Deprecated May 2013)Android 2.2Android 2.3Android 3.x (Deprecated May 2013)Android 4.x We currently do not support Android 1.x, and we plan to deprecate platforms in the future as they are updated and dip below 5% on the distribution dashboard provided by Google. 2.

Download and install Eclipse ClassicDownload and install Android SDKDownload and install ADT PluginDownload the latest copy of PhoneGap and extract its contents. 3A. Open the Terminal program (this is in your Applications/Utilites folder by default).Run the following command touch ~/.bash_profile; open ~/.bash_profile This will open the file in the your default text editor.You need to add the path to your Android SDK platform-tools and tools directory.

Source ~/.bash_profile 3B. Save your edit. 4. 5A. 5B. Download & Archives. Draw 9-patch. The Draw 9-patch tool allows you to easily create a NinePatch graphic using a WYSIWYG editor. For an introduction to Nine-patch graphics and how they work, please read the section about Nine-patch in the 2D Graphics document. Here's a quick guide to create a Nine-patch graphic using the Draw 9-patch tool. You'll need the PNG image with which you'd like to create a NinePatch. From a terminal, launch the draw9patch application from your SDK /tools directory. Drag your PNG image into the Draw 9-patch window (or File > Open 9-patch... to locate the file). Note: A normal PNG file (*.png) will be loaded with an empty one-pixel border added around the image, in which you can draw the stretchable patches and content area.

Optional controls include: Zoom: Adjust the zoom level of the graphic in the drawing area. Android Development. Créez des applications pour Android. Creating an Android Project. Android Development Tutorial. Android Development Tutorial. Forum. Android SDK.

Sensha Touch

Créer sa première webapp iOS et Android avec Sencha Touch | Florent Lamoureux.