`
yunzhongxia
  • 浏览: 648433 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Html5 Rocks

 
阅读更多

      www.html5rocks.com 是 Google 推出的推广HTML5 的站点。 

      站点包含4大功能:

      1.  Presentation. Html5 功能介绍。   

      2.  Playground. Html5 在线练习场。    

      3.  Studio. Html5 实现例子。    

      4.  Tutorials. Html5 教程和资源。

       其中slides.html5rocks.com 做的非常棒, 基本集合了W3C HTML5 标准中的大部分内容, 可以当成 HTML5 feature 列表手册来使用

 

      类似Google的HTML5 推广站点还有:

      Apple 推出的: http://www.apple.com/html5/
      Microsoft 推出的: http://ie.microsoft.com/testdrive/

 

      很遗憾的是html5rocks被封了,但是可以从https://github.com/html5rocks/www.html5rocks.com下载源代码部署到本地。

分享到:
评论

相关推荐

    Getting Started with WebRTC - HTML5 Rocks

    Getting Started with WebRTC - HTML5 Rocks webrtc例子的文章 对研究webrtc有很大帮助 看完可以消除一些疑惑

    浏览器的工作原理:现代网络浏览器幕后揭秘 - HTML5 Rocks1

    5. **布局**:接下来,浏览器根据呈现树进行布局计算,确定每个元素在屏幕上的精确位置。布局过程包括脏位系统、全局布局、增量布局等策略,以及优化机制,以提高性能。 6. **绘制**:最后,浏览器进行绘制,将布局...

    HTML 5 参考手册

    3. HTML5 Rocks:一个由Google维护的HTML5学习平台,包含丰富的教程和案例。 综上所述,HTML5的出现为Web开发带来了革命性的变化,无论是结构化元素、多媒体支持,还是性能提升和移动设备兼容,都极大地推动了...

    学习HTML5不可错过的12家国外网站

    在实践学习中,HTML5 Rocks(http://www.html5rocks.com/en/)是一个极好的起点,这个由Google维护的网站提供了丰富的教程、文章和演示,涵盖了HTML5的各个方面。Dive into HTML5(http://diveintohtml5.org/)这本...

    generator-grunt-supercharged:一个用于 Yeoman 的 GruntJS 生成器,它创建了一个优化的 GruntJS 项目,其灵感来自 HTML5rocks 文章“增压你的 Gruntfile”

    一个用于 Yeoman 的 GruntJS 生成器,它创建了一个优化的 GruntJS 项目,其灵感来自 HTML5rocks 文章“ ” 用法 $ yo grunt-supercharged 优化 1:自动加载 grunt 插件 通过使用 gruntjs 模块“ ”,您无需手动加载...

    2021-2022年收藏的精品资料软件工程师10个HTML5精彩应用设计案例.docx

    10. 地理定位(http://studio.html5rocks.com/#Geolocation) HTML5的Geolocation API允许网站获取用户的地理位置信息,这在地图应用、社交网络或本地服务中极为有用,为用户提供更个性化和精准的服务。 以上这些...

    HTML5: Hype or Reality

    3. **HTML5 Rocks** - Google维护的网站,包含大量的HTML5技术和案例研究。 4. **HTML5 Boilerplate** - 开源项目,提供了一个HTML5的起点模板,包含了最佳实践和优化技巧。 5. **Can I Use** - 网站,提供了HTML5、...

    HTML5中的本地数据应用

    html5rocks.webdb.db = openDatabase("Todo", "1.0", "Todo manager", dbSize); ``` - 创建数据表: ```javascript var db = html5rocks.webdb.db; db.transaction(function(tx) { tx.executeSql("CREATE ...

    HTML5的技术组成

    HTML5 是下一代超文本标记语言,它极大地扩展了 Web 开发的可能性,提供了许多新的技术和功能。...对于想要深入学习HTML5的开发者,可以参考Google的HTML5 Rocks网站,其中的教程和演示能提供实践经验。

    CSS3新特性介绍:由HTML5制作的网页版PPT

    HTML5 Rocks是由谷哥牵头的开源的web项目。 其上有丰富的html5的demo,大家有兴趣可以关注一下。 本资源是基于html5 rocks作的CSS3介绍,是PPT风格的网页,本人做介绍用的,自己写了一些代码进去,大家可以参考。 ...

    webRTC视讯聊天

    框架:springmvc+websocket+maven+webrtc ...http://www.html5rocks.com/en/tutorials/websockets/basics/ springmvc+websocket参考: http://my.oschina.net/ldl123292/blog/304360?fromerr=SvjNWtAy webrtc参考: ...

    基于cocos creator简单的打飞机源码

    5. **动画与效果**: 打飞机游戏中的爆炸、射击等特效,可以利用Cocos Creator的动画组件实现。开发者需要创建动画帧序列,然后在特定事件(如碰撞)发生时播放相应动画。 6. **用户输入处理**: 玩家的移动和...

    从零开始学写Web_App

    3. HTML5 Rocks:由Google维护的网站,提供最新的HTML5技术资讯和教程。 通过以上内容,你将对HTML5有全面的了解,并能够开始编写自己的Web应用。持续学习和实践,将助你在Web开发领域不断进步。

    CSS3-HTML5新特性介绍:由CSS3-HTML5制作的网页版PPT

    HTML5 Rocks是由谷歌牵头的开源的web项目。有丰富的html5的demo。 基于html5 rocks作的CSS3介绍,是PPT风格的网页,大家可以参考。 HTML5 Rocks官网上有更丰富的关于HTML5+CSS3+JS的介绍,大家可以自己到官网下载。

    基于浏览器摄像头互动探究(canvas篇).doc

    参考文献如HTML5 Rocks的教程(3, 4)详细介绍了如何使用`getUserMedia`,并提供了一些基础的示例代码,让开发者能够轻松地开始实现这一功能。 一旦获取到摄像头流,开发者可以将其显示在Canvas上。Canvas是HTML5的...

    Web Workers:实现Web页面多线程处理的高效途径

    Web Workers 是一种在浏览器中实现多线程的机制,它允许开发者在...HTML5 Rocks: Workers 请注意,本文提供的信息基于当前Web Workers 的特性和最佳实践。随着Web标准的不断发展,一些特性和最佳实践可能会发生变化。

    d3js-slides:D3.js演讲,基于html5rocks slides

    D3.js Data-Driven DocumentsWhy D3.js / 数据可视化Why D3.js / Web图表工具优缺点对比What D3.js / 简介How D3.js / API介绍How D3.js / 示例其他

    优秀的开源Web开发资源

    HTML5的学习资源包括HTML5Rocks提供的主要特征群组的学习资源、HTML5演示和教程,以及Mozilla提供的炫酷HTML5 Dashboard。WhatWG开发者网站则提供了清晰的HTML5技术规格说明书。另外,StackOverflow是编程领域内著名...

    5个前端工程师必备的最佳开发工具.docx

    其丰富的API和详细的教程资源(如HTML5 Rocks)使得开发者能够深入了解浏览器工作原理并优化开发流程。时间线工具则有助于识别和优化页面加载速度。 2. **Grunt** - 自动化工作流的首选工具,Grunt基于JavaScript...

    flink-statebackend-rocksdb_2.11-1.13.2-API文档-中文版.zip

    赠送jar包:flink-statebackend-rocksdb_2.11-1.13.2.jar;...使用方法:解压翻译后的API文档,用浏览器打开“index.html”文件,即可纵览文档内容。 人性化翻译,文档中的代码和结构保持不变,注释和说明精准翻

Global site tag (gtag.js) - Google Analytics