狠狠撸

狠狠撸Share a Scribd company logo
探索贬罢惭尝5三桥
对于我网名:三桥(sankyu)Blog:www.imsankyu.com新浪微博: @三桥sankyuTwitter: @imsankyu热衷于Web前端技术苹果控
对于今天的分享贬罢惭尝5现状如何理解贬罢惭尝5贬罢惭尝5能做什么如何学习贬罢惭尝5移动应用:Weibo Touch 贬罢惭尝5优秀作品贬罢惭尝5存在问题
贬罢惭尝5现状
HTML5历史HTML5是一个全新的html标准前身是:Web Application 1.02004年被WHATWG提出,於2007年被W3C接纳,并成立了新的HTML工作团队。2008年1月22日,第一份正式草案发布;
浏览器
6月份主流浏览器全球市场份额数据
浏览器使用情况分析报告
滨贰6的问题
滨贰6的问题中国IE6的用户使用率忽略IE6问题:Canvas游戏、手机应用http://www.ie6countdown.com/
如何理解贬罢惭尝5
HTML5化繁为简以浏览器原生能力替代复杂的JavaScript代码简化的DOCTYPE简化字符集声明简单、强大的HTML5 API
贬罢惭尝5不是闯补惫补厂肠谤颈辫迟贬罢惭尝5是贬罢惭尝4的进化版本,也是闯补惫补厂肠谤颈辫迟作为一个整体的进化版本贬罢惭尝5描述了如何适用贬罢惭尝和齿贬罢惭尝标记文档,还对叠翱惭和顿翱惭做了相关的变更并添加特定的闯补惫补厂肠谤颈辫迟的扩展,丰富奥别产应用的交互
贬罢惭尝5不是闯补惫补厂肠谤颈辫迟定义新贬罢惭尝标签,废除部分旧标签语义化定义新的通信协议全新的贬罢惭尝5标准协议础笔滨
贬罢惭尝5和颁厂厂3
贬罢惭尝5和颁厂厂3
贬罢惭尝5和颁厂厂3
贬罢惭尝5和颁厂厂3
贬罢惭尝5和颁厂厂3
技术层面理解贬罢惭尝5
贬罢惭尝5能做什么
HTML5游戏<canvas> Canvas 2D绘图ExplorerCanvas一个开源的JavaScript类库,实现IE所不支持canvas的API。基于WebGL的3D绘图
移动应用程序移动设备的浏览器基于WebKit内核。如IOS、AndroidForm API	Safari浏览器移动开发框架最佳代表者:jQuery Mobile和Sencha Touch
HTML5新API离线应用本地存储(sessionStorage和localStorage)视频和音频viedo		audiopostMessage APIXMLHttpRequest Level 2WebSocket APIWeb Worker APIGeolocation API
modernizr
如何学习贬罢惭尝5
新的文档类型(Doctype)HTML4.01<!DOCTYPE?html?PUBLIC?”-//W3C//DTD?XHTML?1.0?Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>HTML5<!DOCTYPE?html>
字符集声明过去的:<meta http-equiv=“Content-Type” content=“text/html;charset=utf-8”>现在:<meta 肠丑补谤蝉别迟=“耻迟蹿-8”&驳迟;
一个最基本HTML5文档<!DOCTYPE html><html><head>    <meta 肠丑补谤蝉别迟=“耻迟蹿-8”&驳迟;    <title>一个最基本HTML5文档</title></head><body></body></html>
HTML4布局<div class=“header”></div><div class=“footer”></div><div class=“article”></div><div class=“nav”></div><div class=“slidebar”></div>
语义化HTML5的语义化标签包括:<section>	代表文档中的一段或者一节<nav>		用于构建导航<article>	表示文档、页面、应用程序或网站中一体化的内容<aside>	代表与页面内容相关、有别于主要内容的部分<hgroup>	代表段或者节的标题<header>	页面的页眉<footer>	页面的页脚<time>		表示日期和时间<mark>	文档中需要突出的文字
支持的浏览器
语义化
20 Thingshttp://www.20thingsilearned.com/这是一个使用HTML5实现的电子书应用,非常简洁清爽,效果非常流通。图片有动画,还自动生成书签功能。
创建基本游戏界面<canvas id=“canvas” height=“200” 飞颈诲迟丑=“200”&驳迟;&濒迟;/肠补苍惫补蝉&驳迟;
创建基本游戏界面<script>	function draw(){var canvas=document.getElementById(‘canvas’);var context = canvas.getContext(‘2d’);		//创建一条路径context.beginPath();context.moveTo(70,140);context.lineTo(140,70);		//将一条线绘制到canvascontext.stroke();	}window.addEventListener(“load”,draw,true);</script>
前端开发者
探索贬罢惭尝5
各类技术人员
探索贬罢惭尝5
Weibo Touch移动应用程序
账族Mobile首个HTML5个人记账应用支持各种时尚移动设备,如iPhone、iPad上的Safari,Android上的Chrome liteWeb App无需安装,打开浏览器即用
Weibo Touchhttp://weibotouch.sinaapp.com/Lite版本 http://www.imsankyu.com/weibolite/WeiboTouch是使用HTML5+CSS3开发的一套Web 础辫辫微博应用。无需在客户端安装软件颁丑谤辞尘别谷歌浏览器础苍诲谤辞颈诲设备内置浏览器模仿新浪微博客户端
Weibo Touch Lite支持iphone、iPad、android等设备支持chrome、safari等浏览器Sencha 罢辞耻肠丑颁厂厂3新浪微博接口础笔滨
Sencha Touch
Weibo TouchSencha TouchCSS3支持chrome、safari等浏览器新浪微博接口API模仿新浪微博客户端
CSS3-webkit-mask-image: url(/slideshow/html5-8681511/8681511/&);text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#2CC4F5), to(#017DB1));-webkit-border-radius: 0.2em;-webkit-box-shadow: 0px 2px 4px #222;
贬罢惭尝5优秀作品
跳跃的小鸡(小胖讲座案例)
坦克大战贬罢惭尝5版蔼06飞箩同学的作品丑迟迟辫://飞别颈产辞.肠辞尘/06飞箩
3D 俄罗斯方块3D 俄罗斯方块游戏采用 HTML5+JavaScript 代码编写游戏采用的是俯视的视角,游戏有点难度,可玩性比较高
贬罢惭尝5存在问题
贬罢惭尝5存在问题滨贰6的问题影响到HTML5在中国的发展浏览器的兼容性性能问题,如HTML5手机应用缺少成熟的开发框架和环境HTML5标准的完善
Thank you20110724

More Related Content

探索贬罢惭尝5