问用于网页设计和开发的跨浏览器/平台的完整参考

EN

我建议你专注于目前最常用的东西。

如果我是你，我会专注于学习用现代浏览器做事情，然后转向响应式设计，最后只转向尝试让事情在旧浏览器上工作。

据我所知，关于跨设备和跨浏览器的测试/开发，没有完整的参考资料。这就是为什么你可能想在这里和那里挑选东西，并尝试写你自己的笔记，你自己的参考。

：让事情可以在老的浏览器上运行

现在在2014年，我们可以看到IE8仍然在网络上使用-我怀疑主要是因为大公司没有升级标准操作系统(以及随附的标准浏览器)，这使得员工别无选择，只能使用IE8。

在任何情况下，我都会专注于在IE8和IE9上学习跨浏览器解决方案。IE10+比以前的版本工作得更好，即使它仍然不如其他浏览器。Firefox、Safari和Chrome通常都是最新的，所以没有必要太担心它们。通常，你可以找到一个CSS在这些浏览器上工作，只需通过少量的谷歌搜索。CSS技巧也是一个很好的参考，即。http://css-tricks.com/snippets/css/cross-browser-opacity/

同样，节省时间的一个好方法是写你自己的笔记，或者保存到很棒的文章/代码片段的链接。无论哪种方式对你有效，在evernote上，在你的博客上，或者其他地方。

这是我的笔记，https://sites.google.com/site/adrienitnotes/html-css，我几乎每天都会用到。

最好的办法是边做边学，但更好的办法是在工作之余通过多做研究、阅读和实验来学到额外的东西。没有那么多人有/花时间这样做……但它可以带来巨大的不同。

关于跨浏览器测试，您可以使用browserstack。微软现在“支持”浏览器堆栈，允许你有3个月的免费试用(适用于Windows操作系统网络浏览器) http://www.modern.ie/en-us/virtualization-tools

我在浏览器栈上创建了这个关于IE浏览器测试的问题：Internet Explorer versions testing in February 2014: browserstack, saucelabs, ghostLab, spoon & other tools

关于跨浏览器的功能兼容性，使用现代浏览器绝对是可行的:现代浏览器可以帮助你测试web浏览器支持哪些功能，然后采取相应的行动(即：加载库，或者在最坏的情况下，显示"web浏览器不支持“的错误消息)。然而，你只想将它用于“一些”功能，每次你加载一个额外的库时，它会使你的页面加载速度变慢，并可能与另一个库发生冲突。这取决于你提出适合你的折衷方案。

我写了一些关于HTML5、CSS3、Modernizr和polyfill (polyfill: js shim，它复制了旧浏览器的标准应用程序接口)的东西(真的注意到了)：https://sites.google.com/site/adrienitnotes/html-css/html5

另一个小贴士:阅读大量相关的问答，这些问题和答案的评分非常好(只有一个！)。How do I give text or an image a transparent background using CSS?

祝好运!

编辑

以下是我在过去几个月中想到的几件事：

• 试图注意到有质量的网站并关注那些:互联网上有很多不准确的内容，请确保你确实从以其质量而闻名的网站学习(即。csstricks、caniuse.com、mozilla.org、sitepoint.com、html5rocks.com、aListApart.com)。同样，你想知道搜索一个主题时出现的常见网站，但质量不好的网站，有很多这样的网站(即。w3schools，请参阅w3fools.com )
• 研究的作者/开发人员在您的领域处于领先地位，请尝试查找他们的博客、书籍、视频、演示文稿和互动课程(如果他们提供任何课程)。即。关于良好实践的http://davidwalsh.name/
• Learn。这将使您节省大量的时间，无论是在您的项目中还是在您作为开发人员的职业生涯中。只需google "html good practices“或"javascript good practices"，或者”good practices"
• Learn jQuery“在同一种语言中类似的东西之间的差异，你很可能会以这种方式学得更快。(即"jQuery: fadeIn()和fadeTo()有什么区别?")。详细信息使difference.
• Try成为一些在线学习工具，现在有很多，只要尝试几个: memrise.com/courses/english/computers-engineering/和codeschool.com
• Try / teamtreehouse.com，tutsplus.com，codecademy.com，www.coursera.org，gibbon.co/codeschool.com
• Try#programming，khanacademy.org/computing/cs，udacity.com，academicearth.org，codeschool.com
• Try，ocw.mit.edu，gibbon.cs要找到一份工作，有一位导师，有人会指导你，建议你，鼓励你。根据我的经验，在一个好的导师(每天有一点时间)的指导下学习可以使你的学习speed.

两倍或三倍

你必须看一下http://www.modernizr.com/的javascript库，它为你提供了大量的工具来探索客户端的兼容性以及升级你的客户端。