Mobile-Web-App

Sunday, May 12, 2013

Try Dart in browser

You can try Dart in your browser without installation, by visiting http://try.dartlang.org/.

Try Dart in Chrome run on Ubuntu

Try Dart in Chrome run on Android 4.1.1

Friday, May 10, 2013

New Zealand Government Announces That Software Will No Longer Be Patentable

The Government of New Zealand announced that software in the country will no longer be patentable. New Zealand’s largest IT representative body, the Institute of IT Professionals, expressed relief and said the decision removed a major barrier to software-led innovation.

Source: http://www.forbes.com/sites/reuvencohen/2013/05/08/new-zealand-government-announces-that-software-will-no-longer-be-patentable/

Wednesday, May 8, 2013

An introduction to WebGL

Tuesday, May 7, 2013

What the Internet is Doing to Our Brains

Detect user agent using javascript

To detect user agent in JavaScript, simple read navigator.userAgent.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mobile-Web-App: Detect Browser</title>
<script type="text/javascript">
 
function detectbrowser(){
info = "<p><b>Browser info: </b></p>"
+ "<p>user agent: " + navigator.userAgent + "</p>";
 
document.getElementById("browserinfo").innerHTML=info;
}
 
</script>
</head>
<body onload="detectbrowser();">
<h1>Mobile-Web-App: Javascript Exercise - Detect User Agent</h1>
<div id="browserinfo"></div>
</body>
</html>

What's My User Agent?

"What's My User Agent?" allows you to view details about your user agent, along with other information your browser sends to this website.

What's My User Agent?

Friday, May 3, 2013

Embed Photo Spheres on Your Website

Google launched a web site (https://developers.google.com/panorama/web/) for developer to embed Photo Spheres to any web site. It shows how to easily embed photo spheres on any website with an interactive, 360-degree panorama viewer.

New Free Intel® HTML5 Development Environment

Intel acquired appMobi*'s HTML5 tools in February and make the tools easier to use and more robust.

As part of Intel's commitment, The following feature added:

•Windows* 8 and Windows* 8 Phone support which instantly increases your reach to more users and types of devices
•Windows* 8 and Windows* 8 Phone support in the emulator and build system
•New app creation wizard to make it easier to start your next project from samples or from scratch

Same familiar, powerful cross-platform tools, new names, more capability, and it works with the full set of appMobi* services.
•Go cross-platform: Write once with the Intel® XDK cross-platform development kit
•Jumpstart development: Use the App Starter wizard to create an application
•Leverage cloud: Build HTML5 apps for iOS*, Android*, Amazon*, Nook*, Facebook*, and now, Windows* 8 Store and Windows* 8 Phone Store
•Support: tools, technical guides, tutorials, videos, samples

Visit http://appcenter.html5tools-software.intel.com/ to registered with Intel now.

Intel XDK

Check if your browser support WebGL

To check if your browser, visit http://get.webgl.org/. You

get.webgl.org visited using Firefox Browser for Android 20.0.1

Wednesday, May 1, 2013

Google Fonts is free to download now

Google have teamed up with SkyFonts to offer desktop versions of their popular Google Fonts free of charge.

SkyFonts automatically updates the fonts installed on your system whenever they are updated on Google Fonts. With the fonts installed locally, browsing websites that use web fonts will be faster, since your browser won’t have to spend time fetching font data. If you’d rather download the source files to edit the font data directly, you can always do so from the project at Google Code.

Source: Google Developers Blog - Download Google fonts to your desktop

Monday, April 29, 2013

Google Maps JavaScript API v2 will shutdown on November 19, 2013

Google Maps JavaScript API v2 will shutdown on November 19, 2013. On that date, Google will attempt to automagically turn remaining v2 maps into v3 maps, by way of a JavaScript wrapper Google will deploy. Expect this wrapper to work for most simple maps, but to avoid any last minute surprises it is strongly encouraged sites to complete their migration to v3 ahead of this date. Google have prepared an upgrade guide to help make the migration process as painless as possible.

Source and details: Google Geo Developers Blog - An update on the JavaScript Maps API v2 deprecation

Tuesday, April 16, 2013

Web Audio API

Go beyond HTML5’s Audio tag and boost the audio capabilities of your web application with the Web Audio API. Packed with lots of code examples, crisp descriptions, and useful illustrations, this concise guide shows you how to use this JavaScript API to make the sounds and music of your games and interactive applications come alive.

You need little or no digital audio expertise to get started. Author Boris Smus introduces you to digital audio concepts, then shows you how the Web Audio API solves specific application audio problems. You’ll not only learn how to synthesize and process digital audio, you’ll also explore audio analysis and visualization with this API.

Learn Web Audio API, including audio graphs and the audio nodes
Provide quick feedback to user actions by scheduling sounds with the API’s precise timing model
Control gain, volume, and loudness, and dive into clipping and crossfading
Understand pitch and frequency: use tools to manipulate soundforms directly with JavaScript
Generate synthetic sound effects and learn how to spatialize sound in 3D space
Use Web Audio API with the Audio tag, getUserMedia, and the Page Visibility API

Saturday, April 13, 2013

Intel Introduce the new Intel® HTML5 Development Environment

Intel introduce the new set of cross-platform HTML5 tools as Intel's HTML5 Development Environment to help developer more easily develop great HTML5 apps for all of target devices.

Source: http://software.intel.com/en-us/html5

Sunday, March 31, 2013

Gmail Blue

Introducing Gmail Blue

Fast. Beautiful. Powerful.
http://gmail.com/blue

...happy :)

