Mime type for videos playing in mobile devices and web

<mime-mapping>

                <extension>mp4</extension>

                <mime-type>video/mp4</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>ogg</extension>

                <mime-type>video/ogg</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>webm</extension>

                <mime-type>video/webm</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>3gp</extension>

                <mime-type>video/3gpp</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>ppt</extension>

                                <mime-type>application/x-ms-powerpoint</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>xml</extension>

                                <mime-type>text/xml</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>wmv</extension>

                                <mime-type>audio/x-ms-wmv</mime-type>

                </mime-mapping>

Mime type for videos playing in mobile devices and web

<mime-mapping>

                <extension>mp4</extension>

                <mime-type>video/mp4</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>ogg</extension>

                <mime-type>video/ogg</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>webm</extension>

                <mime-type>video/webm</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>3gp</extension>

                <mime-type>video/3gpp</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>ppt</extension>

                                <mime-type>application/x-ms-powerpoint</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>xml</extension>

                                <mime-type>text/xml</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>wmv</extension>

                                <mime-type>audio/x-ms-wmv</mime-type>

                </mime-mapping>

Mime type for videos playing in mobile devices and web

<mime-mapping>

                <extension>mp4</extension>

                <mime-type>video/mp4</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>ogg</extension>

                <mime-type>video/ogg</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>webm</extension>

                <mime-type>video/webm</mime-type>

                </mime-mapping>

                <mime-mapping>

                <extension>3gp</extension>

                <mime-type>video/3gpp</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>ppt</extension>

                                <mime-type>application/x-ms-powerpoint</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>xml</extension>

                                <mime-type>text/xml</mime-type>

                </mime-mapping>

                <mime-mapping>

                                <extension>wmv</extension>

                                <mime-type>audio/x-ms-wmv</mime-type>

                </mime-mapping>

<a href="http://www.quackit.com/javascript/tutorial/javascript_if_statements.cfm">JavaScript If Statements</a> from Quackit.com

Andriod programme

Started learning android programming


http://developer.android.com/sdk/installing.html
http://developer.android.com/sdk/index.html
http://developer.android.com/guide/index.html

http://developer.android.com/sdk/eclipse-adt.html#installing 

What Does It Take to Topple Angry Birds? A 14-Year-Old with a Dream

Posted 01/17/2011 at 7:14am | by J.R. Bookwalter

0

Comments

 22 87Share

Don’t worry, Rovio -- your spot at the top of the paid iPhone apps chart is secure for now. But that free version of Angry Birds? Not so much, thanks to Bubble Ball, the work of a 14-year-old eighth grader from Utah.

All Things Digital’s Mobilized blog is reporting on the newfound success of App Store developer Robert Nay, whose Bubble Ball game released on December 29 has already toppled even the mighty Angry Birds -- at least on the free app chart. The real surprise here is that Nay is a mere 14 years old.

According to Mobilized’s Ina Fried, Bubble Ball is a physics simulator game created by the eighth grader which “challenges players to use objects and gravity to guide a ball to its destination.” Nay developed the app over a couple of months (presumably not during school hours) and it’s available for both iOS and Android.

“I was pretty surprised by how well it was doing,” Nay revealed to Mobilized. The young developer has plans for adding more free levels to Bubble Ball, eventually working his way up to even more levels via in-app purchase -- and, of course, new games yet to come.

So how did the enterprising youngster get his start?

“Some months back, a friend suggested that if Nay liked his iPod touch so much, perhaps he should try his hand programming for it,” Mobilized reveals. “At first he tried the standard Objective-C programming tools, but found the learning curve a little steep. he tried another tool called Game Salad, but didn’t like the results. In the end, he settled on the Corona tools from Ansca Mobile. Corona was easy to use, he said, and also let him write once and publish for both Apple and Android devices.”

So how did a 14-year-old get his game into the App Store in the first place? “I do the grown up stuff for him,” remarks Kari Nay, Robert’s mother, who submitted the app to both Apple and Google as well as drew some of the game levels.

