资讯频道 → Web前端
阅读更多

24顶
0踩

Web前端

翻译新闻 HTML5 开发者需要了解的技巧和工具汇总

2011-10-09 17:54 by 副主编 wangguo 评论(1) 有31311人浏览
html5 css javascript
HTML5现在已经成为了Web开发中的热门话题，大多数现代浏览器（Safari、Chrome，Firefox，IE10和移动设备）都支持HTML5。即使HTML5的规范还没有制定完成，但许多开发者已经将其作为Web开发项目中的主要技术。一些网站巨头，如Google、Facebook、Twitter和YouTube等，都建立在HTML5基础上。

HTML5中最令人兴奋的功能莫过于画布（canvas）和强大的表单功能，画布功能已经可以在大部分浏览器中完美体验（除了IE），但对于新表单元素的支持还不是太好。对Web开发者来说，是时候开始HTML5开发了。

要进行HTML5开发，本文中的一些技巧、工具可以让你缩短学习的时间，提高开发的效率。

一、HTML5支持测试列表

在开始之前，你需要了解现代的浏览器以及移动平台对于HTML5的支持情况。

二、让HTML5元素可用

老版本的IE浏览器不能识别新的HTML元素。但是，可以使用一些JavaScript或CSS解决方案来弥补这个缺陷。

  • HTML5Shiv：此脚本可以使IE浏览器识别HTML5元素。
  • HTML5 Enabler：功能与HTML5Shiv类似。
  • Modernizr：它使得开发者可以在支持HTML5和CSS3的浏览器中充分利用HTML5和CSS3的特性进行开发，同时又不会牺牲其他不支持这些新技术的浏览器的控制。
  • HTML5 Reset：它提供了一组HTML、CSS文件，让你能够以最少的时间来启动一个新的项目。它使用modernizr来支持HTML5 和 CSS3。
三、浏览器插件

下面是一些JavaScript插件，可以弥补一些浏览器对HTML5的支持问题。

1. VideoJS

VideoJS是一个HTML5的视频播放器，可以在所有浏览器中使用，包括IE6和移动设备。对于不支持HTML5的浏览器则自动使用Flash播放器来播放。



2. AudioJS

HTML音频播放器。用来让HTML5 的 <audio> 标签可以在各种浏览器上使用，包括移动设备。



3. HTML5Widget

HTML5的表单模块，包括日历，调色板，滑动部件，客户端验证等。



4. Webforms2

HTML5 表单属性的支持，例如pattern、required和autofocus。



5. LimeJS

LimeJS是HTML5的游戏框架，用于为现代触摸设备和桌面浏览器创建快速、本地化的游戏。



6. FlexieJS

支持CSS3弹性盒子模型（Flexible Box Model）。



四、在线工具

此外，还有一些在线工具，可以帮助开发者加快HTML5项目的开发。

1. HTML5 Boilerplate

HTML5Boilerplate 是一个HTML / CSS /JS模板，是实现跨浏览器正常化、性能优化、稳定的可选功能如跨域Ajax和Flash的最佳实践。开发者称之为技巧集合，目的是满足你开发一个跨浏览器，并且面向未来的网站的需求。



2. Switch to HTML5

非常有用的在线工具，可以根据你的喜好生成HTML5文档结构。



3. Initializr

Initializr是一个HTML5模板生成器，以帮助你开始HTML5项目的开发 。它建立在HTML5 Boilerplate之上。



4. HTML5 Visual 速查表



5. HTML5 Canvas 速查表



6. HTML5 笔记



五、其他

你可以通过下面的链接来跟踪HTML5的更新。

HTML5追踪

你可以通过下面的链接获得HTML5网站的设计灵感。这个网站库中包含了大量的使用HTML5技术的网站。

HTML5Gallery

VIA http://www.queness.com/post/9375/tips-tricks-and-tools-you-will-need-to-start-using-html5-today

  • 大小: 36.1 KB
  • 大小: 8.6 KB
  • 大小: 12.8 KB
  • 大小: 30.3 KB
  • 大小: 17.4 KB
  • 大小: 8.2 KB
  • 大小: 15.5 KB
  • 大小: 17.7 KB
  • 大小: 11 KB
  • 大小: 36.3 KB
  • 大小: 32.3 KB
  • 大小: 30.8 KB
