Friday, September 21, 2012

Maps on the iPhone 5



iPhone 5 Teardown



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/