A Normal Cat
===
<center><iframe id="catframe" scrolling="no" width="60%" height="75%" src="http://css3.zxq.net/doraemon/doraemon_css3.html"></iframe></center>

---

Poor Cats
===
<table>
<tr>
    <th>Browser</th><th>Cat</th>
    <th>Browser</th><th>Cat</th>
    <th>Browser</th><th>Cat</th>
</tr>
<tr>
    <td>Firefox 3.6</td><td>![alt](http://blog.yotuo.net/tools/images/4611405938_a67dc09694_o.png)</td>
<td>Opera 10.53 <td>![alt](http://blog.yotuo.net/tools/images/4610807435_e028c49f2d_o.png)</td>
<td>IE9 beta <td>![alt](http://blog.yotuo.net/tools/images/4610795853_653957e6c2_o.png)</td>
</tr>
<tr>
<td>IE8 <td>![alt](http://blog.yotuo.net/tools/images/4610807369_969f253753_o.png)</td>
<td>IE7 <td>![alt](http://blog.yotuo.net/tools/images/4610800045_7b8d846ec1_o.png)</td>
<td>IE6 <td>![alt](http://blog.yotuo.net/tools/images/4611405722_1876c4292c_o.png)</td>
</tr>
</table>

---

Please Use Modern Web Browsers
===

# 1. Why does a Cat Matter? Why should I listen to YOU?
* Cat will be revealed very soon
* I write and do experiments with web pages (including this) for years

# 2. Can Legacy Machines run Modern Browsers?
* You need modern browsers more if your computers are antiques.

# 3. Is it easy to Upgrading Browsers?
* Try them NOW.

---

Why does a Cat Matter?
===

# Cat
* Not a Picture, Not a Video, Not a Flash animation
* It is HTML and CSS, like ALL web pages

# Web Pages: HTML+CSS
* HTML: describe content and structure of a web page
* CSS: describe the style of how content should be displayed
* Browsers: computation needed to decide how web pages look like.

---

HTML5 Features that Browsers Support
===
<table>
						<tbody>
						  <tr>
								<th class="browser">Modern Browsers</th>
								<th class="version">Version Number</th>
								<th class="points">Features Supported</td>
								<th class="bonus">Extra Features Supported</td>
						  </tr>
							<tr>
								<td class="browser">Google Chrome</th>
								<td class="version">17.0</th>
								<td class="points">374</td>
								<td class="bonus">13</td>
							</tr>
							<tr>
								<td class="browser">Mozilla Firefox</th>
								<td class="version">11.0</th>
								<td class="points">335</td>
								<td class="bonus">9</td>
							</tr>
							<tr>
								<td class="browser">Opera</th>
								<td class="version">11.60</th>
								<td class="points">329</td>
								<td class="bonus">9</td>
							</tr>
							<tr>
								<td class="browser">Apple Safari</th>
								<td class="version">5.1</th>
								<td class="points">302</td>
								<td class="bonus">7</td>
							</tr>
							<tr>
								<td class="browser">IE</th>
								<td class="version">9</th>
								<td class="points">141</td>
								<td class="bonus">5</td>
							</tr>
							<tr>
								<th class="browser">Legacy Browsers</th>
							</tr>
							<tr>
								<td class="browser">IE</th>
								<td class="version">8.0</th>
								<td class="points">41</td>
								<td class="bonus">0</td>
							</tr>
							<tr>
								<td class="browser">IE</th>
								<td class="version">7.0</th>
								<td class="points">26</td>
								<td class="bonus">0</td>
							</tr>
							<tr>
								<td class="browser">IE</th>
								<td class="version">6.0</th>
								<td class="points">25</td>
								<td class="bonus">0</td>
							</tr>
						</tr>
						</tbody>
					</table>

[(reference: http://html5test.com/results.html)](http://html5test.com/results.html)

* So please use modern browsers if you are using legacy ones.

---

My Computer is SLOW!
===

* Is it common sense that moderns ones look better but consume more?

<center><iframe width="800" height="450" src="http://www.youtube.com/embed/6PGznR2a9xk" frameborder="0"> </iframe></center>

---

A "Scientific" Experiment
===

* Chrome is lightning fast!

<center><iframe width="800" height="450" src="http://www.youtube.com/embed/nCgQDjiotG0" frameborder="0"> </iframe></center>

---

Speed & CPU Usage Comparison
===

![alt](./15-03_performance_comparison_of_web_browsers_large.jpg)
[(reference: http://sixrevisions.com/infographs/browser-performance/)](http://sixrevisions.com/infographs/browser-performance/)

---

Easy to Upgrade?
===
# Simply download and install, less than 5 minues
* Chrome
[http://www.google.com/intl/en/chrome/](http://www.google.com/intl/en/chrome/)
* Firefox
[http://www.mozilla.org/en-US/firefox/new/](http://www.mozilla.org/en-US/firefox/new/)

<span class="bigcenter">
# A faster and prettier world is AWAITING!
</span>

---

Thanks. QA?
===