在过去的几年里,HTML5在门户网站中得到了充分的认可和普及,进入了开发的快车道,并改进了其前身的方法。在本文中,我们带来了10个优秀的HTML5工具,它们可以简化您的开发工作,使您能够轻松开发出富有创意和创新的Web应用程序。我们希望您发现此列表适合您的工作,如果您知道其他一些很棒的HTML5工具,请在下面的评论部分发表评论让我们知道。1.HTML5视频投票HTML5视频投票可以收集视频反馈,投票非常简单。您所要做的就是单击视频并使用空格键提交您的投票,它会自动填充条形图。2.Stitches:HTML5SpriteSheetGeneratorStitches是一个HTML5Spritesheet生成器,只需将图像文件拖放到下面的空间中,然后单击“生成”即可创建sprite表和样式表。Stitches使用两个HTML5API,目前仅与最新版本的Chrome和Firefox兼容。但是,它不适用于IE9,它需要jquery1.7.1+、modernizer、dropfile、flashcanvas才能支持旧版浏览器。在麻省理工学院许可证下。3.LiterallyCanvasLiterallyCanvas(字面画布)是一个开源的HTML5widget,可以集成到任何页面,让用户在线绘图。它带有一组简单的工具,包括绘图、擦除等。这个小部件是用jquery+underline.js构建的,它有一个API来定义背景颜色、工具和尺寸。4、wysihtml5wysihtml5是一款基于HTML5技术和渐进增强方式的开源富文本编辑器。它使用复杂的安全概念,旨在通过防止无法维护的标签汤和内联样式来生成完全有效的HTML5标记,它速度快且轻量级。它生成有效的语义HTML5标记。它使用类名而不是内联样式,它还支持Chrome的语音输入。它是根据麻省理工学院许可证发布的。5.Video.JS:HTML5videoplayerwithCSSvideojs是一个HTML5视频播放器,包含三个核心部分:一个嵌入代码(每个人都有视频),一个javascript库(video.js)和一个纯HTML/CSS皮肤(videojs.css),使用与许多设备兼容的视频自动嵌入代码。6.Create.jsCreate.js是一个用于内容管理系统的综合网页编辑界面,创建的作业几乎可以适应任何内容管理后端。7.HTML5PleaseHTML5Please是一个HTML5/CSS3特性的交互式兼容性图表,用于找出“支持(或不支持)哪些浏览器”。使用智能搜索栏,可以使用浏览器或设备支持、类型(HTML5或CSS3元素/属性)等过滤结果。每个都被简要描述并共享一个选项,以确定它们应该与回退还是与多段填充一起使用。8.Moqups:用于创建线框和模型的HTML5应用程序Moqups是一个漂亮的HTML5应用程序,用于创建线框、模型或UI概念,原型取决于您喜欢如何称呼它们。他们试图让事情变得简单和相当直观,这样您就可以毫无障碍地发挥您的创造力。moqups建立在开放标准之上,力求在不妥协的情况下改善浏览器中的用户体验。9.SpriteboxSpritebox是一种所见即所得的工具,可帮助网页设计人员快速轻松地从精灵图像创建CSS类和ID。它基于使用背景位置属性将精灵图像区域对齐为网页块元素的原理。它是jquery、css3和html5的组合,完全免费使用。10.SpeakkerSpeakker是一个使用HTML5的跨浏览器音频解决方案。它有两种不同的风格,并提供了令人难以置信的定制选项:灵活的尺寸、多种颜色,以及用于浅色和深色主题的两组不同按钮。易于设置。只需几行JavaScript和QuantumCSS。
