foredrag om html5 og css3
Post on 18-Jan-2015
429 Views
Preview:
DESCRIPTION
TRANSCRIPT
HTML 5 & CSS 3Millad Dagdoni
Accenture
Litt om
HTML 5Lage en web app
<div id = ”header”>
<div id = ”nav” >
<div id = ”footer” >
<div id = ”aside” ><div id = ”article”>
<div class = ”section” >
<div id = ”header”>
<div id = ”nav” >
<div id = ”footer” >
<div id = ”aside” ><div id = ”article”>
<div class = ”section” >
<header>
<nav>
<footer>
<aside><article>
<section>
Side.html
Doctype XHTML 1.0
<!DOCTYPE html PUBLIC » “-//W3C//DTD XHTML 1.0 Strict //EN” »
“http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd”>
<!DOCTYPE html>
Doctype HTML5
Offline Application CachingVideo
LocalStorageCanvas
WebWorkers…
<video src="test.[Ogg,mpeg-4,webM]“
autoplay="autoplay”
controls="controls"></video>
CSS 3Mindre Photoshop
OpacityRGBA Colorbox-shadowtext-shadow
border-radiusTRANSFORMATION( rotate, scale, translate )
chrome.angrybirds.com
JavaScript
jQuery eller Sencha Touch
HTML5 / CSS3
VG/AP/E24/…
RSS
Twitter#Accenture
Web Services
Web App
4x +6x
WebWorkers
Lese/skrive til lokal databasen
Ajax kall til serveren
Redigere DOM (ikke mulig)
+++
QuizDemo
Google App Engine
Spring MVC / .NET MVC / Python
jQuery MobileSencha Touch SproutCore
JSON
Cappuccino
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
</takk>
top related