Nay’s background includes programming for websites as well as being the kid everyone at school turns to for computer help, but he also has non-computer interests as well, including reading science fiction as well as playing the piano and trumpet.

As of last Thursday, Bubble Ball had toppled the free version of Angry Birds with more than 400,000 downloads in a single day after a million downloads in the first two weeks the app was available.

facebook

Facebook acquires team of Indian developers behind customer-loyalty app 'Tagtile'

Earthquake Safety Tips - Keeping Safe

Consult a professional to learn how to make your home sturdier, such as bolting bookcases to wall studs, installing strong latches on cupboards, and strapping the water heater to wall studs.
    Locate a place in each room of the house that you can go to in case of an earthquake. It should be a spot where nothing is likely to fall on you.
    Keep a supply of canned food, an up-to-date first aid kit, 3 gallons (11.4 liters) of water per person, dust masks and goggles, and a working battery-operated radio and flashlights.

    Know how to turn off your gas and water mains.

If Shaking Begins

    Drop down; take cover under a desk or table and hold on.
    Stay indoors until the shaking stops and you're sure it's safe to exit.
    Stay away from bookcases or furniture that can fall on you.
    Stay away from windows. In a high-rise building, expect the fire alarms and sprinklers to go off during a quake.
    If you are in bed, hold on and stay there, protecting your head with a pillow.
    If you are outdoors, find a clear spot away from buildings, trees, and power lines. Drop to the ground.
    If you are in a car, slow down and drive to a clear place. Stay in the car until the shaking stops.

mobile.css

