ÿþ<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="en"> <head> <title>Opera - @>H;>5 8 1C4CI55 8=B5@=5B0</title> <link rel="stylesheet" media="screen,print,projection" href="style.css"> <style> .flame {text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20} ul li {list-style-type: none} @media handheld { * { margin: 2px; padding: 2px } .slide {margin-bottom:1em; border: 1px black solid; background:url('operalittle.png')} #first {display:none} head,title {display:block} .screen {display:none}} </style> </head> <body> <div class="screen"> <p>-B>B =01>@ A;094>2 @07@01>B0= 4;O Opera 8 8A?>;L7C5B =5:>B>@K5 2>7<>6=>AB8, 4>ABC?=K5 B>;L:> 2 M:A?5@8<5=B0;L=KE A1>@:0E Opera A ?>445@6:>9 2845>. "5< =5 <5=55, >A=>2=CN G0ABL 4>:C<5=B0 <>6=> G8B0BL 2 ;N1>< 1@0C75@5.</p> <p>'B>1K ?5@59B8 2 @568< A;094-H>C 2 Opera, 2K15@8B5 "View" ->"Full Screen". A;8 8=B5@5AC5B5AL, :0: MB> A45;0=>,  A<>B@8B5 8AE>4=K9 B5:AB...</p> </div> <div class="slide" id="first"> <h1>Opera 8 AB0=40@BK</h1> <p style="color:#ddd"><del>Charles McCathieNevile</del></p> <h3 style="margin-top:-1em">Chaals / '00;A</h3> <p style="color:#ddd;margin-top:-1em;font-size:90%">8@5:B>@ ?> AB0=40@B0<</p> <h3>;LO (?0=L:>2</h3> <h3>;5:A59 $5;L435=4;5@</h3> <p class="centre"><img src="img/unitours.jpg" alt="" /></p> </div> <div class="slide"> <h1>Opera: 1@0C75@K</h1> <ul> <li>5@5=>A8<K9, 1KAB@K9 :>4 1@0C75@0</li> <li>@0C75@K =0 20 30 ?;0BD>@<0E</li> <li> B0:65<ul> <li>my.opera.com</li> <li>widgets.opera.com</li> <li>A5@25@ Opera Mini</li></ul></li> </ul> </div> <div class="slide"> <h1>Opera: :><?0=8O</h1> <ul> <li> &gt; 500 G5;>25: 87 50 AB@0=<br/> ...<K 8I5< A?5F80;8AB>2</li> <li> 01>B0NB 2 15 AB@0=0E</li> <li>0 ?>A;54=89 3>4  100 000 000 1@0C75@>2</li> <li>( 0ABQ< A :064K< 3>4><)</li> <li> >AA8O  <=>3> ?>;L7>20B5;59 Opera</li> </ul> </div> <div class="slide"> <h1>Opera Desktop</h1> <ul> <li>5@54>2>9 ?@>4C:B</li> <li>"5:CI0O 25@A8O  9.62</li> <li>G5=L, >G5=L :;0AA=K9</li> <li>;5:A59 @0AA:065B ?>4@>1=55</li> </ul> </div> <div class="slide"> <h1>Opera Mobile</h1> <p><img class="right" src="img/operamobile.png" alt=""/></p> <ul> <li>@0C75@ 4;O A<0@BD>=>2</li> <li>?5@2K5 Ajax =0 <>18;L=>< (2005)</li> <li>>ABC?=0 beta 2</li> <li>Windows mobile, UIQ</li> <li>>B>28BAO 4;O Nokia s60</li> </ul> </div> <div class="slide"> <h1>Opera Mini</h1> <p><img class="right" src="img/opmini.png" alt=""/></p> <ul> <li>@0C75@ 4;O 2A5E B5;5D>=>2</li> <li>20 <8;;8>=>2 ?>;L7>20B5;59</li> <li> >AA8O  =0 ?5@2>< <5AB5</li> <li>50% @>AA89A:>3> GPRS-B@0D8:0</li> <li>120 1 =0 Java (8;8 C, ...)</li> </ul> </div> <div class="slide"> <h1>Mini 2 >AA88</h1> <p class="centre"><a href="http://opera.com/mobile_report">http://opera.com/mobile_report</a><img class="right" src="img/mini-to-sep.png" alt=""/></p> <ol style="font-size:75%"> <li>vkontakte.ru</li> <li>www.mail.ru</li> <li>yandex.ru</li> <li>www.odnoklassniki.ru</li> <li>wapos.ru (up from 6)</li> <li>www.seclub.ru (up from 7)</li> <li>jambo.ru (new)</li> <li>rambler.ru</li> <li>mamba.ru (up from 10)</li> <li>s-c.ru (down from 9)<li> </ol> </div> <div class="slide"> <h1>!B0=40@BK 8 <>18;L=K5 CAB@>9AB20</h1> <p>=B5@=5B ?@8E>48B =0 CAB@>9AB20</p> <ul> <li>>;L7>20B5;O< =C6=K B5 65 A09BK</li> <li>!B0=40@BK @01>B0NB 25745</li> <li>0AB>;L=K5 :><?LNB5@K =8:C40 =5 45=CBAO</li> <li>!> AB0=40@B0<8 MB> ?@>I5</li> </ul> </div> <div class="slide"> <h1>0G5< =C6=K AB0=40@BK?</h1> <ol> <li>=B5@=5B @0ABQB 1;03>40@O AB0=40@B0<</li> <li>=B5@=5B 4>ABC?5= 25745</li> <li>CGH0O ?;0BD>@<0 4;O ?@8;>65=89</li> <li>%>@>H85 AB0=40@BK ?><>30NB @07@01>BG8:0<</li> <li>@028;L=K5 AB0=40@BK ?><>30NB 02B>@0<</li> </ol> <p>«=B5@=5B  MB> ?;0BD>@<0»</p> </div> <div class="slide"> <h1>0:85 AB0=40@BK?</h1> <dl> <dt>!B0=40@BK WWW (W3C 8 4@C385)</dt> <dd>X/HTML, SVG, DOM, ECMAScript, CSS 8 4@C385</dd> <dd>-:A?>@B B5:CI53> DOM</dd> <dt>!B0=40@BK 8=B5@=5B0 (IETF 8 4@C385)</dt> <dd>RFC 822, TLS, HTTP, ...</dd> <dt>«=4CAB@80;L=K5» AB0=40@BK</dt> <dd>WML, CE-HTML, IPTV, API CAB@>9AB2</dd> </dl> </div> <div class="slide"> <h1>!B0=40@BK 2 Opera</h1> <p>25 A>B@C4=8:>2 @01>B0NB =04 AB0=40@B0<8</p> <ul> <li> >A=>2=><, 2 W3C  7=0G8B5;L=K9 2:;04</li> <li> 01>B0 =04 <=>38<8 AB0=40@B0<8</li> <li>!B0=40@B870F8O =>28=>: 2 W3C</li> <li>@028;L=0O @50;870F8O AB0=40@B>2</li> </ul> <p>(#G51=K9 ?;0= ?> AB0=40@B0<)</p> </div> <div class="slide"> <h1>!B0=40@BK 2 Opera</h1> <iframe style="float:right;width:40%;height:60%;background:#fff;color:#000;margin:0px;padding:0px;text-align:right" src="torture.xhtml"></iframe> <dl> <dt>Giorgi Chavchanidze</dt> <dd>@>D8;L <a href="torture.xhtml">MathML 4;O CSS</a></dd> <dt>Chris Pine</dt> <dd>ECMAScript 3.1, 4</dt> <dt>Håkon Wium Lie</dt> <dd style="text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20;">48= 87 87>1@5B0B5;59 CSS</dd> <dt>"OperaShow"</dt> <dd><code>@media projection</code></dd> </dl> <p> <=>385 4@C385...</p> </div> <div class="slide"> <h1>!B0=40@BK 2 45;5</h1> <p>XMLHttpRequest (1C:20 «X» 2 Ajax)</p> <p>0?@>AK 157 ?5@5703@C7:8 AB@0=8FK</p> <ul> <li>2545=K 2 IE (!) 10 ;5B =0704</li> <li>5 1K;8 AB0=40@B87>20=K 4> A8E ?>@</li> <li> 540:B>@  Anne van Kesteren</li> <li>#65 <a href="http://www.w3.org/TR/xmlhttprequest">2 D8=0;L=>9 AB0488</a>...<br />...?>MB><C <K =0G0;8 @01>BC =04 C@>2=5< 2</li> </ul> </div> <div class="slide"> <h1>8465BK...</h1> <p>(<0;5=L:85 ?@8;>65=8O ?> 251-B5E=>;>38O<)</p> <ul> <li>#AB0=02;820NBAO =0 :><?LNB5@</li> <li>A?>;L7CNB 1@0C75@ :0: ?;0BD>@<C</li> <li> 01>B0NB A ?>4:;NG5=85< 8;8 157 ?>4:;NG5=8O : A5B8</li> <li>03@C60NB B>;L:> 87<5=ONI85AO 40==K5</li> <li>A?>;L7CNB ;N1K5 4>ABC?=K5 251-AB0=40@BK</li> <li>@>ABK5 ?@8<5@K 45;0BL ;53:>...</li> </ul> </div> <div class="slide"> <h1><a href="widgets.mht">8465BK...</a></h1> <p>@>I5 =5:C40:</p> <pre><code>&lt;widget&gt; &lt;widgetname&gt;Hello&lt;/widgetname&gt; &lt;width&gt;320&lt;/width&gt; &lt;height&gt;100&lt;/height&gt; &lt;/widget&gt;</code></pre> <p>(8 <0;5=L:0O HTML-AB@0=8G:0)</p> </div> <div class="slide"> <h1>8465BK 8 AB0=40@BK</h1> <ul> <li><a href="http://www.w3.org/TR/widgets">W3C Standard 1.0</a> 1;87>: : 7025@H5=8N</li> <li>8465BK C65 @01>B0NB =0 B5;5D>=0E</li> <li>A5 2>7<>6=>AB8 251-AB@0=8F, 0 B0:65 (2 A:>@>< 1C4CI5<): <ul> <li>>ABC? : D09;>2>9 A8AB5<5 <br/>(2 M:A?5@8<5=B0;L=>9 25@A88 Opera)</li> <li>>7<>6=>AB8 ?;0BD>@<K <br/>(D>B>0??0@0B, SMS ...)</li> </ul></li> </ul> </div> <div class="slide"> <h1>'B> B0:>5 <a href="http://dragonfly.pera.com">Dragonfly</a>?</h1> <h2>Dragonfly</h2> <p>=AB@C<5=BK @07@01>BG8:0. 0;L=59H55 @0728B85 8458 Firebug.</p> <h2>Scope</h2> <p>!0<>5 2:CA=>5: @01>B0 A C40;Q==K< CAB@>9AB2><.</p> </div> <div class="slide"> <h1>0G5< <K A45;0;8 Dragonfly?</h1> <ul> <li>B;04:0  MB> 206=></li> <li>#40;Q==0O >B;04:0 B@C4=0</li> <li>-<C;OB>@  =5 B> 65 A0<>5</li> <li>>B><C GB> <>65<...</li> <li>K ;N18< 45;0BL :;0AA=K5 HBC:8 :)</li> </ul> </div> <div class="slide"> <h1>>B@>E0 Dragonfly</h1> <ul> <li>-B> 251-?@8;>65=85</li> <li> 01>B05B :0: <strong>28465B</strong></li> <li>82>5 >1=>2;5=85</li> <li>B:@KBK9 :>4, ;8F5=78O BSD-B8?0</li> </ul> </div> <div class="slide" id="dom"> <h1>'B> 45;05B Dragonfly</h1> <h2>;O @07@01>BG8:0</h2> <dl> <dt><img class="right" src="dfly/dom.png" alt="" title="screenshot"/>17>@ DOM</dt> <dd>-:A?>@B B5:CI53> DOM</dd> <dt>>H03>2K9 ?@>E>4 A:@8?B>2</dt> <dd>">G:8 >AB0=>20</dd> <dd>><0=4=0O AB@>:0</dd> </dl> </div> <div class="slide" id="style"> <h1>'B> 5IQ</h1> <dl> <dt><img class="right" src="dfly/style.png" alt="" title="screenshot"/>17>@ AB8;59</dd> <dd>"01;8FK AB8;59</dd> <dd>@028;0 CSS</dd> <dd>KG8A;5==K5 AB8;8</dd> </dl> <p>(?>?@>1C9B5 2 Opera 9.5 +<br /> <kbd>Tools -> Advanced -> Developer Tools</kbd>)</p> </div> <div class="slide" id="console"> <h1>> 8 MB> 5IQ =5 2AQ...</h1> <dl> <dt><img class="right" src="dfly/console.png" alt="" title="screenshot"/>>=A>;L >H81>:</dt> <dd>H81:8 CSS</dd> <dd>H81:8 SVG</dd> <dd>!5B52K5 ?@>1;5<K</dd> <dd>>GB>2K5 ?@>1;5<K</dd> <dd>8 4@C3>5</dd> </dl> </div> <div class="slide"> <h1>'5< E>@>H Dragonfly</h1> <h2>>4:;NG05BAO : Scope</h2> <ul> <li>#40;Q==0O >B;04:0</li> <li>N10O Opera =0 O4@5 2.1<br /> (CA;>2=>, 9.5+)</li> <li>API 2AQ 5IQ =5 >:>=G0B5;L=K9...<br /> > >= 1C45B >?C1;8:>20=</li> </ul> </div> <div class="slide"> <h1>'B> 45;05B Scope</h1> <h2>@54>AB02;O5B API 4;O 8=A?5:F88</h2> <object class="right" data="dfly/single.svg"></object> <ul> <li>Dragonfly...</li> <li>...?@>:A8...</li> <li>...Scope</li> </ul> <p>1KG=>  2AQ 2 >4=><</p> </div> <div class="slide"> <h1>2 M:75<?;O@0</h1> <div class="centre"><object data="dfly/local.svg"></object></div> <p>> <>6=> 70?CA:0BL 420 M:75<?;O@0 >4=>2@5<5==></p> </div> <div class="slide"> <h1>#40;Q==></h1> <div class="centre"><object data="dfly/remote.svg"></object></div> <p>;8 >B;04:0 ?> A5B8</p> <p>0?@8<5@, =0 <>18;L=>< B5;5D>=5</p> </div> <div class="slide"> <h1>Dragonfly 8 AB0=40@BK</h1> <p>!B0=40@B87>20==K9 Scope API?</p> <ul> <li>B;04:0 2 @07=KE 1@0C75@0E</li> <li>!2>1>4=K9 2K1>@ A@54K @07@01>BG8:0</li> <li>>;55 MDD5:B82=>5 B5AB8@>20=85</li> </ul> <p> =&gt; %>@>H0O @07@01>B:0 AB0=5B 1KAB@55</p> </div> <div class="slide"> <h1>PNG</h1> <p>(Portable Network Graphics)</p> <p class="right"><img src="img/howcome.png" alt=""/></p> <ul> <li>0<5=0 GIF</li> <li>02=> AB0=40@B87>20= W3C</li> <li> 01>B05B 4065 2 IE</li> <li>"5?5@L 5ABL 8 <a href="img/MoonPhases.png">0=8<8@>20==K9 PNG</a></li> </ul> </div> <div class="slide"> <h1>SVG</h1> <p>(Scalable Vector Graphics)</p> <object data="tiger.svg" class="right"></object> <ul> <li>XML-D>@<0B, @07@01>B0==K9 W3C</li> <li>!CI5AB2C5B 10 ;5B</li> <li> 50;87>20= 2> <=>38E <>18;L=KE B5;5D>=0E<br/> (400+ <8;;8>=>2 B@C1>:...)</li> <li>"5?5@L 8 2 251-1@0C75@0E</li> </ul> </div> <div class="slide"> <h1>!=>20 >1 SVG</h1> <h2>Scalable Vector Graphics</h2> <p>!;>6=0O 8=B5@0:B82=0O 3@0D8:0 8 2845></p> <object data="clock.svg" class="right"></object> <ul> <li>>6=> ?8A0BL 2@CG=CN</li> <li>(4065 G09=8:0<)</li> <li>?5@5<56:C A XHTML</li> </ul> <p><a href="demos/buttons.svg" target="_blank">5IQ >4=> 45<></a></p> </div> <div class="slide"> <h1>@8<5@ B5:AB0 SVG</h1> <p>(8=CB=0O AB@5;:0...) <pre><code>&lt;g id="m"&gt; &lt;line stroke-width="4" y2="95" stroke="red" opacity=".9" /&gt; &lt;animateTransform type="rotate" <span style="color:#aaa"> attributeName="transform" repeatCount="indefinite"</span> dur="60min" by="360" /&gt; &lt;circle r="6" fill="red"/&gt; &lt;/g&gt;</code></pre> </div> <div class="slide"> <h1><code>&lt;canvas&gt;</code></h1> <p>«5?>A@54AB25==>5» 25:B>@=>5 @8A>20=85</p> <ul> <li>?5@2K5 @50;87>20= Apple</li> <li>"5?5@L 2 1>;LH8=AB25 1@0C75@>2 (:@><5 IE)</li> <li>E>48B 2 HTML5</li> <li> 01>B05B 1KAB@55, => ?8A0BL A;>6=55</li> </ul> <a href="canvasgame/index.html" target="_blank">45<>=AB@0F8O...</a></p> </div> <div class="slide"> <h1>K=5H=OO @01>B0: 845></h1> <dl> <dt>2 HTML5</dt> <dd>a <a href="controls.html" target="_blank">?@>AB>9 ?@8<5@</a></dd> <dd><a href="demos/opacity2.html" target="_blank">8 =5<=>3> ?>A;>6=55</a></dd> <dt>8 2 SVG</dt> <dd><a href="demos/vidfilter.svg" target="_blank">D8;LB@K</a></dd> <dd><a href="pinkvid.svg" target="_blank">0=8<0F8O</a>, <a href="demos/svganim/demo.svg" target="_blank"><>O 0=8<0F8O</a></dd> <dd><a href="clip-move.svg" target="_blank">48=0<8G5A:>5</a> <a href="pvideo2.svg" target="_blank">2708<>459AB285</a> </dl> </div> <div class="slide"> <h1>845> 8 ?>;8B8:0</h1> <ul> <li>845> 2 >A=>2=>< =5;L7O A2>1>4=> 45;0BL 8 8A?>;L7>20BL</li> <li>Ogg/Theora  <>6=> (2 Opera/Firefox)</li> <li>DIRAC >B BBC  B>65</li> <li>!B0=CB ;8 >=8 >1I5?@8=OBK<8 AB0=40@B0<8?<br /> (=0 <>18;L=KE?)</li> </ul> </div> <div class="slide"> <h1>@C385 =>28=:8</h1> <h2>3D <code>&lt;canvas&gt;</code></h2> <object data="3dstuff/canvas3d_example2.html" class="right" style="height:60%"></object> <ul> <li>-:A?5@8<5=B0;L=K5 25@A88</li> <li>0 <a href="http://labs.opera.com">labs.opera.com</a></li> <li>@8<5@K 8 ?>OA=5=8O</li> <li>0< 206=> 20H5 <=5=85</li> </ul> <p>IQ >48= <a href="3dstuff/3dsnake.htm" target="_blank">B5AB</a>...</p> </div> <div class="slide"> <h1>Opera Education</h1> <ul> <li>#=825@A8B5BA:85 "C@K</li> <li><a href="http://www.opera.com/wsc">#G51=K9 ?;0= ?> AB0=40@B0<</a></li> <li>Campus crew: @54AB028B5;8 Opera</li> <li>Opera 2 C=825@A8B5B0E</li> <li> 01>B0 2 Opera</li> </ul> <p class="centre"><img src="img/education.jpg" alt="" /></p> </div> <div class="slide" id="last" > <h1>!?0A81>!</h1> <ul> <li>alexeyf@opera.com<li> <li>chaals@opera.com<li> <li>ilyas@opera.com</li> </ul> <h3>!0<K9 3;C?K9 2>?@>A<br/>  B>B, :>B>@K9 =5 7040;8</h3> <ul> <li><a href="http://jobs.opera.com/">http://jobs.opera.com/</a></li> <li><a href="http://www.opera.com/mobile_report">http://opera.com/mobile_report</a></li> <li><a href="http://dragonfly.opera.com/">http://dragonfly.opera.com/</a></li> <li><a href="http://opera.com/education/">http://opera.com/education/</a></li> </ul> </div> <!-- --> </body></html>