24
顶
0
踩
评论 共 1 条 请登录后发表评论
1 楼 沙舟狼客 2011-10-10 10:27
挺热的，但是企业网站用不到，canvas标签的确很花哨！

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 海康威视 web3.0开发 常见错误 404，403

    海康威视 web3.0开发 常见错误 404，403 配置情况 IE 浏览器+nginx+thinkPHP5.0+海康威视200万星光级红外球机1080P变焦云台球机DS-2DC4223IW-D 关于如何使用网上有很多教程，自行百度，关键词：海康威视 web3.0 本文档只写出关于我在配置方面的一些坑，也许会帮到你。 二、项目需求 在选择海康威视主要是能够进行二次开发，满足我的项目...

  • 项目中Spring Security 整合Spring Session实现记住我功能

    Spring Session提供了与Spring Security的“我记得”身份验证的集成的支持: 目的： 更改会话过期长度 确保会话cookie在Integer.MAX_VALUE处过期。将cookie过期设置为最大的可能值，因为只有在创建会话时才设置cookie。如果将其设置为与会话到期相同的值，那么当用户使用该值时，会话将得到更新，但是cookie过期不会更新，导致过期时间被修...

  • 修改iis 最大请求长度

    设置 compilation debug="true" 可将调试符号插入             已编译的页面中。但由于这会             影响性能，因此只在开发过程中将此值             设置为 true。                         通过 节可以配置 ASP.NET 用来             识别进入用户的     

  • IIS中请求URL过长出现被拦截

    IIS7及以上中URL长度过长的时候，会出现被拦截。需要两步完成： 一、第一步 &lt;system.web&gt; &lt;httpRuntime maxQueryStringLength="2097151"/&gt; &lt;/system.web&gt; 二、第二步 &lt;system.webServer&gt; &lt;security&gt; &lt;reques...

  • IIS 预热 （8.0及8.0以上版本）

    The two new additions in IIS 8 are Preload Enabled This setting is available if you have theApplication Initializationmodule installed ThepreloadEnabledmetabase setting along with th...

  • IIS10 请求被中止: 未能创建 SSL/TLS 安全通道（已解决）

    微信支付退款流程要检验证书，在开发环境 Windows10 , VS2019 ,.NET4.5 运行没有问题，发布到生成环境：Windows Server 2016 datacenter , IIS10 , .NET4.5 ，运行报错 代码以下： Dim request As HttpWebRequest = Nothing Dim response As HttpWebResponse = Nothing Dim reqStream As Stream = Nothing Dim resul

  • windows服务器下，URL链接过长处理办法

    1、限制：WINDOWS 260  IIS URL 254。IIS7管道中，先进行了路径model，再进HANDLE 2、II7.5 + 4.0 3、配置文件 4、注册表：HKEY_LOCAL_MACHINE / SYSTEM / CurrentControlSet / services / HTTP / Parameters 下增加：名为UrlSegmentMaxLengt

  • asp.net在IIS环境中访问第三方需数字证书接口时 报 “请求被中止: 未能创建 SSL/TLS 安全通道”

    最近做一个网站，需要访问第三方的接口（访问接口需要数字证数 *.pfx  文件），在VS环境下运行时完全正常，但放到IIS上就报"请求被中止: 未能创建 SSL/TLS 安全通道"。在网上找好久终于找到方法，在此与大家分享下 前题引如下以类库 using System.IO; using System.Net; using System.Net.Security; using S

  • 在IIS站点中使用数字证书

    1. SSL解析(内容来自百度百科) SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全（Transport Layer Security，TLS）是为网络通信提供安全及数据完整性的一种安全协议。TLS与SSL在传输层对网络连接进行加密。SSL为Netscape所研发，用以保障在Internet上数据传输之安全，利用数据加密(Encryption)技术，可确保数...

  • IIS7下 【请求被中止: 未能创建 SSL/TLS 安全通道 】 解决方法

    一、导入证书 1. 单击 开始 ，单击 运行 ，键入 mmc ，然后单击 确定 。 2. 在 文件 菜单上单击 添加/删除管理单元 。 3. 在 可用的管理单元 列表中选择 证书 ，点击 添加 。 4. 在 证书管理 对话框中选择 计算机账户 ，然后单击 下一步 5. 在...

  • IIS安全最佳做法 IIS Security Best Practice(转东转西）

    主持人和专家介绍Grace：大家好！欢迎进入微软在线技术聊天。我们的聊天将于4点准时开始。今天我们请到了微软最有价值专家 - Bernard Cheah。Grace：聊天室的主題：IIS Security Best PractiseGrace：请大家准备好问题。我们的聊天很快就要开始。Bernard[BB]：大家好-今天聊天主题是IIS安全最佳做法Grace：欢迎你，Ber

  • 修复缓冲区溢出问题！

    当 David LeBlanc 和我确定《Writing Secure Code》（英文）一书的目录时，我们明确地意识到必须着重介绍缓冲区溢出问题，因为已经有太多的开发人员在编写代码时犯了太多的此类错误，这些错误导致了可被人利用的缓冲区溢出的出现。在本文中，我将集中介绍为什么会出现缓冲区溢出及其修复的方法。为什么会出现缓冲区溢出出现缓冲区溢出需要具备很多条件，包括： 使用非类型安全

  • Development Impacts of Security Changes in Windows Server 2003

    Michael HowardSecure Windows InitiativeJune 16, 2003Summary: Michael Howard outlines some of the security changes made to Microsoft Windows Server 2003 to reduce its attack surface, and discusses

  • window系统下的堆栈溢出

    window系统下的堆栈溢出   作者：ipxodi>       ◆原理篇   这一讲我们来看看windows系统下的程序。我们的目的是研究如何利用windows程序的 堆栈溢出漏洞。   让我们从头开始。windows 98第二版   首先，我们来写一个问题程序： #include   int main() { char name[32]; gets(name); for(int i=0

  • 关于Windows下ShellCode编写的一点思考

    关于Windows下ShellCode编写的一点思考                                        By Hume/冷雨  关于ShellCode编写的文章可谓多如牛毛。经典的有yuange、watercloud等前辈的文章，但大都过于专业和简练，对我这样的初学者学习起来还是有不小的难度。因此把自己的一点想法记录下来，以慰同菜。我不是工具论者，但合适的工具无疑会提高

Global site tag (gtag.js) - Google Analytics