Wednesday, March 27, 2013

Profiling a mobile site with Chrome DevTools and Android

Learn how you can use Chrome DevTools against a page running on your Android device. Chrome DevTools is just as powerful for the mobile web as it is for the desktop web.

Tuesday, March 26, 2013

CSS for Windows 8 App Development

CSS for Windows 8 App Development is your learning guide for CSS – the language of great Windows 8-style apps. Learn the built-in styles that make the built-in controls shine, how to define them, and how to use CSS to give your custom app assets that beautiful Modern UI style.

CSS (Cascading Style Sheets) is the clear standard for styling web applications, and with HTML, CSS, and JavaScript now powering apps on Windows 8, it’s the clear standard there as well. CSS is a powerful styling and layout language that greatly simplifies the selection of page elements and their visual display, layout, and animation. Additionally, Windows 8 apps appear on a large variety of screen formats, and CSS is the primary means for uniquely defining these layouts.

Learn the language of great Windows 8-style apps
Raise your knowledge of the CSS3 standard
Use the styles built-in to Windows 8 style apps
Apply CSS styles to your app

What you’ll learn

Master the use of powerful CSS selectors
Learn new CSS3 functionality such as flex boxes, grids, animation, and transforms
Control your styles from JavaScript for really powerful interactions
See the styles implemented by built-in controls like ListView and override them
Learn style rules that will help you implement good Windows 8 style
See how to use LESS in your Windows 8-style app

Who this book is for

CSS for Windows 8 App Development is for software developers of all skill levels working with web applications. If you’re new, the foundational CSS examples will bring you up to speed quickly. If you’re more familiar with CSS, you’ll gain critical insight into its application in Windows 8 for creating a great Modern UI.

Windows 8 Design

Introduction to Windows 8 Development

Selectors and Style Rules

Text Properties

Box Properties

Transforms, Transitions, and Animation Properties

Layout Properties

Global Styles

WinJS Control Styles

Overriding and Defining Styles

CSS Libraries and Resources

Styling SVG

Monday, March 25, 2013

Pro iOS Geo: Building Apps with Location Based Services

Deepen your app development skills with Pro iOS Geo. This book shows you how to use geolocation-based tools to enhance the iOS apps you develop. Author Giacomo Andreucci describes different ways to integrate geo services, depending on the kind of app you’re looking to develop: a web app, a hybrid app, or a native app. You’ll discover how to use the Google Maps API features to integrate powerful geo capabilities in your apps with a little effort.

You’ll learn how to:

Design geographic features for your apps while respecting usability criteria
Design touristic geo apps
Use HTML5 and the Google Maps JavaScript API to implement powerful geo functions in your apps
Use Google Fusion Tables to display and query data in your maps
Transform your geo web apps into hybrid apps that can be submitted to the Apple App Store
Create native iOS geo apps using the new Apple Maps data through the Map Kit API

After reading Pro iOS Geo, you’ll have the knowledge and skills you need to add a geo dimension to all your apps, whether as a feature of a larger app— such as a social networking app that shows where friends are located in a selected area—or as the primary part of an app—such as a guide app that shows the monuments in your city.

What you’ll learn

Design geographic features for your apps while respecting usability criteria
Design touristic geo apps
Use HTML5 and the Google Maps JavaScript API to implement powerful geo functions in your apps
Use Google Fusion Tables to display and query data in your maps
Transform your geo web apps into hybrid apps that can be submitted to the Apple App Store Create native iOS geo apps using the new Apple Maps data through the Map Kit API

Who this book is for

This book is for experienced iOS app developers looking to learn, use and integrate various geo-location based tools and APIs.

Part 1: Introduction

Chapter 1: Getting Started

Part 2: Web Apps

Chapter 2: Map-based Web App Basics: Hello World

Chapter 3: Map Controls and Styles

Chapter 4: Creating a GUI for the App with jQuery Mobile

