Entries Tagged 'html5' ↓
June 21st, 2012 — adobe, air4android, css3, edge, html5, javascript
Adobe has taken a bold and great step forward embracing the HTML5 technology suite by coming up with a tool called Adobe Edge. Ever since Apple decided to stop supporting Flash on their mobile devices, the trend seems to have picked up as more and more vendors and manufacturers seem to be following the same route by not including Flash on their devices. In November 2011, Adobe had officially announced that they are no longer going to support Flash on the mobile devices and Edge is most probably a result of Adobe going in the direction of open standards like HTML5, CSS3 and Javascript.
With Adobe Edge you can create animated and interactive HTML5 content with power, precision and ease. Much like most of the animation tools, Edge seems to have included an easy to use timeline based interface to create powerful Flash like animations using open standards such as HTML5, CSS3 and Javascript. You can add motion to an exisiting HTML or create new compositions to integrate your content. You can also extend your compositions by using pre existing code snippets or writing Javascript code.
The preview of Edge was released to Adobe Labs in August 2011 and is available to download here.
February 16th, 2012 — basics, doctype, html5
The whole world is moving towards HTML5 and so are we. Here is a brief introduction to get you started with HTML5.
The Doctype tag: The <!DOCTYPE> tag should be the first tag in your HTML document even before <html>. It tells the web browser about what version of the markup language the page is written in. In previous versions of HTML, there were several possible declarations for the DOCTYPE but in HTML5, there is only one.
<!DOCTYPE html>
The root element for any HTML document starts with the <HTML> tag. The content of this document should have a HEAD element followed by a BODY element.
Sample Code:
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Test<title>
</head>
<body>
</body>
</html>
Although it is not mandatory to specify the language of the document using the lang tag, it is recommended to specify the primary language.
Some of the new features in HTML5 that’s getting web developers excited about are:
1> Full CSS3 Support
2> Video and Audio using the <audio> and <video> tags.
3> 2D/3D graphics. The <canvas> element is used to draw 2D graphics.
4> Local storage
5> Local SQL database
6> New tags/attributes including but not limited to <header>, <footer>, <section> etc
The other cool thing is that HTML5 introduces new form input elements on which you can specify an input type. By doing this, the browser will take care of validations and even formatting the field data. Some of the new input types include telephone number, email, URL, date and time.
