我对CSS非常熟悉，并且使用了相当多的javascript和jquery，也没有很少的布局设计经验和与Photoshop密切合作。但是，当我在设计UI并按照我想要的方式布置元素时，不知何时我感觉不像使用数据库或C＃编程时那么自信并面临很多问题。就像说一个设计师给你的.psd文件......你想让你的页面看起来像那样...
所以我知道我必须更多地去做，并一路学习。但有没有人有任何好的建议或建议，以便我在UI编程方面做得更好......如果有一些网站有视频和教程或任何好书，我应该参考改进..感谢所有的帮助..
答案 0 :(得分：14)
我2年前安装了 firebug 并立即发现自己花了更多时间阅读其他人的代码 - 如果我看到我喜欢的网站或我想要使用的技术，我只是嘲笑它 - 它是一个有点像音乐家的阅读表 - 音乐和想象它的声音
我发现在这个网站上回答问题对我有很多帮助 - 你会确切地知道你知道的是什么，你会更加了解你需要改进的领域
我认为知道盒子模型如何工作以及如何让它在所有浏览器中都能正常工作非常重要 - 有一些非常简单的基本规则，在遵守时，帮助你要确保你的x-broswer测试没有痛苦 - 知道如何在不破坏你的布局的情况下为某些东西添加填充或边距可以让你精确地设计你的设计 - 我曾经在我的容器中留出20个像素的额外水平空间作为让我的专栏永远不会掉到页面边缘的方式，但现在我知道盒子模型是如何工作的，我可以使用模型中详细说明的确切宽度，高度，填充和边距。给定
我个人建议使用语义样式表框架 - 我建议使用Blueprint语义（虽然YUI和960也很棒） - 事实上，切换到CSS框架可能是最重要的变化之一我去年做了我的编码风格，它帮助我意识到我所遇到的几乎所有x浏览器问题都很容易修复而没有太多麻烦
如果您还没有这样做，请将“CSS”和“HTML”添加到stackoverflow中的“有趣标签”列表中，并尽可能多地阅读。回答问题，对下巴进行投票，细细品味投票并继续努力帮助他人解决问题
很多人忘记了一件事： CSS实际上是一种非常复杂的语言。它有很多东西可以满足它的需要并且它很难掌握 - just.keep.fighting.the.good.fight
答案 1 :(得分：7)
练习，练习，练习。
我会在网上浏览现有的模板或网站，并尝试复制它们进行练习。
显然，尊重作者的权利，不要重新创建某人的主题，然后在你的某个网站上使用它，除非它实际上是向公众发布的。
答案 2 :(得分：4)
我会研究“语义HTML”http://en.wikipedia.org/wiki/Semantic_HTML
同时调查Doctypes：http://htmlhelp.com/tools/validator/doctype.html
曾经掌握过的那两件事帮助我编写了适当的x-browser css，在你需要的时候看起来就像comps。
我会说避免模板，除非你的设计师总是为UI制作相同的网站布局，你会希望比这更灵活。
对于初学者来说，有助于x-browser css的好事是一个很好的reset.css：http://meyerweb.com/eric/tools/css/reset/
答案 3 :(得分：2)
我还将探讨UI可用性领域。 useit.com是一个很好的来源。
答案 4 :(得分：1)
如果您在任何时候都问自己是否能够以更好的方式做某件事情，并且在有疑问的时候使用Google来查看这件事，那么您可以边做边学。
然而，您会发现书籍可以让您更全面地了解整个过程，并教您很多个别博客文章无法教您的内容。互联网就像一个参考;你必须知道要找什么，但这本书将为你提供你可能没有想过的有用提示。
答案 5 :(得分：1)
我会看看CSS Zen Garden。
答案 6 :(得分：0)
我也有这种挫折感（我想很多人都这样做）。减轻一些挫败感的一个具体问题是学习类和id的重要性（即ids使javascript更容易，类促进大规模的改变）。这可能听起来很简单，但这对我来说是一大步。我想我所说的是你只需要花时间去做。不要回避因为它令人生畏或令人沮丧。这需要时间。