Chapter 5: Overlays

Chapter 6: Implementiong Geolocation

Part 3: Hybrid Apps

Chapter 7: Creating Hybrid Apps

Part 4: Native Apps with Apple Map Kit

Chapter 8: Introduction to the Core Location Framework

Chapter 9: Introduction to Apple Maps and the Map Kit Framework

Chapter 10: Displaying Ojects on a Map

Appendix A: Understanding the Terms of Service

Saturday, March 23, 2013

Beginning jQuery (Beginning Apress)

Beginning jQuery is your step-by-step guide to learning the jQuery library. jQuery is the most popular JavaScript library in the web developer’s toolkit. Jack Franklin takes you from the basics of getting you started with jQuery, right through to extending jQuery by writing your own plug-ins. You'll discover best practices you can follow, how you can avoid common mistakes, and you'll learn about so many of the things that jQuery has to offer, including how you can:

Use jQuery’s powerful tools to dynamically update content on your site, including DOM manipulation.
Extend jQuery’s capabilities by writing your own plugins on top of the framework.
Animate elements and build your own jQuery slider.
Employ best practices and avoid common errors made by beginners.

JavaScript is a powerful language but every web developer must navigate the tricky issues around cross-browser inconsistencies. Beginning jQuery teaches you how to use jQuery to avoid spending your time fixing these browser bugs - letting you concentrate on what really matters to you. Throughout Beginning jQuery, you'll discover how expressive yet concise jQuery’s code is and how much quicker and efficient you can develop with jQuery!

What you’ll learn

Learn why jQuery is so popular and how to get started.
Use jQuery’s powerful manipulation tools to dynamically update your website’s content.
Animate content and build your own image slider with jQuery’s animation tools.
Extend the library by writing your own custom plug-ins.
Avoid common beginner errors, and learn how to use best practices.
Use plug-ins created by others in the community and integrate them into your website.

Who this book is for

Beginning jQuery is for the web developer confident with HTML and CSS and now ready to get to grips with JavaScript. If you’ve tried to integrate some JavaScript into your website and wondered how you could add functionality easier, jQuery is for you. Beginning jQuery is great for the developer wanting to enhance their skillset and learn new tools.

JavaScript You Need to Know
The Basics of jQuery
DOM Traversal with jQuery
DOM Manipulation with jQuery
An Introduction to Events
Advanced Events
Animation
Ajax with jQuery
Writing a jQuery Plug-in
Advanced jQuery Plug-ins
Writing a Slider Plug-in

Wednesday, March 20, 2013

Python: set font of tkinter.Label

Set font of tkinter.Label

#tkinter for Python 3.x
#Tkinter for Python 2.x

import tkinter

def quit():
    global tkTop
    tkTop.destroy()

def setTextSize(ev=None):
    global tkLabel
    global tkScale
    tkLabel.config(font="Helvetica -%d bold" %tkScale.get())

tkTop = tkinter.Tk()
tkTop.geometry('300x200')

tkButtonQuit = tkinter.Button(tkTop, text="Quit", command=quit)
tkButtonQuit.pack()

tkLabel = tkinter.Label(text="Hello Python")
tkLabel.pack()

tkScale = tkinter.Scale(tkTop, from_=1, to=40, orient=tkinter.HORIZONTAL, command=setTextSize)
tkScale.set(18)
tkScale.pack(anchor=tkinter.CENTER)

tkinter.mainloop()

Implement Scale bar of Tkinter

Scale bar of Tkinter

#tkinter for Python 3.x
#Tkinter for Python 2.x

import tkinter

def quit():
    global tkTop
    tkTop.destroy()

tkTop = tkinter.Tk()
tkTop.geometry('300x200')

tkButtonQuit = tkinter.Button(tkTop, text="Quit", command=quit)
tkButtonQuit.pack()

tkScale = tkinter.Scale(tkTop, from_=1, to=30, orient=tkinter.HORIZONTAL)
tkScale.set(18)
tkScale.pack(anchor=tkinter.CENTER)

tkinter.mainloop()

Sunday, May 12, 2013

Friday, May 10, 2013

Wednesday, May 8, 2013

Tuesday, May 7, 2013

Friday, May 3, 2013

Wednesday, May 1, 2013

Monday, April 29, 2013

Tuesday, April 16, 2013

Saturday, April 13, 2013

Sunday, March 31, 2013

Wednesday, March 27, 2013

Tuesday, March 26, 2013

What you’ll learn

Who this book is for

Table of Contents

Monday, March 25, 2013

What you’ll learn

Who this book is for

Table of Contents

Saturday, March 23, 2013

What you’ll learn

Who this book is for

Table of Contents

Wednesday, March 20, 2013