首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML5与CSS3资源集锦

2012-08-22 
HTML5与CSS3资源汇总Html5开发资源:html5教材的PPT?很酷的html5技术实现的,另外在该网站还有html5各技术的

HTML5与CSS3资源汇总

Html5开发资源:

  • html5教材的PPT?很酷的html5技术实现的,另外在该网站还有html5各技术的API实验室?更多html5的应用在其首页
  • html5规范、canvas规范、Web GL 规范、html5与html4的不同
  • Dive Into HTML5?类似一本教材,掌握html5的资源汇总
  • http://www.appmobi.com/?提供了html5应用程序开发工具XDK,开发者通过html5可以构建网络和移动平台的应用程序
  • http://html5demos.com/?html实例
  • http://html5doctor.com/?html5医生,其口号是”帮助你今天实现html5″,当遇到bug时可以上去搜搜
  • http://dev.w3.org/html5/html-author/?html5开发人员指南
  • IE test drive?IE9实现了GPU硬件加速,可以测试其GPU硬件加速带来的性能提升
  • http://www.w3schools.com/html5/default.asp?w3school提供的文档及实例
  • http://www.apple.com/html5/?apple官网提供的一些html5及css3实例
  • http://www.modernizr.com/?Modernizr html5和css3浏览器兼容性解决方法

    Canvas学习资源:

    • Canvas Cheat Sheet?PDF 和 PNG 格式的 HTML5 Canvas 速查手册。
    • How to draw with HTML5 Canvas?如果使用 HTML5 Canvas 元素进行绘图。
    • Mozilla Canvas Tutorial?Mozilla提供的 HTML5 Canvas 元素教程。
    • HTML5 Canvas: The Basics?一步一步学习如何使用 HTML5 Canvas 元素。
    • W3Schools HTML5 Canvas?W3Schools 详细介绍了HTML5 Canvas,附带了基本的例子。
    • HTML5, Flex and Silverlight Charts: A Test of Performance?这篇文章对比了几种图表实现方案的性能:HTML5 charts vs. Flex charts vs. Silverlight charts
    • HTML5 Canvas Element Guide?非常好的 HTML5 canvas 元素教程。
    • 5 Clever Uses of the Canvas Tag?5个基于 HTML5 canvas 元素实现的非常棒的应用。
    • Canvas Demos?使用html5 canvas 元素实现的游戏、工具和其它应用程序的示例及教程。
    • canvas素描?html5实现的在线素描

      CSS3资源:

      • Cascader?这是一个帮助开发者从HTML代码中分离出内联样式的工具。
      • CSS Sprite Generator?css sprite生成器
      • CSS3Dropshadowgenerator?一款很棒的阴影效果生成工具,自动生成相应的代码。
      • BorderRadius.com?一款在线CSS3圆角工具,四个角输入值就能生成对应的效果和代码。
      • ButtonMaker?一款非常不错的CSS3按钮制作工具。
      • CSS3GradientGenerator?一款非常棒的CSS3渐变效果制作工具。
      • Ultimate CSS3 Gradient Generator?一个强大的Photoshop似的CSS渐变编辑器。
      • css3 builder?使用这款工具可以制作出漂亮的CSS3盒子,像是Photoshop制作出来的效果
      • CSS3Generator?非常不错的CSS3代码生成器,带预览效果。
      • CSS3 Please?在线生成跨浏览器的CSS3代码的网站
      • CSS3 Cheat Sheet?PDF格式的CSS3 属性的列表,列出了选择器类型和允许使用的值。
      • Modernizr?一个非常有用的用于CSS3和HTML5特性检测的JS库。
      • HTML5&CSS3Support?一个非常不错的HTML5&CSS3兼容性在线检测网站。
      • http://www.pagecolumn.com/?css网格布局生成器
      • http://www.css3.me/?css效果生成器(boder,shadow,gradient)

        Mobile开发资源:

        • http://quirksmode.org/mobile/?mobile开发资源,对于做mobile开发的童鞋非常适用,上面有列出各手机浏览器类型等
        • http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/?iphone开发技巧ppt,很多iphone开发细节都有讲到
        • http://caniuse.com/?,可以检查pc及mobile对HTML5/CSS3/SVG的支持程度,并带搜索引擎,可以快速检索
        • http://sliwww.slideshare.net/philippbosch/jqtouch-mobile-web-apps-with-html-css-and-javascript?mobile web app开发工具
        • http://developer.apple.com/library/safari/navigation/?apple官网提供的,可以查到IOS上相关事件说明及webkit开发接口

          关于mobile、html5、css3开发相关技术文章,目前国内还较少,相关资料可以在http://www.google.com/?上检索,ppt学习资源可以在?http://sliwww.slideshare.net/?,源代码可以在?https://github.com/?上下载

热点排行