html, body { margin:0; padding:0; width:100%; height:100%; font-size:16px; font:Arial, Helvetica, sans-serif; }
body { margin: 0px; padding:0; /*background:url(images/about-zometa.jpg) no-repeat center top;*/ background:#000; }
.light_overlay { position: fixed; top: 0%; left: 0%; width: 100%; height:100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter:alpha(opacity=80); }
.light_content { position: relative; width: 100%; z-index:9999 !important; top: 5%; left: 0; }
.white_content { margin:0px auto 20px auto; width:90% !important; text-align: left; background:#fff; border:3px solid #F07C10; height:95%; }
.white_content p { font:0.75em/130% Arial, Helvetica, sans-serif; color:#494B4B; padding:0 10px 0 10px; *padding:10px 10px 0 10px;}
.white_content p sup { vertical-align:super; font-size:80%; line-height:5px; }
.white_content p.p { text-align:center !important; padding:0; margin:20px auto 10px auto; width:700px; }
.white_content p.p a { font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4a362b; display: block; text-align:center; margin-bottom:10px; text-decoration:none; width:210px; height:32px; padding:4px 5px; background: #cdbeb5; /* Old browsers */ background: -moz-linear-gradient(top, #cdbeb5 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdbeb5), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cdbeb5 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cdbeb5 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cdbeb5 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(top, #cdbeb5 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdbeb5', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
border:1px solid #755e52; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; float:left; margin-left:1.5%; }
.white_content p.p a.one { padding-top:12px; height:24px; }
.white_content p.p a:hover { text-decoration:underline; color:#4A362B }

/*-------------------------------*/
#landingpage { position:fixed; top:50%; left:5%; margin-top:-15.1em; margin-left:-5%; *margin-left:0;width:100%;  height: 460px !important;}
#Lwraper_new { width:90%; margin:0 auto; padding:0; background:#ffffff; text-align:left; height:97%; border:3px solid #F07C10; }
.content_land { width:85%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
.content_land h4 { font-size:27px; font-weight:bold; color:#333333; margin:18px 0 18px 0; padding:0 0 0 0; }
.content_land h5 { font-size:18px; color:#494b4b; margin:7px 0; font-weight:normal; }
.content_land h5 a { text-decoration:underline; color:#F07C10; }
.content_land h6 { font-size:18px; font-weight:bold; color:#99877D; margin:15px 0 15px 0; }
.content_land p { font-size:13px; color:#494b4b; line-height:18px; }
.content_land p a { text-decoration:none; color:#F07C10; }
.content_land p a:hover { text-decoration:underline; color:#494B4B; }
.content_land p.note { font-size:15px; font-weight:bold; line-height:20px; color:#494b4b }
.content_land #country { border:1px solid #dbdcdf; background:#f1f1f1; margin:15px 0; padding:4px 10px 8px; *padding:4px 10px 4px; float:left; width:97.5%; z-index:0 }
.content_land #country ul { margin:0; padding:0; list-style-type:none; float:left; width:100%;}
.content_land #country ul li { font-size:13px; font-weight:bold; color:#7a003c; display:inline; padding-right:9.9%; }
.content_land #country ul li.last {padding-right:0;}
.content_land #country ul li a { text-decoration: underline; color:#F07C10; margin:0 0 0 0; width:250px;}
.content_land #country ul li a:hover { color:#494B4B; }

.content_land .submit {
    text-align:center; margin:20px auto 20px auto; background: #f48325;
    background: -moz-linear-gradient(top,  #f48325 0%, #d1630a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48325), color-stop(100%,#d1630a));
    background: -webkit-linear-gradient(top,  #f48325 0%,#d1630a 100%);
    background: -o-linear-gradient(top,  #f48325 0%,#d1630a 100%);
    background: -ms-linear-gradient(top,  #f48325 0%,#d1630a 100%);
    background: linear-gradient(top,  #f48325 0%,#d1630a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48325', endColorstr='#d1630a',GradientType=0 );
    border:1px solid #ce4a0a;
    padding:0; color:#ffffff; font-size:16px; font-weight:bold; width:100px; line-height:40px;
}
.content_land .submit a {color:#ffffff; text-decoration:none; display:block;}


/*-----------------------------*/

a.tt { position:relative; z-index:99999; color:#99877D; text-decoration:none; }
a.tt span { display: none; }
a.tt:hover { z-index:25; color: #494b4b; background:; text-decoration:none !important}
a.tt:hover span.tooltip {display:block; position:absolute; top:0px; left:0; padding: 20px 0 0 0; width:650px; color: #fff; text-align: left; margin-left:-220px;}
a.tt:hover span.top { display: block; padding: 30px 8px 0; background: url(/images/bubble.gif) no-repeat top; cursor:default;}
a.tt:hover span.middle { /* different middle bg for stretch */ display: block; font-size:11px; line-height:16px; padding: 10px 8px 0 8px; background: url(/images/bubble_filler.gif) repeat bottom; cursor:default; }
a.tt:hover span.bottom {display: block; padding:3px 8px 10px; color: #548912; background: url(/images/bubble.gif) no-repeat bottom; }



@media screen and (max-width: 980px) {
    .light_content { width:100%; }
    .white_content { width:90%; font-size:100%; }
    .white_content p.p { width:80%; }
    .white_content p.p a { width:29%; height:50px !important; }
    .white_content p.p a.one { height:36px !important; padding-top:18px; }
   
    #landingpage { position:fixed; top:50%; left:5%; margin-top:-275px; margin-left:-5%; *margin-left:0;width:100%; }
    #Lwraper_new { width:90%; margin:0 auto; padding:0; background:#ffffff; text-align:left; height:100%; border:3px solid #F07C10; }
    .content_land { width:90%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
    .content_land #country ul li { font-size:13px; font-weight:bold; color:#7a003c; display:inline; padding-right:8.2%; }
   
    a.tt:hover span.tooltip {display:block; position:absolute; top:0px; left:0; padding: 20px 0 0 0; width:580px; color: #fff; text-align: left; margin-left:-270px;}
    a.tt:hover span.top { display: block; padding: 30px 8px 0; background: url(/images/bubble1.gif) no-repeat top; cursor:default;}
    a.tt:hover span.middle { /* different middle bg for stretch */ display: block; font-size:11px; line-height:16px; padding: 10px 8px 0 8px; background: url(/images/bubble_filler1.gif) repeat bottom; cursor:default; }
    a.tt:hover span.bottom {display: block; padding:3px 8px 10px; color: #548912; background: url(/images/bubble1.gif) no-repeat bottom; }
    .content_land #country ul li.one {padding-right:16.3%;}
    .content_land #country ul li.two {padding-right:16.3%;}

}
@media screen and (max-width: 680px) {
    .light_content { width:100%; }
    .white_content { width:90%; font-size:100%; }
    .white_content p.p { width:200px; }
    .white_content p.p a { width:200px; height:35px !important; }
    .white_content p.p a.one { height:27px !important; padding-top:12px; }
   
    #landingpage { position:relative; top:0; left:5%; margin-top:15px; margin-left:-5%; *margin-left:0;width:100%; }
    #Lwraper_new { width:90%; margin:0 auto; padding:0; background:#ffffff; text-align:left; height:730px; border:3px solid #F07C10; }
    .content_land { width:90%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
    .content_land #country ul li { font-size:12px; font-weight:bold; color:#7a003c; display:block; padding-bottom:8px;}
    .content_land #country ul li.last {padding:0;}
   
    a.tt:hover span.tooltip {display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:410px; color: #fff; text-align: left; margin-left:-215px;}
    a.tt:hover span.top { display: block; padding: 30px 8px 0; background: url(/images/bubble2.gif) no-repeat top; cursor:default;}
    a.tt:hover span.middle { /* different middle bg for stretch */ display: block; font-size:11px; line-height:16px; padding: 10px 8px 0 8px; background: url(/images/bubble_filler2.gif) repeat bottom; cursor:default; text-decoration:none }
    a.tt:hover span.bottom {display: block; padding:3px 8px 10px; color: #548912; background: url(/images/bubble2.gif) no-repeat bottom; }
   
    .content_land h4 { font-size:24px; font-weight:bold; color:#333333; margin:18px 0 18px 0; padding:0 0 0 0; }
    .content_land h5 { font-size:15px; color:#494b4b; margin:7px 0; font-weight:normal; }
    .content_land h5 a { text-decoration:underline; color:#F07C10; }
    .content_land h6 { font-size:15px; font-weight:bold; color:#99877D; margin:15px 0 15px 0; }
}
@media screen and (max-width: 480px) {
    .light_content { width:100%; }
    .white_content { width:90%; font-size:100%; }
    .white_content p.p { width:200px; }
    .white_content p.p a { width:200px; height:35px !important; }
    .white_content p.p a.one { height:27px !important; padding-top:12px; }
   
    #landingpage { position:relative; top:0; left:5%; margin-top:15px; margin-left:-5%; *margin-left:0;width:100%; }
    #Lwraper_new { width:90%; margin:0 auto; padding:0; background:#ffffff; text-align:left; height:750px; border:3px solid #F07C10; }
    .content_land { width:90%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
    .content_land #country ul li { font-size:12px; font-weight:bold; color:#7a003c; display:block; padding-bottom:8px;}
    .content_land #country ul li.last {padding:0;}
    .content_land #country {width:92.5%; z-index:0 }
   
    a.tt:hover span.tooltip {display:block; position:absolute; top:0px; left:0; padding: 12px 0 0 0; width:280px; color: #fff; text-align: left; margin-left:-200px;}
    a.tt:hover span.top { display: block; padding: 30px 8px 0; background: url(/images/bubble3.gif) no-repeat top; cursor:default;}
    a.tt:hover span.middle { /* different middle bg for stretch */ display: block; font-size:11px; line-height:16px; padding: 10px 8px 0 8px; background: url(/images/bubble_filler3.gif) repeat bottom; cursor:default; text-decoration:none }
    a.tt:hover span.bottom {display: block; padding:3px 8px 10px; color: #548912; background: url(/images/bubble3.gif) no-repeat bottom; }
   
    .content_land h4 { font-size:20px; font-weight:bold; color:#333333; margin:18px 0 18px 0; padding:0 0 0 0; }
    .content_land h5 { font-size:14px; color:#494b4b; margin:7px 0; font-weight:normal; }
    .content_land h5 a { text-decoration:underline; color:#F07C10; }
    .content_land h6 { font-size:14px; font-weight:bold; color:#99877D; margin:15px 0 15px 0; }
}
@media screen and (max-width: 320px) {
    .light_content { width:100%; }
    .white_content { width:90%; font-size:100%; }
    .white_content p.p { width:210px; }
    .white_content p.p a { width:200px; height:35px !important; }
    .white_content p.p a.one { height:27px !important; padding-top:12px; }
   
    #landingpage { position:relative; top:0; left:5%; margin-top:15px; margin-left:-5%; *margin-left:0;width:100%; }
    #Lwraper_new { width:90%; margin:0 auto; padding:0; background:#ffffff; text-align:left; height:920px; border:3px solid #F07C10; }
    .content_land { width:90%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
    .content_land #country ul li { font-size:12px; font-weight:bold; color:#7a003c; display:block; padding-bottom:8px;}
    .content_land #country ul li.last {padding:0;}
    .content_land #country {width:91%; z-index:0 }
   
    a.tt:hover span.tooltip {display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:220px; color: #fff; text-align: left; margin-left:-6px;}
    a.tt:hover span.top { display: block; padding: 30px 8px 0; background: url(/images/bubble4.gif) no-repeat top; cursor:default;}
    a.tt:hover span.middle { /* different middle bg for stretch */ display: block; font-size:11px; line-height:16px; padding: 10px 8px 0 8px; background: url(/images/bubble_filler4.gif) repeat bottom; cursor:default; text-decoration:none }
    a.tt:hover span.bottom {display: block; padding:3px 8px 10px; color: #548912; background: url(/images/bubble4.gif) no-repeat bottom; }
   
    .content_land h4 { font-size:20px; font-weight:bold; color:#333333; margin:18px 0 18px 0; padding:0 0 0 0; }
    .content_land h5 { font-size:14px; color:#494b4b; margin:7px 0; font-weight:normal; }
    .content_land h5 a { text-decoration:underline; color:#F07C10; }
    .content_land h6 { font-size:14px; font-weight:bold; color:#99877D; margin:15px 0 15px 0; }
}

light box and landing page

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<title>Glivec</title>
<link href="mobile.css" rel="stylesheet" type="text/css">
<!-- html5.js for IE less than 9 -->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
</head>

<body>
      <div class="light_content">
  <div  class="white_content">
    <script language="JavaScript" type="text/javascript"> function SubmitForm(){document.lightbox.submit();}</script>
    <!-- <form name="lightbox" id="lightbox" method="post" action=""> -->
      <input type="hidden" name="disclaimerAccessed" value="Yes" />
      <p>This is an international site for Glivec^&reg; (imatinib) and is intended for Health Care Professionals outside the U.S. The information on the site is not country-specific, and may contain information that is outside the approved indications in the country in which you are located. Please contact your local Novartis representative for the latest information specific to your country.</p>
      <p class="p"> <a href="/elements/includes/lightbox-mobile.jsp" title="I am a healthcare professional outside the U.S.">I am a healthcare professional outside the U.S.</a> <a href="http://www.gleevec.com/index.jsp" title="I am a U.S. Resident" class="one">I am a U.S. Resident</a> <a href="http://www.novartisoncology.com/index.jsp" title="I am a patient outside the U.S." class="two" >I am a patient<br/> outside the U.S.</a> </p>
    <!-- </form> -->
    <div style="clear:both"></div>
  </div>
</div>
<script>
function submitform1(){
    document.lightbox.submit();
   
}
</script>
</body>
</html>