Mobile-Web-App

Wednesday, September 25, 2013

HTML5 iPhone Web Application Development

HTML5 iPhone Web Application Development

An introduction to web-application development for mobile within the iOS Safari browser with this book and ebook

Overview

Simple and complex problems will be covered with examples and resources that backup the approach and technique.
Real world solutions that are broken down for multiple target audiences; from beginner developers to technical architects.
Learn to build true web applications using the latest industry standards for iOS Safari.

In Detail

Create compelling web applications specifically tailored for distribution on iOS Safari. Work through real world examples with references, and in-depth discussions on the approach; including its benefits and drawbacks.

"HTML5 iPhone Web Application Development" strives to teach all levels of developers, beginners and professionals, the process of creating web applications for iOS Safari. Utilizing current industry standards for frontend development, learn to take advantage of HTML5, CSS3 and JavaScript to create compelling software.

Start with reviewing current industry standards for frontend development, and end with creating a native application using the same codebase.

Your journey will begin with an overview of current industry standards for frontend technology, quickly moving to solve real world issues; from creating a resizable or responsive gallery, to creating a single page application that utilizes the popular Backbone.js framework.

"HTML5 iPhone Web Application Development" aims to make you an expert in developing web applications for the iOS Safari platform.

What you will learn from this book

Explore exciting HTML5 features such as Geolocation and localStorage
Responsive design implementation
Native application development using PhoneGap
Get to grips with current industry standards
Develop touch-based interactivity
Learn about Safari specific UI enhancements
Find solutions to every day real world problems

Approach

Presented in an easy to follow, step by step tutorial format, this is your guide to web application development for the iOS Safari

Who this book is written for

This book was meant for you! From the beginner developer to chief technology officer, this book aims to make you an expert in the field of web application development for iOS Safari. Familiarity with HTML, CSS and JavaScript are greatly encouraged but if you’re looking to dive right in and find solutions to everyday problems and more, then this book is for you.

Saturday, September 14, 2013

Simulate Touch events on Google Chrome Desktop

To simulate Touch Events on Google Chrome Desktop:

Open Developer Tools by clicking on Chrom's Menu, select Tools, Developer Tools.

Click on the Setup icon.

Select Overrides Settings, scroll down to enable Emulate touch events.

Monday, September 9, 2013

Firefox OS Demo

Firefox OS Demo
Find out more: www.mozilla.com/firefoxos

Sunday, September 8, 2013

Hello World! for Firefox OS WebApps

To build a simple Hello World run on Firefox OS:

Hello World run on Firefox OS Emulator

Create a working directory to hold your source code.

Create a HTML file, named index.html, in the working directory.

<html>
<header>
 <title>Mobile-Web-App</title>
</header>
<body>
 <p>Hello! from <a href="http://mobile-web-app.blogspot.com/">Mobile-Web-App</a>.
</body>
</html>

Create another file, "manifest.webapp".

{ "name": "Hello Firefox OS",
 "description": "Hello from Mobile-Web-App",
 "launch_path": "/index.html"
}

Run with Firefox OS Simulator on desktop: start Firefox browser, start Firefox OS Simulator by Tools from Firefox menu -> Web Developer -> Firefox OS Simulator.

Click on Add Directory button, browse to select your manifest.webapp. The Emulator will start and load your WebApp.

Alternative, you can click the Simulator Stopped if it is not yet started. Then click Connect button.

Firefox OS Simulator

Firefox OS Simulator is a test environment for Firefox OS. Use it to test your apps in a Firefox OS-like environment that looks and feels like a mobile phone. After installing it, go to Web Developer > Firefox OS Simulator to access its features.

Visit https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/ using Firefox Browser to install Firefox OS Simulator Extension.

After installed, you can open Firefox OS Simulator Dashboard by selecting Tools from Firefox menu -> Web Developer -> Firefox OS Simulator.

Firefox OS Simulator Dashboard

Next: Hello World! for Firefox OS WebApps

Saturday, September 7, 2013

Obtaining a simple API key for use with the YouTube API

Obtaining a simple API key for use with the YouTube API

This tutorial demonstrates how to create a project in the Google API console and enable the YouTube Data and Analytics APIs for use with the YouTube API sample code. This tutorial covers creating a Simple API key.

This is a shorter version of another tutorial, "Obtaining a developer key for use with the YouTube Data and Analytics API", which includes instructions on setting up an OAuth 2.0 client ID and secret. That video can be found here: http://youtu.be/Im69kzhpR3I.

Saturday, August 17, 2013

Real World Windows 8 App Development with JavaScript: Create Great Windows Store Apps

Real World Windows 8 App Development with JavaScript offers you practical advice and hard-earned insights that will help you create and publish apps to a worldwide market.

Led by authors with deep Windows 8 app development experience, you’ll learn how to make the most of Microsoft’s APIs for hooking into Windows 8 on all devices, including the core ideas of promises and the asynchronous programming model. You’ll also discover such important tips as how to
- Adhere to Windows 8 guidelines for successful app acceptance
- Extend the appeal of your app with media, contracts, charms, and user notifications
- Capture and work with media, including the ability to play video wirelessly to a television
- Manage background processing and file transfers
- Gain visibility for your app and add monetization optionsReal World Windows 8 App

Development with JavaScript features real-world examples that emphasize the use of JavaScript and HTML 5 and that also adhere to the stylistic guidelines Microsoft has put in place to maintain a consistent look and feel for all applications on this platform.

Get the low-down from authors with experience from the front lines of Windows 8 app development. Theory is all well and good, but when it comes down to it, you can’t beat practical advice from people who’ve been there and done it! You’ll come away from this book with all the tools, ideas, and inspiration you need to create successful Windows 8 JavaScript apps.

What you’ll learn

The fundamentals of the asynchronous programming model
Integrating your app with the Windows 8 system
Working with and capturing media
Extending your app with contracts and charms
Giving users notifications
Monetization and certification

Who this book is for

This book is for JavaScript developers wanting to create applications for sale in the Windows 8 app store. Developers should have a good knowledge of HTML5 and JavaScript, but no previous Windows 8 app development knowledge is required.

The Windows 8 Ethos and Environment
Getting the Basics Right
Incorporating Layout and Controls
Navigating the Media Maze
Making the Most Out of Charms and Contracts
Solving the Printing Problem
Providing Clear Notifications
Keeping Apps Running the the Background
Monetizing Your App: The Lowdown
Getting your App on the Windows Store