Samay Bhavsar

Avon Renew

GM Services

HTML5 Boilerplate

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.
After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

52framework

52framework is a complete tool to help you start building with HTML5 and CSS3 with the use of new tags, input fields, rounded-corner, text-shadows, etc.
It includes a grid system and CSS reset (that is modified for HTML5).

• HTML5
  
  
  • Use of all the most useful current html5 tags including: header, nav, section, article, footer, and more to come soon (with styling)
  • Use of the all new <!DOCTYPE html> and <html lang="en">
  • New input field types: url, email, etc
  • Script embed (javascript) using only the script tag without the attribute type
  • Modified Reset Stylesheet for HTML5
• CSS3
  
  
  • Use of the new ::selection selector that enables you to customize the properties of selected text.
  • Rounded Corners for any block level element
  • Text-Shadow for text elements
  • Box Shadow for block level elements
• Grid
  
  
  • 16 column, 52 pixel based with 8 pixel gutter
  
   
  

HTML5 video

HTML5 video is an element introduced in the HTML5 draft specification for the purpose of playing videos or movies, partially replacing the object element.
Adobe Flash Player is widely used to embed video on web sites such as YouTube, since the majority of web browsers have Adobe's Flash Player installed (with exceptions such as the browsers on the Apple iPhone and iPad and on Android 2.1 or less). HTML5 video is intended by its creators to become the new standard way to show video online, but has been hampered by lack of agreement as to which video formats should be supported in the video tag.

The following HTML5 code fragment will embed a WebM video into a web page.

<video src="movie.webm" controls>
This is fallback text to display if the browser does not support the video element.
</video>

HTML5: Differences from HTML 4.01

The following is a cursory list of differences and some specific examples.

• New parsing rules: oriented towards flexible parsing and compatibility; not based on SGML
• Ability to use inline SVG and MathML in text/html
• New elements: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video, wbr
• New types of form controls: dates and times, email, url, search, color
• New attributes: ping (on a and area), charset (on meta), async (on script)
• Global attributes (that can be applied for every element): id, tabindex, hidden, data-* (custom data attributes)
• Forms will get support for PUT and DELETE methods too instead of just GET and POST (see Representational State Transfer for use cases)
• Deprecated elements will be dropped altogether: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u

HTML5: An introduction

HTML5 is currently under development as the next major revision of the HTML standard. Like its immediate predecessors, HTML 4.01 and XHTML 1.1, HTML5 is a standard for structuring and presenting content on the World Wide Web. The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears.

HTML5 introduces a number of new elements and attributes that reflect typical usage on modern websites. Some of them are semantic replacements for common uses of generic block (<div>) and inline (<span>) elements, for example <nav> (website navigation block) and <footer> (usually referring to bottom of web page or to last lines of html code). Other elements provide new functionality through a standardized interface, such as the multimedia elements <audio> and <video>.