This allows you to make super nice rollover effects in the properties of an element by eliminating the need to use javascript.

Syntax for CSS 3 Transitions:

The specification of the CSS3 introduces the new ownership transition which allows you to clearly specify the transitions you want. The basic syntax is:

.style {
   transition: property time easing;
}

Where:

• Property: is the property to be applied (color, width, etc.).
• Time: duration in seconds of the transition
• Easing: type of acceleration of the animation (ease, linear, ease-in, ease-out, ease-in-out, etc)

Obviously this code only works in browsers that have implemented the CSS3 specification, then so that the current browsers could interpret it, it is necessary to add specific lines in accordance with every browser.

Example:

.style {
    -webkit-transition: property time easing; /* Safari 3.2+, Chrome */
    -moz-transition: property time easing;    /* Firefox 4.0+ */ 
    -o-transition: property time easing;      /* Opera 10.5+ */
    transition: property time easing;
}

This ensures that the transitions will be properly seen in chrome, safari 3.2+ , Firefox 4.0+ and Opera 10.5+. In the other cases, including IE 9 and earlier, you will not see the transition, you will see an abrupt change from one to another state, which is not big deal.

"Over 70 million iPad and Android devices in Canada and the United States"

On January 27, 2010 Steve Jobs launched the iPad, creating a new market segment. Today, it is estimated that at the end of year, 1 in 5 North American will nown a tablet device. This means that there will be over 70 million iPad and Android devices in Canada and the United States, an amount double the previous year.


Far from being a niche product exclusively for technology enthusiasts, tablets are now increasingly consumed by the three main age groups (below), while its usage ranges widely from playing games to sending email to checking a patient’s vitals.

The Obvious Problem

He wanted something done fast and was willing to increase his budget on an already expensive and fruitless digital and SEO campaign to accomplish it.

So fair enough, we went into his Google Analytics account to observe his traffic statistics and find ways to fix his problem. To our surprise, his Website had a healthy and steadily growing traffic volume mainly driven via SEO, PPC, Social Media campaigns, and quality content writing through his blog.

The "real" problem had nothing to do with his digital campaign!

Documentation

As we begin to the into the documentation for HTML5, we will discover a new layout, new tags and seamless integration with CSS and JavaScript. These resources below present us with great learning opportunities.

• HTML5 Canvas Tutorial http://www.html5canvastutorials.com/
• W3Schools http://www.w3schools.com/html5/default.asp
• Dive Into HTML5 http://diveintohtml5.info/
• (WHATWG) http://whatwg.org/specs/web-apps/current-work/multipage/
• (W3C). http://dev.w3.org/html5/spec/Overview.html
• HTML5 Rocks http://www.html5rocks.com/ES/