By Bruce Lawson
Opera’s vision is to provide the best Internet experience on any device
B.A., Honours English Literature and Language with Drama
But she can use the Web if it's made with standards (Web Content Accessibility Guidelines)
WWW
Wealthy Western Web
<img>
in Mosaic beta. Now 99.57% (MAMA)South Korea is a nation that at the forefront of technology, an early adopter of ecommerce, leading the world in 3G mobile adoption, in wireless broadband, in wired broadband adoption, as well as in citizen-driven media.
But the Web is in hands of a single corporation.
The Web works everywhere - The Web is the platform
British based financial services company that provides life, health and other insurance, as well as pensions and investments. Its shares trade on the London Stock Exchange as part of the FTSE 100 Index. Major markets include U.K., France, Germany, the Netherlands and the United States: www.landg.com
<h1>This is the main heading</h1>
<h2>This is a sub-heading</h2>
<p>A paragraph about <a href="http://www.opera.com/">something interesting</a>.</p>
<ul>
<li>list item</li>
<li>Another list item</li>
</ul>
<h2>Another heading</h2>
<p>Another paragraph</p>
Person | Age |
---|---|
Bruce | 42 |
Shwetank | 24 |
Parminder | 13 |
Sanjay | 53 |
<table border="1" width="500">
<thead>
<tr bgcolor="blue" align="center"><th><font color="white">Person</font></th><th><font color="white">Age</font></th></tr>
</thead>
<tbody>
<tr bgcolor="white"><td bgcolor="white"><font color="black">Bruce</font></td><td bgcolor="white"><font color="black">42</font></td></tr>
<tr bgcolor="#66FFCC"><td><font color="black">Shwetank</font></td><td><font color="black">24</font></td></tr>
<tr bgcolor="white"><td><font color="black">Parminder</font></td><td><font color="black">13</font></td></tr>
<tr bgcolor="#66FFCC"><td><font color="black">Sanjay</font></td><td><font color="black">53</font></td></tr>
</tbody>
</table>
Person | Age |
---|---|
Bruce | 42 |
Shwetank | 24 |
Parminder | 13 |
Sanjay | 53 |
<table>
<thead>
<tr><th>Person</th><th>Age</th></tr>
</thead>
<tbody>
<tr><td>Bruce</td><td>42</td></tr>
<tr><td>Shwetank</td><td>24</td></tr>
<tr><td>Parminder</td><td>13</td></tr>
<tr><td>Sanjay</td><td>53</td></tr>
</tbody>
</table>
CSS provides a way to abstract styles from meaning. Include it in the head
and style the whole site
table {width:500px; border:1px solid white;}
th {background-color:blue; color:white; text-align:center;}
tr {background-color:white; color:black;}
tr:nth-child(even) {background-color:#66FFCC;}
Using principles of unobtrusive JavaScript, I'll add Stuart Langridge's Sorttable script:
<script src="sorttable.js"></script>
<table class="sortable">
article
, footer
, aside
)<video>
<canvas>
<canvas>
Do what people really want to do, without scripting, so
Current way to embed video:
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/LtfQg4KkR88&hl=en&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/LtfQg4KkR88&hl=en&fs=1" type="application/x-shockwave-flash"
allowfullscreen="true" width="425" height="344"></embed>
</object>
Super shiny new way
<video src="video.ogv"
controls
autoplay
poster="poster.jpg"
width="320" height="240">
<a href="video.ogv">Download movie</a>
</video>
(Demonstrations need an Opera experimental build.)