CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en-US"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://bavotasan.com:80/articles/get-familiar-with-html-5/","20100829041752","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1283055472"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="googlebot" content="index,archive,follow,noodp"/> <meta name="robots" content="all,index,follow"/> <meta name="msnbot" content="all,index,follow"/> <meta name="description" content="If you work on the web you have probably heard about HTML 5. It is the next evolutionary step in web programming and the sooner you familiarize yourself wi..."/> <meta name="keywords" content="APIs,bulge,direction,future,html,List,lot,magazine,mind,next evolutionary step,nothing,preview,programming,right direction,Smashing,vocabulary,web,web programming,Xhtml,"/> <title>Get Familiar with HTML 5 | bavotasan.com</title> <link rel="stylesheet" href="https://web.archive.org/web/20100829041752cs_/http://bavotasan.com/wp-content/themes/bavotasan-2010/style.css" type="text/css" media="screen"/> <link rel="shortcut icon" href="https://web.archive.org/web/20100829041752im_/http://bavotasan.com/favicon.ico"/> <link rel="pingback" href="http://bavotasan.com/xmlrpc.php"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Feed" href="https://web.archive.org/web/20100829041752/http://bavotasan.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Comments Feed" href="https://web.archive.org/web/20100829041752/http://bavotasan.com/comments/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Get Familiar with HTML 5 Comments Feed" href="https://web.archive.org/web/20100829041752/http://bavotasan.com/articles/get-familiar-with-html-5/feed/"/> <script type="text/javascript" src="https://web.archive.org/web/20100829041752js_/http://bavotasan.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://bavotasan.com/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://bavotasan.com/wp-includes/wlwmanifest.xml"/> <link rel="index" title="bavotasan.com" href="http://bavotasan.com/"/> <link rel="start" title="Removing Images from a WordPress Post: Redux" href="http://bavotasan.com/tutorials/removing-images-from-a-wordpress-post/"/> <link rel="prev" title="Creating an Internet Explorer Testing Environment on a Mac" href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/creating-an-internet-explorer-testing-environment-on-a-mac/"/> <link rel="next" title="Stationery Premium WordPress Theme" href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/"/> <link rel="canonical" href="https://web.archive.org/web/20100829041752/http://bavotasan.com/articles/get-familiar-with-html-5/"/> <link rel="shortlink" href="https://web.archive.org/web/20100829041752/http://bit.ly/dnXBJ1"/> <script type="text/javascript" src="https://web.archive.org/web/20100829041752js_/http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> <meta property="fb:page_id" content="137456822940271"/> <meta property="fb:admins" content="586505548"/> <meta property="og:site_name" content="bavotasan.com"/> <meta property="og:title" content="Get Familiar with HTML 5"/> <meta property="og:description" content="If you work on the web you have probably heard about HTML 5. It is the next evolutionary step in web programming and the sooner you familiarize yourself with it the better. There is a lot going on in HTML 5 and instead of getting into it myself, I think I should just suggest a [...]"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://web.archive.org/web/20100829041752im_/http://bavotasan.com/wp-content/uploads/2009/08/html5.png"/> </head> <body class="single single-post postid-923"> <div id="bodywrap">  <script type="text/javascript"> (function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//web.archive.org/web/20100829041752/http://s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })(); </script>   <div id="header"> <div id="topmenu" class="menu-top-menu-container"><ul id="menu-top-menu" class="menu"><li id="menu-item-2254" class="menu-item menu-item-type-custom menu-item-2254"><a href="https://web.archive.org/web/20100829041752/http://themes.bavotasan.com/">Themes by bavotasan.com</a></li> <li id="menu-item-2255" class="menu-item menu-item-type-custom menu-item-2255"><a href="https://web.archive.org/web/20100829041752/http://support.bavotasan.com/">Support Forum</a></li> <li id="menu-item-2259" class="menu-item menu-item-type-custom menu-item-2259"><a href="https://web.archive.org/web/20100829041752/http://themes.bavotasan.com/affiliates">Affiliates</a></li> <li id="menu-item-2256" class="menu-item menu-item-type-post_type menu-item-2256"><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/about/">About</a></li> <li id="menu-item-2257" class="menu-item menu-item-type-post_type menu-item-2257"><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/services/">Services</a></li> <li id="menu-item-2258" class="menu-item menu-item-type-post_type menu-item-2258"><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/contact/">Contact</a></li> </ul></div> <div id="title"> <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/"> <img src="https://web.archive.org/web/20100829041752im_/http://bavotasan.com/images/bavotasan.png" alt="bavotasan.com" width="400" height="70"/> <span id="desc"></span></a> </div> <div id="follow"> <span></span> <a href="https://web.archive.org/web/20100829041752/http://twitter.com/bavotasan" class="twitter"></a> <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/feed/" class="rss"></a> </div> <div id="navigation" class="menu-main-menu-container"> <ul id="menu-main-menu" class="menu"> <li id="menu-item-2264"><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/"><span></span>Home</a></li> <li id="menu-item-2266" class="current-menu-item"><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/category/articles/"><span></span>Articles</a></li> <li id="menu-item-2265"><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/category/tutorials/"><span></span>Tutorials</a></li> <li id="menu-item-2267"><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/category/downloads/"><span></span>Downloads</a></li> </ul> </div> </div>  <div id="mainwrapper"> <div id="leftcontent"> <div class="posttop"> <div class="thedate"><div class="month">Aug</div><div class="day">27</div><div class="year">2009</div></div> <h1>Get Familiar with HTML 5</h1> <br class="clear"/> <p>If you work on the web you have probably heard about HTML 5. It is the next evolutionary step in web programming and the sooner you familiarize yourself with it the better.</p> <p>There is a lot going on in HTML 5 and instead of getting into it myself, I think I should just suggest a few articles I have come across to steer you all in the right direction.<br/> <span id="more-923"></span><br/> <a href="https://web.archive.org/web/20100829041752/http://dev.w3.org/html5/spec/Overview.html">WC3 – A vocabulary and associated APIs for HTML and XHTML</a><br/> <a href="https://web.archive.org/web/20100829041752/http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/">Smashing Magazine – HTML 5 and the Future of the Web</a><br/> <a href="https://web.archive.org/web/20100829041752/http://www.alistapart.com/articles/previewofhtml5">A List Apart – A Preview of HTML 5</a></p> <p>If you knew nothing about it before, checking out these articles will fill your mind with so much HTML 5 your eyes will bulge.</p> <div class="buttonbox"> </div> </div> <div class="post"> <div class="socialleft">If you liked this, please share it.</div> <ul class="addtoany_list"> <li><a href="https://web.archive.org/web/20100829041752/http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2FdnXBJ1&counturl=http://bavotasan.com/articles/get-familiar-with-html-5/" class="twitter-share-button" data-count="vertical" data-via="bavotasan">Tweet</a><script type="text/javascript" src="https://web.archive.org/web/20100829041752js_/http://platform.twitter.com/widgets.js"></script></li> <li><a href="https://web.archive.org/web/20100829041752/http://www.facebook.com/sharer.php?u=http://bavotasan.com/articles/get-familiar-with-html-5/&t=Get Familiar with HTML 5" title="Click to send this page to Facebook!" target="_blank" rel="nofollow" class="facebook-icon"></a></li> <li><a href="https://web.archive.org/web/20100829041752/http://digg.com/submit?phase=2&url=http://bavotasan.com/articles/get-familiar-with-html-5/&title=Get Familiar with HTML 5&bodytext=If you work on the web you have probably heard about HTML 5. It is the next evolutionary step in web programming and the sooner you familiarize yourself with it the better. There is a lot going on in HTML 5 and instead of getting into it myself, I think I should just suggest a [...]" title="Digg" rel="nofollow" target="_blank" class="digg-icon"></a></li> <li><a href="https://web.archive.org/web/20100829041752/http://www.delicious.com/save" onclick="window.open('https://web.archive.org/web/20100829041752/http://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent('https://web.archive.org/web/20100829041752/http://bavotasan.com/articles/get-familiar-with-html-5/')+'&title='+encodeURIComponent('Get Familiar with HTML 5'),'delicious', 'toolbar=no,width=550,height=550'); return false;" class="delicious-icon"></a></li> <li><a href="https://web.archive.org/web/20100829041752/http://www.stumbleupon.com/submit?url=http://bavotasan.com/articles/get-familiar-with-html-5/&title=Get Familiar with HTML 5" title="StumbleUpon" rel="nofollow" target="_blank" class="stumbleupon-icon"></a></li> <li><iframe src="https://web.archive.org/web/20100829041752if_/http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbavotasan.com%2Farticles%2Fget-familiar-with-html-5%2F&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe></li> </ul> </div> <div class="post"> <p class="tags">Tags: <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/apis/" rel="tag">APIs</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/bulge/" rel="tag">bulge</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/direction/" rel="tag">direction</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/future/" rel="tag">future</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/html/" rel="tag">html</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/list/" rel="tag">List</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/lot/" rel="tag">lot</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/magazine/" rel="tag">magazine</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/mind/" rel="tag">mind</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/next-evolutionary-step/" rel="tag">next evolutionary step</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/nothing/" rel="tag">nothing</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/preview/" rel="tag">preview</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/programming/" rel="tag">programming</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/right-direction/" rel="tag">right direction</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/smashing/" rel="tag">Smashing</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/vocabulary/" rel="tag">vocabulary</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/web/" rel="tag">web</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/web-programming/" rel="tag">web programming</a>, <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tag/xhtml/" rel="tag">Xhtml</a></p> <p class="tags">Short URL: <a href="https://web.archive.org/web/20100829041752/http://bit.ly/dnXBJ1" title="Get Familiar with HTML 5">http://bit.ly/dnXBJ1</a></p> </div> <div class="post"> <div id="crp_related"> <h3>Similar Posts</h3> <ul> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/draw-smiley-face-css3/" rel="bookmark" title="Permanent Link to How to Draw a Smiley Face with CSS3">How to Draw a Smiley Face with CSS3</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/articles/moderno-v1-0-premium-wordpress-theme/" rel="bookmark" title="Permanent Link to Moderno v1.0 Premium WordPress Theme">Moderno v1.0 Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/using-ajax-with-wordpress/" rel="bookmark" title="Permanent Link to Using Ajax with WordPress">Using Ajax with WordPress</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/articles/great-font-resources/" rel="bookmark" title="Permanent Link to Great Font Resources for Web Development">Great Font Resources for Web Development</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/shorten-your-post-titles-in-wordpress/" rel="bookmark" title="Permanent Link to Shorten Your Post Titles in WordPress">Shorten Your Post Titles in WordPress</a></li> </ul> </div>  <div id="bsap_1249050" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  </div> <div class="post"> <a href="#comment_list"></a> <div id="comments"> <h3 id="comments-title">Discussion <small> 1 Comment</small> </h3> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="li-comment-4663"> <div id="comment-4663"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20100829041752im_/http://1.gravatar.com/avatar/1b31dfac0e9be2a629964b459dab2f73?s=60&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20100829041752/http://acrossparis.com/oestsetnoc/" rel="external " class="url">oes tsetnoc</a></span> <span class="commentdate"> on September 18, 2009 at 11:52 pm</span> </div> <div class="comment-text"> <p>I didn’t know that HTML 5 is released already. I’m so focused on WP nowadays <img src="https://web.archive.org/web/20100829041752im_/http://bavotasan.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/> </p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20100829041752/http://bavotasan.com/articles/get-familiar-with-html-5/?replytocom=4663#respond" onclick="return addComment.moveForm("comment-4663", "4663", "respond", "923")">Reply</a> </div> </div> </li> </ol> <a name="respond"></a> <div id="respond"> <h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20100829041752/http://bavotasan.com/articles/get-familiar-with-html-5/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://web.archive.org/web/20100829041752/http://bavotasan.com/wp-comments-post.php" method="post" id="commentform"> <p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name</label> <span class="required">*</span><input id="author" name="author" type="text" value="" size="30" aria-required="true"/></p> <p class="comment-form-email"><label for="email">Email</label> <span class="required">*</span><input id="email" name="email" type="text" value="" size="30" aria-required="true"/></p> <p class="comment-form-url"><label for="url">Website</label><input id="url" name="url" type="text" value="" size="30"/></p> <p>To enter code in the comment box, please place it between <strong><pre lang="php"> </pre></strong> tags. You don't have to convert any characters to their hex/HTML code. Just add your code the way you would to any code editor.</p> <p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-submit"> <input name="submit" type="submit" id="submit" value="Post Comment"/> <input type="hidden" name="comment_post_ID" value="923" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p> </form> </div> </div> </div> </div>  <div id="sidebar"> <div id="search"> <form method="get" id="searchform" action="https://web.archive.org/web/20100829041752/http://bavotasan.com/"> <div> <input type="text" class="search_input" value="Search" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"/> <input type="hidden" id="searchsubmit" value="Search"/> </div> </form> <div class="arrow"></div> </div> <div id="sideads">  <div id="bsap_1237633" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  <br class="clear"/>  <div id="bsap_1237624" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  </div> <br class="clear"/> <div class="line"></div> <div class="side-widget"> <h4>Most Popular Posts</h4> <ul class="wppp_list"> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/" title="Creating a Mouseover Fade Effect with jQuery ">Creating a Mouseover Fade Effect with jQuery </a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/a-simple-mouseover-hover-effect-with-jquery/" title="A Simple Mouseover Hover Effect with jQuery">A Simple Mouseover Hover Effect with jQuery</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/" title="Full Size Background Image jQuery Plugin">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/retrieve-the-first-image-from-a-wordpress-post/" title="Retrieve and Display Images from a WordPress Post">Retrieve and Display Images from a WordPress Post</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/" title="Magazine Basic v2.6 WordPress Theme">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/processing-multiple-forms-on-one-page-with-php/" title="Processing Multiple Forms on One Page with PHP">Processing Multiple Forms on One Page with PHP</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/limiting-the-number-of-words-in-your-excerpt-or-content-in-wordpress/" title="Excerpt or Content Word Limit in WordPress: Redux">Excerpt or Content Word Limit in WordPress: Redux</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/" title="How to Create a Twitter Feed on Your Web Site">How to Create a Twitter Feed on Your Web Site</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/easy-overlay-modal-window-jquery-plugin/" title="Easy Overlay Modal Window jQuery Plugin">Easy Overlay Modal Window jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/php-code-to-redirect-mobilehandheld-users/" title="PHP Code to Redirect Mobile/Handheld Users">PHP Code to Redirect Mobile/Handheld Users</a></li> </ul> </div> <div id="affiliates-ads"> <a href="https://web.archive.org/web/20100829041752/http://themes.bavotasan.com/" class="themes"></a> <a href="https://web.archive.org/web/20100829041752/http://wordcampmontreal.org/" title="I'm Speaking at WordCamp Montreal 2010 - Aug 28-29" class="wordcamp"></a> <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/" class="deletedupes"></a> <a href="https://web.archive.org/web/20100829041752/https://www.e-junkie.com/ecom/gb.php?cl=88539&c=ib&aff=93121" class="digwp"></a> <a href="https://web.archive.org/web/20100829041752/https://www.e-junkie.com/ecom/gb.php?cl=94455&c=ib&aff=93121" target="ejejcsingle" class="defender"></a> <a href="https://web.archive.org/web/20100829041752/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest&page=7" class="inmotion"></a> </div> <div class="line"></div> <div class="side-widget redlink"> <h4>Get a Premium Theme for FREE</h4> <p><a href="https://web.archive.org/web/20100829041752/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest" class="wordpress-logo"></a>Don't have a Web site? How would you like to have WordPress and a <a href="https://web.archive.org/web/20100829041752/http://themes.bavotasan.com/category/premium-themes">Themes by bavotasan.com</a> Premium theme installed and configured for <em>FREE</em>? All you need to do is <a href="https://web.archive.org/web/20100829041752/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest">sign up with InMotion Hosting through this link</a>. <br/> <br/> <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/free-premium-theme/" class="fr"><em>Click here for more information »</em></a> </p> </div> <div class="side-widget"> <h4>Support c.bavota</h4> <p>If you would like to support <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/">c.bavota</a> and <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/">bavotasan.com</a>, please use the donate link below. Any amount, even $1.00, is appreciated (a man's gotta eat, ya know).</p> <a href="https://web.archive.org/web/20100829041752/https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5745952" id="donate" class="fr">Donate</a> </div> </div> </div> </div>  <div class="whiteline"></div> <div id="footer"> <div id="bottombar"> <a href="javascript:void(0)" class="backtotop">Back to Top<span></span></a> <div class="col col1"> <h4 class="one"><span></span>Stay in Touch</h4> <a href="https://web.archive.org/web/20100829041752/http://twitter.com/bavotasan" class="footer-twitter"><span></span>Follow me on Twitter</a><br/> <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/feed/" class="footer-rss"><span></span>Subscribe to my RSS Feed</a> <br class="clear"/> <h4 class="two"><span></span>Stay in Tune</h4> <div class="tweets"></div> </div> <div class="col col2"> <h4 class="three"><span></span>Downloads</h4> <ul> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/feed-me-seymour-free-wordpress-theme/">Feed Me, Seymour 1.2</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/sliderota-jquery-plugin/">Sliderota jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/easy-overlay-modal-window-jquery-plugin/">Easy Overlay Modal Window jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/snowblind-free-wordpress-theme/">Snowblind v1.1.2 Free WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/8-free-colorful-background-textures-for-designers/">8 Free Colorful Background Textures for Designers</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/">Stationery Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/">Illustrious Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/">Delete Duplicate Posts Pro WordPress Plugin</a></li> </ul> </div> <div class="col col3"> <h4 class="four"><span></span>Tutorials</h4> <ul> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/">Optimization Tips to Speed Up Your Site</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/create-bit-ly-short-urls-for-your-posts-in-wordpress/">Create bit.ly Short URLs for your Posts in WordPress</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/optimizing-your-mysql-database/">Optimizing your MySQL Database</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/draw-smiley-face-css3/">How to Draw a Smiley Face with CSS3</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/jquery-replace-word-with-link/">Use jQuery to Replace a Word with a Link</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/a-simple-css-trick-to-vertically-align-text/">A Simple CSS Trick to Vertically Align Text</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/using-ajax-with-wordpress/">Using Ajax with WordPress</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/blindtoggle-for-jquery/">Blind Toggle for jQuery</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/shorten-your-post-titles-in-wordpress/">Shorten Your Post Titles in WordPress</a></li> <li><a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/tutorials/display-rss-feed-with-php/">An Easy Way to Display an RSS Feed with PHP</a></li> </ul> </div> </div> </div> <div id="copyright"> <div id="copyright-wrapper"> Copyright © 2010 <a href="https://web.archive.org/web/20100829041752/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20100829041752/http://www.wordpress.org/">WordPress</a>. </div> </div> <script src="https://web.archive.org/web/20100829041752js_/http://stats.wordpress.com/e-201034.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'5317602',v:'ext',post:'923'}); var load_cmc = function(){linktracker_init(5317602,923,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <script type="text/javascript" src="https://web.archive.org/web/20100829041752js_/http://bavotasan.com/wp-content/themes/bavotasan-2010/js/coolstuff.js"></script> <script type="text/javascript"> hs.graphicsDir = 'https://web.archive.org/web/20100829041752/http://bavotasan.com/images/graphics/'; hs.outlineType = 'rounded-white'; hs.outlineWhileAnimating = true; hs.showCredits = false; </script>  </body> </html>