Mobile-Web-App

Thursday, August 23, 2012

Free ebook download from Microsoft Press: Programming Windows 8 Apps with HTML, CSS, and JavaScript (Second Preview)

The second preview edition of “Programming Windows 8 Apps with HTML, CSS, and JavaScript” by Kraig Brockschmidt is available from Microsoft Press for free in pdf format. The book currently contains 12 chapters and it will be expanded and other ebook formats will be available with the complete book. Sample code also can be downloaded.

Description
This book is about writing Metro style apps for Windows 8 using HTML5, CSS3, and JavaScript. Our primary focus will be on applying these web technologies within the Windows 8 platform, where there are unique considerations, and not on exploring the details of those web technologies themselves.

The new chapters cover collection controls (everything you wanted to know about ListView!), layout (especially view states), commanding UI (app bars, message dialogs, and their friends), the all-important topic of managing state, a close look at input and sensors (a form of input, really), media, animations, and contracts (share, search, the file pickers, and contacts). The earlier preview chapters (1-4) have also been updated and refined.

Table of Contents

The Life Story of a Metro Style App: Platform Characteristics of Windows 8
Quickstart
App Anatomy and Page Navigation
Controls, Control Styling, and Basic Data Binding
Collections and Collection Controls
Layout
Commanding UI
State, Settings, Files, and Documents
Input and Sensors
Media
Purposeful Animations
Contracts

Download Link: http://blogs.msdn.com/b/microsoft_press/archive/2012/08/20/free-ebook-programming-windows-8-apps-with-html-css-and-javascript-second-preview.aspx

Wednesday, August 22, 2012

Google announced Octane: the JavaScript benchmark suite for the modern web

Google released Octane, a JavaScript benchmark suite that aims to measure a browser’s performance when running the complex and demanding web applications that users interact with daily.

overview of the new tests:

Box2DWeb runs a JavaScript port of a popular 2D physics engine that is behind many well-known simulations and web games.
Mandreel puts a JavaScript port of the 3D Bullet Engine to the test with a twist: The original C++ source code for the engine is translated to JavaScript by Onan Games’ Mandreel compiler, which is also used in countless web-based games.
Pdf.js is based on Mozilla’s PDF reader and shows how Javascript applications can replace complex native browser plug-ins. It measures how fast the browser decodes a sample PDF document.
GB Emulator is derived from an open source emulator of a famous game console running a 3D demo.
CodeLoad measures how quickly a JavaScript engine can bootstrap commonly used JavaScript libraries and start executing code in them. The source for this test is derived from open source libraries (Closure, jQuery).

Source: Chromium Blog - Octane: the JavaScript benchmark suite for the modern web

Sunday, August 19, 2012

Example to modify button style using CSS

<html>
<head>
<meta name = "viewport" content = "width = device-width, height = device-height" />
<title>Mobile-Web-App: Button</title>

<style type="text/css">
button#cssbutton {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F0F0F0), color-stop(1.0, #808080));
 border-radius: 15px;
 box-shadow: 0 0 4px #303030;
 width: 100%;
 padding: 5px;
 border: 1px solid black;
 
}
</style>
</head>
<body>
<button type="button">Simple Button</button>
<button id="cssbutton" type="button">Styled Button</button>
</body>
</html>

Force page scroll to top once page loaded

To force the web page scroll to top, you can call window.scrollTo(0, 1). In order to make it happen when page load, modify <body>:

<body onload="window.scrollTo(0, 1);">

Thursday, August 16, 2012

Introducing the Windows 8 platform

Windows 8 is Windows re-imagined. Join this session to learn about the new platform for building Windows 8 apps. Get an understanding of the platform design tenets, the programming language choices and the integration points with the operating system and with other apps.

Source: http://channel9.msdn.com/Events/Windows-Camp/Windows-8-Developer-Camp-Redmond/WIN8-CAMP-01

Saturday, August 11, 2012

Chrome Packaged Apps - A quick overview

Packaged apps deliver an experience as capable as a native app, but as safe as a web page. Just like web apps, packaged apps are written in HTML5, JavaScript, and CSS. But packaged apps look and behave like native apps, and they have native-like capabilities that are much more powerful than those available to web apps.

Know more: http://developer.chrome.com/apps

Chrome Packaged Apps - A quick overview

Friday, August 10, 2012

Smashing HTML5 (Smashing Magazine Book Series)

Welcome to HTML5 - the future of the Web

HTML5 is packed with great new features, including new content-specific elements, audio and video playback, canvas for drawing, and many others. But where to begin? With Smashing HTML5, you have everything you need to get up and running quickly.

Bill Sanders is a professional Web developer, information and interface designer, and instructor. His expertise and knowledge shared throughout Smashing HTML5 will help fast-track you toward building next-generation Web sites.

Smashing HTML5 provides comprehensive coverage - from how to get started with HTML5 to optimizing media on the Web. You will learn how to use text, graphics, audio, video, and navigation in HTML5 Web pages running in compatible browsers.

You will also learn how to:

Work with HTML5 tags
Design page structure
Make site navigation easy for your audience
Integrate media including video into HTML5 pages
Harness the power of the HTML5 canvas
Use HTML 5 forms
Create interactivity, store information, and much more

Smashing HTML5 is an essential read for Web designers and developers looking to transition to HTML5. With this book, you'll be able to create Web pages that not only look great, but also take advantage of the new features HTML5 has to offer.