Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Web Standards Indonesia Tour

on

  • 1,544 views

 

Statistics

Views

Total Views
1,544
Views on SlideShare
1,503
Embed Views
41

Actions

Likes
1
Downloads
29
Comments
0

2 Embeds 41

http://my.opera.com 37
http://jucagi.wordpress.com 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Web Standards Indonesia Tour Web Standards Indonesia Tour Presentation Transcript

  • Seminar Opera & The Web Browser and Web Technology Indonesia Tour http://www.flickr.com/photos/suzijane/243962216/sizes/o/ http://www.flickr.com/photos/laenulfean/393216338/sizes/l/in/photostream/ Thursday, November 18, 2010
  • zibin Web Evangelist twitter:zibin http://www.slideshare.net/zibin Thursday, November 18, 2010
  • penemu WWW - “God bless Internet” http://mediaarchive.cern.ch/MediaArchive/Photo/Public/1998/9806033/9806033/9806033-A4-at-144-dpi.jpg Thursday, November 18, 2010
  • inilah seluruh alam semesta WWW http://obamapacman.com/wp-content/uploads/2009/08/First-World-Wide-Web-Server-at-CERN-made-possible-by-Tim-Berners-Lee-hosted-on-Steve-Jobs-NeXT-workstation- computer-300x225.jpg Thursday, November 18, 2010
  • W3C adalah polisi di WWW Thursday, November 18, 2010
  • Why do open merah, oranye, hijau...Standar! standards matter? Thursday, November 18, 2010
  • bila standar menjadi kelam kabut 13717712538 http://gpssystems.net/wp-content/uploads/2009/11/sao-paulo-traffic-jam.jpg Thursday, November 18, 2010
  • semua yang anda perlu Thursday, November 18, 2010
  • semua yang anda perlu... dalam browser Thursday, November 18, 2010
  • Evolusi HTML Thursday, November 18, 2010
  • HTML5 = HTML (bling bling) Thursday, November 18, 2010
  • Web Workers Web Forms Cross Document Messaging HTML5 widgets Canvas Text Video geolocation HTML5 dan teman http://www.flickr.com/photos/fuyoh/809640616/sizes/o/ Thursday, November 18, 2010
  • Video sumber: http://zibin.tehais.com/?p=1641 Thursday, November 18, 2010
  • Video <embed src="http://player.youku.com/player.php/sid/ XMTk1NjY4NDc2/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x- shockwave-flash"></embed> Thursday, November 18, 2010
  • Video <video src="video.ogg" width="300" height="150" controls></video> Thursday, November 18, 2010
  • Canvas Thursday, November 18, 2010
  • Canvas pixel dilukis menggunakan JavaScript API Canvas berkemampuan untuk melukis setiap “gambar” dengan cekap lukisan menjadi pixelated (titik) apabila diperbesarkan sesuai untuk games (contoh) Thursday, November 18, 2010
  • SVG Thursday, November 18, 2010
  • SVG mengguna bahasa XML lukisan diresize tanpa kehilangan kualitas lebih sesuai untuk lukisan besar Thursday, November 18, 2010
  • Thursday, November 18, 2010
  • Appcache Web Storage WebDB http://dev.opera.com/articles/view/offline-applications-html5-appcache/ http://www.flickr.com/photos/bfionline/2380398365/ Thursday, November 18, 2010
  • Widgets (addons) Thursday, November 18, 2010
  • Widgets on desktop, TV, mobile....fridge? Thursday, November 18, 2010
  • CSS3 Thursday, November 18, 2010
  • border-radius aka rounded-corners border-radius: 25px; Thursday, November 18, 2010
  • border-radius aka rounded-corners border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; Thursday, November 18, 2010
  • border-radius aka rounded-corners border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; Thursday, November 18, 2010
  • border-radius aka rounded-corners Thursday, November 18, 2010
  • multiple background images Thursday, November 18, 2010
  • multiple background images background: url(rose.png) no-repeat 150px -20px, url(driedrose.png) no-repeat,! ! ! ! ! ! url(fieldsky.jpg) no-repeat; Thursday, November 18, 2010
  • box-shadow box-shadow: 10px 10px 0px #fff; Thursday, November 18, 2010
  • box-shadow box-shadow: 10px 10px 20px #fff; Thursday, November 18, 2010
  • Web fonts Thursday, November 18, 2010
  • Thursday, November 18, 2010
  • text-shadow: #000000 10px 10px 19px; Thursday, November 18, 2010
  • text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20; Thursday, November 18, 2010
  • opacity opacity: 1.0; opacity: 0.5; opacity: 0.2; Thursday, November 18, 2010
  • rgba hsla rgba(255,0,0,1.0); rgba(255,0,0,0.8); rgba(255,0,0,0.6); rgba(255,0,0,0.4); rgba(255,0,0,0.2); Thursday, November 18, 2010
  • pengembangan situs mobile http://www.flickr.com/photos/albanyassociates/3308582269/sizes/l/in/photostream/ Thursday, November 18, 2010
  • layar besar foto keluarga bahagia :-) tab tab “keyboard” click click “mouse” Desain situs desktop http://www.flickr.com/photos/anantablamichhane/438854995/sizes/l/ Thursday, November 18, 2010
  • mobile designer :-( piece of crap (?)..... Desain untuk situs mobile http://www.flickr.com/photos/hendry/763193147/sizes/l/ Thursday, November 18, 2010
  • iphone 5% pengguna di EU5 http://www.flickr.com/photos/goincase/4973847949/ Thursday, November 18, 2010
  • 1.3 billion pengguna mobile internet Thursday, November 18, 2010
  • 30% hanya guna ponsel untuk browse Internet Thursday, November 18, 2010
  • ukuran layar berbeda != iphone layar kecil sulit untuk debug isu memory ponsel sebenar http://www.flickr.com/photos/osde-info/2270663393/sizes/l/ Thursday, November 18, 2010
  • Nokia 5130 XpressMusic Nokia 2700c Nokia E63 Nokia 6300 Nokia 2330c Nokia C3 Nokia N70 Nokia 3120c Nokia 5310 XpressMusic Nokia E71 indonesia top 10 http://www.opera.com/smw/2010/09/ Thursday, November 18, 2010
  • Nokia 6300 Nokia 5130 XpressMusic Nokia 2700c Samsung S5230 Nokia 5310 XpressMusic Nokia N73 Sony Ericsson W800 Nokia 5800d Nokia 6303c LG KP500 russia top 10 http://www.opera.com/smw/2010/09/ Thursday, November 18, 2010
  • Apple iPhone BlackBerry 8330 “Curve” BlackBerry 9700 “Bold” LG VM265 “Rumor2” BlackBerry 8520 “Curve” LG VM510 “Rumor Touch” Samsung SPH-M810 “Instinct S30” BlackBerry 9630 “Tour” BlackBerry 8530 “Curve” BlackBerry 9000 “Bold” U.S. top 10 http://www.opera.com/smw/2010/09/ Thursday, November 18, 2010
  • tantangan Web Standar http://www.flickr.com/photos/emdot/73217434/sizes/l/in/photostream/ Thursday, November 18, 2010
  • Studi Kasus: Korea Selatan & Cina Thursday, November 18, 2010
  • Many sites broke when dikunci oleh Active X Korea Selatan Vista was SSL/T released?? LS tiveX Ac Why? Thursday, November 18, 2010
  • kebanyakan bank, situs pemesanan tiket pesawat, online shopping kebutuhan ActiveX Airline Bank Alipay Thursday, November 18, 2010
  • Future is now Thursday, November 18, 2010
  • <Terima Kasih:-)/> Thursday, November 18, 2010
  • Q&A zibin AT opera.com twitter: zibin Thursday, November 18, 2010
  • Creative Commons license image clap http://www.flickr.com/photos/tudor/953584594/ spider web http://www.flickr.com/photos/luc_viatour/2843025968/sizes/l/in/set-72157614714349217/ now http://www.gottabemobile.com/2010/01/18/ebook-readers-strike-back-at-publishers-trying-to- maximize-profits shadow http://www.flickr.com/photos/jenny-pics/3115479281/sizes/m/ transitions transform http://www.flickr.com/photos/28481088@N00/1298930743/ borders and background http://www.flickr.com/photos/cheekyneedle/178950842/sizes/o/ web fonts http://www.flickr.com/photos/sekimura/4363831481/sizes/o/ clapping photo http://splashclubpenguin.files.wordpress.com/2009/03/101606sly_claps.jpg sun flower http://www.flickr.com/photos/treyevan/429692359/sizes/l/ transition http://www.flickr.com/photos/28481088@N00/1290363773/sizes/o/ Thursday, November 18, 2010
  • Creative Commons license image Great Wall of China http://www.flickr.com/photos/smokingpermitted/ padlock http://www.flickr.com/photos/elnicofotos/ stick no bills/tamil http://www.flickr.com/photos/meanestindian/ Killbill http://www.flickr.com/photos/wili/ money http://www.flickr.com/photos/amagill/ baby http://www.flickr.com/photos/mackro/ Open Web Stack by David Storey Tomato http://www.flickr.com/photos/somemixedstuff/ lego plane http://www.flickr.com/photos/pmiaki/ American express http://www.flickr.com/photos/andresrueda/ bush baby http://bust-the-stress.blogspot.com/2009/01/baby-sitting.html napkin http://images2.cpcache.com/product/19388882v1_480x480_Front_Color-White.jpg south korea http://www.flickr.com/photos/bibbit/2948779230/sizes/l/in/photostream/ india http://www.flickr.com/photos/jasleen_kaur/3116354699/sizes/l/in/photostream/ Thursday, November 18, 2010
  • Demo & article background and borders articles http://dev.opera.com/articles/view/css3-border-background-boxshadow/ border-radius flower demo http://people.opera.com/zibin/css3flower/flower.html transiitons and transform article http://dev.opera.com/articles/view/css3-transitions-and-2d-transforms/ web fonts article http://dev.opera.com/articles/view/seven-web-fonts-showcases/ 9elements HTML5 demo http://9elements.com/io/projects/html5/canvas/ David’s photobook demo http://people.opera.com/dstorey/transforms/image-gallery.html Presentation reference introduction to CSS2.1 and CSS3 http://www.slideshare.net/marcamos/introduction-to-css-21-and-css-3 Thursday, November 18, 2010