you are in: codestacker → codes [RSS] → tag: html5 [RSS]

useful html5 attributes for iOS Delicious Email

show/hide lines
   1  <!-- For a username, you don't want to autocorrect, nor do you want a capitalised first letter. -->
   2  <input type="text" autocorrect="off" autocapitalize="off">
   3  
   4  <!-- Turn telephone detection off -->
   5  <meta name="format-detection" content="telephone=no" />
   6  
   7  <!-- Make webpage an app (get rid of top bar) when bookmarked to home screen -->
   8  <meta name="apple-mobile-web-app-capable" content="yes" />
   9  
  10  <!-- Number keyboards -->
  11  <input type="tel" /> <input pattern="[0-9]*">
  12  
  13  <!-- URL/Emails -->
  14  <input type="url"> <input type="email">
  15  
  16  <!-- Links -->
  17  <a href="http://maps.google.com/maps?q=Moon">Open in Google Maps</a>
  18  <a href="tel:01234567890">Open the phone</a>
  19  <a href="twitter:Tweet Tweet Tweet">Open the Twitter for iPhone app</a>
created by leozera — 11 July 2011 — get a short url — tags: html html5 ios — embed

embed youtube using html5 Delicious Email

via http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

show/hide lines
   1  <iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
   2  </iframe>
created by leozera — 13 April 2011 — get a short url — tags: html5 youtube — embed

basic html 5 template Delicious Email

from here: http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/

show/hide lines
   1  <!DOCTYPE html>
   2  <html lang="en">
   3  <head>
   4  <meta charset="utf-8" />
   5  <title>Smashing HTML5!</title>
   6  
   7  <link rel="stylesheet" href="css/main.css" type="text/css" />
   8  
   9  <!--[if IE]>
  10  	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  11  <!--[if lte IE 7]>
  12  	<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
  13  <!--[if lt IE 7]>
  14  
  15  	<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
  16  </head>
  17  
  18  <body id="index" class="home">
  19  </body>
  20  </html>
created by leozera — 23 January 2011 — get a short url — tags: html5 — embed