Mobile-Web-App

Friday, June 29, 2012

Google I/O 2012 - Dart - A Modern Web Language

The two creators of Dart will discuss the rationale behind Dart's design and its impact on web scalability and performance.

They'll also present how Dart helps developers innovate by increasing their productivity without breaking backwards compatibility.

Google I/O 2012 - Web Programming with Dart

Google I/O 2012 - Putting the App Back into Web App - Web Programming with Dart

Do you want to build blazingly fast applications with beautiful graphics and offline support? Would you like to run those apps anywhere on the open web? Would you like to develop those apps in a language that supports modular large-scale development while keeping the lightweight feel of a scripting language? This session will show you how to use the Dart programming language to develop the next generation of amazing applications for the open web.

Google I/O 2012 - Maps for Good

Developers are behind many cutting-edge map applications that make the world a better place. In this session we'll show you how developers are using Google Earth Builder, Google Earth Engine, Google Maps API and Android apps for applications as diverse as ethno-mapping of indigenous cultural sites, monitoring deforestation of the Amazon and tracking endangered species migrations around the globe. Come learn about how you can partner with a non-profit to apply for a 2012 Developer Grant and make a positive impact with your maps.

Tuesday, June 26, 2012

HTML5 figure and figcaption

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mobile-Web-App: HTML5 figure and figcaption</title>

</head>
<body>
<h1>Mobile-Web-App: HTML5 figure and figcaption</h1>
 
<figure>
 <img src="http://goo.gl/BlQEX"/>
 <figcaption>
  <p>http://mobile-web-app.blogspot.com/</p> 
 </figcaption>
</figure>

</body>
</html>

Highligh text using HTML5 mark Tag

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mobile-Web-App: HTML5 mark</title>

</head>
<body>
<h1>Mobile-Web-App: HTML5 mark</h1>
 
<p>Highligh text using HTML5 <mark>mark</mark> Tag</p>


</body>
</html>

Monday, June 25, 2012

Easy build Google I/O 2012 Live Gadget for your site

Google I/O 2012 is coming June 27-29, 2012 Moscone Center, San Francisco. You can build your Google I/O 2012 Live Gadget on your site easily.

Visit https://developers.google.com/events/io/io-live-gadget-configurator to make one for your site.

HTML5 details and summary

HTML5 provides <details> and <summary> to create an interactive widget that shows and hides some content.

Please note that not all browser support <details> and <summary>, it's the screen shot run the example on Google Chrome.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mobile-Web-App: HTML5 details</title>

</head>
<body>
<h1>Mobile-Web-App: HTML5 details</h1>
 
<details>
 <summary>details</summary>
 <p>The details element represents a disclosure widget from which the user can obtain additional information or controls.</p>
</details>

</body>
</html>