如何更好的CSS,布局设计和UI编程?

前端之家收集整理的这篇文章主要介绍了如何更好的CSS,布局设计和UI编程?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我非常熟悉CSS,并且使用了相当多的javascript和jquery,还有一些布局设计经验和Photoshop紧密合作。但是,不知何故,我不会像在使用数据库或C#编程一样自信,当我正在使用UI设计和排列元素时,会遇到很多问题。像设计师给你的.psd文件一样,你想让你的页面看起来像这样。

所以我知道我只需要做更多的事情,一路上学习。但是有没有人有任何好的建议或建议,以便我更好的UI编程…如果有一些网站与视频和教程或任何好书我应该参考改进。谢谢所有为您的帮助..

解决方法

我在2年前安装了firebug,并立即发现自己花更多的时间阅读别人的代码 – 如果我看到一个我喜欢的网站或者我想要使用的技术,我只是把它烧 – 它有点像一个音乐家阅读表 – 音乐和想象听起来如何

我发现在这个网站上回答问题帮助了我很多 – 你只是知道你知道的是什么,你会更加意识到需要改进的领域

我认为知道盒子模型如何工作以及如何在所有浏览器中为您工作都非常重要 – 有一些非常简单的基本规则,当您遵守这些规则时,可以帮助您确保您的x-broswer测试是无痛 – 知道如何在不破坏布局的情况下添加填充或边距可让您完全符合您的设计 – 我曾经在我的容器中留下20像素的额外的水平空间,作为使我的列从不脱离边缘的一种方式的一个页面,但现在我知道盒子模型是如何工作的,我可以使用我给出的模型中详细的确切的宽度,高度,填充和边距

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

如果您还没有这样做,请将“CSS”和“HTML”添加到stackoverflow中的“有趣的标签”列表中,尽可能多地阅读。回答问题,对下巴进行投票,品尝上榜票,不断尝试帮助别人解决问题

很多人忘记的一件事是:CSS实际上是一种非常复杂的语言。有一个很多的地狱,满足了眼睛,这很难掌握 – just.keep.fighting.the.good.fight

猜你在找的CSS相关文章