如何更好地利用CSS,布局设计和UI编程?

Vis*_*hal 15 css layout user-interface

我对CSS非常熟悉,并且使用了相当多的javascript和jquery,也没有很少的布局设计经验和与Photoshop密切合作.但是,不知怎的,当我正在设计UI并按照我想要的方式布置元素时,我感觉不像使用数据库或C#编程时那么自信并面临很多问题.例如,喜欢说一个设计师的.psd文件给你......你想让你的页面看起来像那样......

所以我知道我必须更多地去做,并一路学习.但有没有人有任何好的建议或建议,以便我在UI​​编程方面做得更好...如果有一些网站有视频和教程或任何好书我应该参考改进..感谢所有的帮助..

ste*_*och 14

我2年前安装了firebug并且立刻发现自己花了更多的时间阅读其他人的代码 - 如果我看到我喜欢的网站或者我想要使用的技术,我只是嘲笑它 - 它有点像音乐家阅读表 - 音乐和想象听起来如何

我发现在这个网站上回答问题也对我有很大的帮助 - 你会确切地知道你知道的是什么,你会更加意识到你需要改进的领域

我认为了解盒式模型的工作原理以及如何使它在所有浏览器中都能正常工作非常重要- 有一些非常简单的基本规则,如果遵守这些规则,可以帮助您确保您的x-broswer测试是无痛 - 知道如何在不破坏布局的情况下为某些东西添加填充或边距,这样你就可以完全按照你的设计 - 我曾经在我的容器中留出20个像素的额外水平空间,这样可以让我的列永远不会从边缘掉下来一个页面,但现在我知道盒子模型如何工作,我可以使用我给出的模型中详细说明的确切宽度,高度,填充和边距

我个人推荐使用语义样式表框架 - 我建议蓝图语义(虽然YUI和960也很棒) - 事实上,切换到CSS框架可能是我去年对我的编码风格做出的最重要的改变之一帮助我意识到,我所拥有的几乎所有x浏览器问题都很容易修复,没有太多麻烦

如果您还没有这样做,请将"CSS""HTML"添加到stackoverflow中的"感兴趣的标签"列表中,并尽可能多地阅读.回答问题,对下巴进行投票,细细品味投票,并继续努力帮助他人解决问题

很多人忘记了一件事:CSS实际上是一种非常复杂的语言.它有很多东西可以满足它的需求并且很难掌握 - just.keep.fighting.the.good.fight

  • Firebug为+1.这是UI设计师必备的! (4认同)

Ada*_*ear 7

实践,实践,实践.

我会浏览网页上的现有模板或网站,并尝试复制它们进行练习.

显然,尊重作者的权利,不要重新创建某人的主题,然后在你的某个网站上使用它,除非它实际上是向公众发布的.