Friday, September 21, 2012

Set text shadow using CSS

Set text shadow using CSS


<!DOCTYPE html>
<html>
<head>
<style type="text/css">

h1 {
 font-size:250%; 
 color:#ff0000; 
 text-shadow: #000000 5px 5px 5px;}

h2 {
 font-size:200%; 
 color:green; 
 text-shadow: red 2px 2px 1px;}

p {
 font-size:100%; 
 color:rgb(0,0,255); 
 text-shadow: rgb(50,50,50) 2px 2px 5px;}
 
</style>
</head>

<body>
<h1>Mobile-Web-App</h1>
<h2>Example CSS Text</h2>
<p>http://mobile-web-app.blogspot.com/</p>
</body>

</html>


Set text color using CSS

Set text color using CSS


<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 {font-size:250%; color:#ff0000;}
h2 {font-size:200%; color:green;}
p {font-size:100%; color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>Mobile-Web-App</h1>
<h2>Example CSS Text</h2>
<p>http://mobile-web-app.blogspot.com/</p>
</body>

</html>


Set font size using CSS

Set font size using CSS


<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}
</style>
</head>

<body>
<h1>Mobile-Web-App</h1>
<h2>Example CSS Text</h2>
<p>http://mobile-web-app.blogspot.com/</p>
</body>

</html>


Saturday, September 15, 2012

jQuery Mobile 1.2.0 RC1 released!



jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets

A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Web Site: http://jquerymobile.com/

Tuesday, September 11, 2012

Firefox OS

Firefox OS Demo

The latest build of Firefox OS, run on a developer phone by ZTE. Recorded on September 6, 2012.

Monday, September 10, 2012

Tile5 - opensource HTML5 mapping javascript library


Tile5

Tile5 is an opensource HTML5 mapping javascript library that gives developers the ability to use existing mapping engines and provide a rich HTML5 experience. Tile5 can also be used to create more generic HTML5 tiling interfaces. 


Tile5 is targeted primarily at mobile devices that support HTML5. The goal is to achieve compatibility with all mobile devices considered “Class A” on the jQuery Mobile GBS chart. Longer term intend to support the various desktop browsers as well (some even work right now).

Tile5 Code Playground

Tile5 Code Playground