Html5

Transforms-Canvas transformation element

Transforms-Canvas transformation element

Fadıl

This transform attribute in canvas transformation element it will allow us to modify the transformation matrix.

transform(m11, m12, m21, m22, dx, dy)

change strategy can be utilized to increase the present change grid with the framework depicted by

m11 m21 dx
m12 m22 dy
0 0 1

The transformation matrix must be marked infinity if any of the arguments are set infinite instead of throwing an exception.

setTransform(m11, m12, m21, m22, dx, dy)

Fallback options in HTML5 audio and video tags

Fallback options in HTML5 audio and video tags

Fadıl

HTML5 provides a fallback option for its audio and video tag elements.  Some browsers still don’t support HTML5 and for those users, if HTML5 audio and video tags are used in a website they might miss the data in the audio and video tags, in such a case HTML5 provides us with a fallback option. An alternative option is to play the media in the specification supported by the browser.

Audio and Video in HTML5

Audio and Video in HTML5

Fadıl

HTML5 has inbuilt support for both audio and video tags

This following code explains about embedding a video element.

Let’s examine the code now;

<pre><video width="320" height="240" src="http://www.youtube.com/
watch?feature=player_embedded&v=dRcIrVHjUSs" controls="controls">
Your browser does not support the <code>video</code> element.
</video>

This sample example plays a video posted by quality point technologies in youtube.

Multiple file sources can be included in a single video tag using the tag <source>. They help us to provide video and audio in different formats in a different browser. For eg

HTML5-An overview

HTML5-An overview

Fadıl

This site Learn HTML5.info aims at providing better exposure to HTML5 to the users. For more than a decade there has been no prominent updation in the HTML4 version. But once HTML5 was released a couple of years back it has been a hot topic for a while. Many interesting features have been added in the HTML5. for years users and the browsers have to depend on 3rd party plugins to play audio and video but now HTML5 has given a solution for that. Give us a chance to see a portion of the noticeable and interesting highlights of HTML5 in this instructional exercise HTML5 a presentation.

HTML5 form elements

HTML5 form elements

Fadıl

HTML5 has new form elements that previous versions of HTML did not feature.They are

  • <datalist></datalist>
  • <keygen></keygen>
  • <output></output>

<datalist> Element

The <datalist> element in HTML5 specify the options that can be included for an input field . This <datalist> element  will specify the list of options for an input field.

The <datalist> element specifies a list of options for an input field.<option> tag can be used to insert/create elements within the <datalist> tag.In order to bind a<datalist> element to an input field refer the list attribute of the input field to the data list id.