有哪些工具/库/模板可以帮助你开始使用HTML5/CSS3?

20jt8wwn  于 2022-12-16  发布在  HTML5
关注(0)|答案(6)|浏览(155)

我们是一家小型的网络应用开发公司。我们正在计划升级到HTML5/CSS3,我们正在经历培训阶段(我们使用视频教程)。虽然HTML5/CSS3看起来很有前途,但似乎有很多跨浏览器兼容性问题以及许多新的API。在等待W3C的完整推荐期间,有没有什么模板可以立即使用?目前,是否有库/工具可用于确保跨浏览器支持?
非常感谢帮助。:)

fnatzsnv

fnatzsnv1#

HTML5...从哪里开始?

现在你最好的选择是关注浏览器能做什么。因此,关注不同供应商关于这个主题的浏览器开发博客。
顺便说一下,HTML5主要是一组不相关的特性,从标记到新功能,如WebGL和客户端存储(WebSQL)。HTML5建立在以前的规范HTML标准之上,并阐明了许多特性。另一方面,CSS是CSS 1 + CSS 2 +CSS3的顶峰。
上网,所有的信息都在那里!

资源

库和模板

工具

相关StackOverflow问题与解答

nue99wik

nue99wik2#

这将是一段时间之前,html和css3将被支持,但在同一时间,如果你想得到一个领先的开始检查themeforest,他们有足够的html5和php模板,你可以开始黑客了。另一个伟大的工具是检查这个noupe后,他们列出了一些免费的html5/css3教程。

w1jd8yoj

w1jd8yoj3#

让我们将跨浏览器兼容性分为两部分:新的HTML5元素/属性HTML5 API

要素:不支持新HTML5元素(如<section>)的浏览器,例如旧版本的IE,将只打印内容而忽略样式。您可以使用一点JavaScript技巧使元素在IE中具有样式:HTML5shim .
属性:使用新的HTML5属性也完全没问题。不理解它们的浏览器会忽略它们。使用Modernizr,你可以检查HTML5 / CSS3特性是否可用,如果不可用,就用JavaScript提供一个后备。

为了支持新的HTML5 API,你可以使用polyfills来增加对缺失特性的支持。https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
顺便说一句:使用一些HTML5 API(如localStorage)作为渐进式增强是一个好主意。如果这只是一个增强用户体验的小功能,那么使用HTML5并让旧浏览器使用普通版本也是不错的。

gdrx4gfi

gdrx4gfi4#

jQuery是最流行的跨浏览器库。它将在支持HTML5的浏览器上使用HTML5特性,并在需要时优雅地回滚到其他特性。它经常更新,特性非常丰富。
quirksmodehttp://www.quirksmode.org/compatibility.html是所有HTML/CSS/DOM特性的列表,以及哪些浏览器支持这些特性,支持程度如何。
w3schoolshttp://www.w3schools.com/是了解特定HTML/CSS/DOM特性如何与代码示例一起工作的优秀资源。
jsfiddlehttp://jsfiddle.net/是一个在线javascript/HTML/CSS编辑器。这是一个很好的方式来测试想法,然后再把它们放到代码中。这也是一个很好的方式来与他人分享代码样本。
jsPerfhttp://jsperf.com/是一个在线代码速度检查器。如果你不确定用javascript做某事的最佳方法,你可以在这里运行示例。结果也是可以共享的。

cx6n0qe3

cx6n0qe35#

你不需要“升级”到HTML5和CSS3。HTML5就是HTML,句号。因为这类标准需要很多年才能最终确定,所以你需要过渡到使用新元素和属性。这从来不是一个大规模的改变,有一天你会使用所有新工具,而很少考虑旧工具。
库和模板是助手,但不是必需品。当你需要元素和属性时,就挑选它们。不要因为有了新东西就开始使用它们。

qfe3c7zg

qfe3c7zg6#

Paul Irish和朋友们刚刚推出了**Move The Web Forward**:
您热爱Web标准。您希望给予社区。想知道从哪里开始吗?我们随时为您提供帮助。
...

学习

Web最美妙的地方之一就是它在不断变化。虽然这些变化和改进可能势不可挡,但我们在这里可以帮助你跟上潮流!这里有一些很棒的资源,可以引导你了解浏览器的工作原理,并帮助你了解浏览器的最新改进。
...

相关问题