Foredrag om HTML5 og CSS3
-
Upload
tobias-thorstensen -
Category
Technology
-
view
429 -
download
1
description
Transcript of Foredrag om HTML5 og CSS3
![Page 1: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/1.jpg)
HTML 5 & CSS 3Millad Dagdoni
Accenture
Litt om
![Page 2: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/2.jpg)
HTML 5Lage en web app
![Page 3: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/3.jpg)
<div id = ”header”>
<div id = ”nav” >
<div id = ”footer” >
<div id = ”aside” ><div id = ”article”>
<div class = ”section” >
![Page 4: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/4.jpg)
![Page 5: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/5.jpg)
<div id = ”header”>
<div id = ”nav” >
<div id = ”footer” >
<div id = ”aside” ><div id = ”article”>
<div class = ”section” >
![Page 6: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/6.jpg)
<header>
<nav>
<footer>
<aside><article>
<section>
![Page 7: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/7.jpg)
Side.html
![Page 8: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/8.jpg)
Doctype XHTML 1.0
<!DOCTYPE html PUBLIC » “-//W3C//DTD XHTML 1.0 Strict //EN” »
“http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd”>
![Page 9: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/9.jpg)
<!DOCTYPE html>
Doctype HTML5
![Page 10: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/10.jpg)
![Page 11: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/11.jpg)
Offline Application CachingVideo
LocalStorageCanvas
WebWorkers…
![Page 12: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/12.jpg)
<video src="test.[Ogg,mpeg-4,webM]“
autoplay="autoplay”
controls="controls"></video>
![Page 13: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/13.jpg)
CSS 3Mindre Photoshop
![Page 14: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/14.jpg)
OpacityRGBA Colorbox-shadowtext-shadow
border-radiusTRANSFORMATION( rotate, scale, translate )
![Page 15: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/15.jpg)
chrome.angrybirds.com
![Page 16: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/16.jpg)
JavaScript
jQuery eller Sencha Touch
HTML5 / CSS3
![Page 17: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/17.jpg)
VG/AP/E24/…
RSS
Twitter#Accenture
Web Services
Web App
4x +6x
![Page 18: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/18.jpg)
![Page 19: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/19.jpg)
![Page 20: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/20.jpg)
![Page 21: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/21.jpg)
WebWorkers
Lese/skrive til lokal databasen
Ajax kall til serveren
Redigere DOM (ikke mulig)
+++
![Page 22: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/22.jpg)
QuizDemo
![Page 23: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/23.jpg)
![Page 24: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/24.jpg)
Google App Engine
![Page 25: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/25.jpg)
Spring MVC / .NET MVC / Python
jQuery MobileSencha Touch SproutCore
JSON
![Page 26: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/26.jpg)
![Page 27: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/27.jpg)
![Page 28: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/28.jpg)
![Page 29: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/29.jpg)
Cappuccino
![Page 30: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/30.jpg)
![Page 31: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/31.jpg)
![Page 32: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/32.jpg)
http://www.html5rocks.com/en/
http://diveintohtml5.org/
http://www.apple.com/html5/
http://dev.opera.com/articles/html/
http://www.w3schools.com/html5/default.asp
http://html5tutorial.net/
http://www.amazon.com/Introducing-HTML5-2nd-Bruce-Lawson/dp/0321784421/ref=sr_1_2?ie=UTF8&qid=1314177958&sr=8-2
Linker
![Page 33: Foredrag om HTML5 og CSS3](https://reader033.fdocument.pub/reader033/viewer/2022061220/54bb64994a79599d1c8b45c0/html5/thumbnails/33.jpg)
</takk>