HTML 5: Playing MP3 using Audio Tag

HTML 5 supports a new Audio tag, which allows you to play music. Here's a sample HTML Audio Tag: <audio controls="controls"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mp3" /> Your browser does not support the audio tag. </audio> Now you would think that it would be relatively simple to play music on the latest HTML … Continue reading HTML 5: Playing MP3 using Audio Tag


Best practices for writing HTML and CSS

We can write a CSS Stylesheet and HTML markup in many different ways. Sergio Jasinski explains How ‘not’ to write a Stylesheet ! No ‘!important’ Avoid ‘@import’ No ‘expressions’ Avoid Inline Codes No Design based selector names Use Comments Ruben D'Oliveira's Do’s and Don’ts of Writing Better CSS and HTML Never forget your DOCTYPE. Say no … Continue reading Best practices for writing HTML and CSS

Responsive Web Design using HTML 5

It all started with Responsive Web Design, an article by Ethan Marcotte on A List Apart. Essentially, the article proposed addressing the ever-changing landscape of devices, browsers, screen sizes and orientations by creating flexible, fluid and adaptive Web sites. Instead of responding to today’s needs for a desktop Web version adapted to the most common screen … Continue reading Responsive Web Design using HTML 5

HTML5 on IE8

Many of you must have read that older browsers like IE7 and IE8 do not support HTML5. Well, there is a workaround for this purpose. Add the following code to your HTML5 website to get it working on theses "outdated" browsers.(Sorry WinXP users you have to use IE8 😦 ) <!--[if lt IE 9]> <script type="text/javascript" src="//"></script> <style type="text/css">header,nav,section,article,aside,footer,hgroup { display: … Continue reading HTML5 on IE8

Laying out HTML with CSS Grids

Grid Layout contains features targeted at web application authors. The Grid can be used to achieve many different layouts. It excels at dividing up space for major regions of an application, or defining the relationship in terms of size, position, and layer between parts of a control built from HTML primitives. Like tables, the Grid … Continue reading Laying out HTML with CSS Grids

HTML5 Video Support in IE9 Mobile

Here is a summary of the blog post "HTML5 Video Support in IE9 Mobile" on Windows Phone Developer blog. HTML5 video is one of the most visible and easily adoptable features of the HTML5 standard. With the Mango release, Microsoft is adding support for the HTML5 <video> tag to the browser in a way that is standards-compliant, hardware-accelerated, and … Continue reading HTML5 Video Support in IE9 Mobile

Building Mobile-Ready Content and Layout

Smart phones and tablets have changed people's web experience dramatically. If you are a web developer, you would probably require a mobile ready website. There are two options one create two different sites one for the large screen devices and other for mobile devices. Managing two different websites and become a difficult task after some time. The solution, build a … Continue reading Building Mobile-Ready Content and Layout