HTML5模板生成器,框架和工具
尽管近年来网页设计行业的主要参与者一直在采用HTML5,但实际上在实际解决方案中使用它的人并不多,主要是因为缺乏时间或缺乏理解。 如果某一种语言正在一段时间内得到推广,则发烧友会通过创建HTML5模板生成器和框架来消除麻烦。
在Hongkiat,我们始终希望使您的开发工作尽可能轻松,因此下面是HTML5模板生成器和框架的列表,它们可以加快HTML5开发的速度,或帮助您缓解诸如浏览器兼容性之类的麻烦。 最终,使用这些生成器和框架,您HTML5开发将变得更加轻松和愉快!
为什么是框架?
尽管实际学习框架可能会花费一些时间,但是如果您准备好了框架,那么您所需要添加的只是内容和根据自己的喜好进行的一些修改。 也不要担心,使用HTML5模板生成器或即用型框架的世界不会鄙视您。 实用性至上!
此外,可以使用的框架通常都有忠实的追随者和支持。 使用框架的一个优点是,您真的不必担心跨浏览器和跨平台兼容性等严重问题,其他人已经为您着迷了。 但是,当然,您可以为他们的事业做出贡献,特别是对于开源库和框架。
毕竟,在设计工具箱中增加额外的装备总是一件好事!
模板生成器和框架
初始化器
只需单击几下就可以为自己生成HTML5模板。 Initializr还为您提供了一个选项,即您是否希望模板包含JavaScript或jQuery,服务器配置以及Google Analytics(分析)。
Initializr也基于HTML5BoilerPlate构建, HTML5BoilerPlate是另一个很好的工具,可扩展您对HTML5的了解,添加功能并改善整个网站。
HTML5模板生成器
一种替代方法是Shikiryu.comHTML5模板生成器。 它有一个附加选项,包括网站作者的描述,还包括Favicon和Apple Touch图标的选项,以防您希望将它们自动插入模板中。
切换到HTML5
另一个很棒HTML5框架生成器是SwitchToHTML5。 与其他元素一样,它允许您添加几个元素,例如<section>
, <mark>
, <figure>
, <nav>
等。 SwithToHTML5还为您提供了是否支持Internet Explorer的选项,因为它的IE9之前的版本本身不支持HTML5。
改革
说,我不是唯一不喜欢创建表单的人,对吗? 至少对于像我这样的人而言,创建表单是一项繁琐的任务,这就是为什么在这里进行改革以帮助人们创建干净且有效的表单的原因! 经过改良的是HTML5表单生成器,它非常轻巧,不会给您带来太多麻烦,就像您从头开始创建表单一样。
有两个版本,一个Web应用程序和一个独立的桌面应用程序,尽管您需要付费才能使其脱机工作。 好吧,如果您喜欢该应用程序,请显示一些爱!
现代化
使用Modernizr充分利用HTML5和CSS3。 它是一个开放源代码JavaScript库,可帮助开发人员创建结合HTML5和CSS3的最佳网站。
较旧的浏览器不是Modernizr的问题,无论浏览器的版本是什么,访问者都会看到应该看到的内容。
52框架
从技术上讲,它不是生成器,而是可下载的框架,可加快开发过程。 52framework消除了HTML5的麻烦,并将所有内容摆在您面前,使开发更快,更轻松。
52framework支持多种浏览器,因此跨浏览器的兼容性成为一个较小的问题。 对开发人员来说是个好消息吗? 它甚至部分支持IE6!
HTML5编辑器
阿罗哈编辑
由于我们已经在讨论加速开发的服务和应用程序,因此这是一个了不起的工具,可以帮助您使用兼容xHTML5的内容来编辑网站内容。
Aloha Editor是HTML5编辑器,不仅是任何编辑器,而且是WYSIWYG编辑器,只要您在编辑器中进行更改,就可以立即修改您的网站内容。
小袋鼠
每个人都梦想着将Flash动画转换为HTML5吗? Wallaby是Adobe的一个项目,可以将Flash动画和插图转换为HTML5,从而使文件在Dreamweaver或其他编辑器上可编辑。
参考文献
深入HTML5
这是一本很棒的有趣的书,以创造性的思维方式开始学习HTML5,这也是一个很好的资源,它为已经知道HTML5工作原理的人们提供了新鲜的想法。
HTML5参考
W3C原始HTML5指南,着重于面向初学者的简单性和实际应用程序,同时为高级Web开发人员提供了详细信息。
更多
目前,实际上没有什么可看的。 相对而言,HTML5框架和模板的使用工具仍然相对较少,您可能已经注意到,如果您检查了链接,则每个生成器/框架的大多数功能都是相似的。 我可能会错过您用于开发很棒HTML5网站的工具,因此,如果您愿意分享,可以随时在评论中发布它们!
另外,如果您愿意获得有关HTML5的更多信息,请查看我们的文章!
翻译自: https://www.hongkiat.com/blog/html5-template-generators-frameworks-tools/