深圳网站建设设计

将想法与焦点和您一起共享

深圳网站建设设计 深圳网站优化排名 深圳网站设计制作欣赏

顶尖的CSS设计的原则

2016-03-30  阅读: 深圳网站建设设计

顶尖的CSS设计的原则
CSS可以为设计者的一个非常强大的标记语言。
然而,CSS是生产一样是由设计师创建的代码的原则。
虽然你可能会认为,任何人都可以写出的CSS,有写CSS和生产一流的CSS的一大区别。
确保你在正确的轨道上,这里有八个CSS的原则,每一个网页设计师应该如下。

1。花时间去验证
如果你打算花时间在css编码,所以花时间验证代码 你创建的。 然而,让我吃惊的是,许多设计师跳过这个重要的步骤。验证你的代码让你清理任何问题并确保它会为你的访问者的工作。
除了验证你的CSS文件,你也应该验证您的HTML或XHTML文件。 之前验证这些文件,确保你有时间适当的HTML或XHTML文档类型声明。声明DOCTYPE可能看起来像一个平凡的细节,但我不能指望我有挫折的设计师继续设计有问题的讨论很多,才发现,这是因为他们已经宣布过时的DOCTYPE(或根本没有声明DOCTYPE)。


2。文件(而不是在你的代码)
无论你是工作在一个单独的项目或一个团队的设计师,这是你创建的文件的工作重要。 你可以看到为什么这会在一个设计团队的背景是重要的,但你可能想知道为什么它会如果你工作在一个独奏项目的事。 好,总有一个机会,你的独奏项目最终将演变成一个集体项目,如果发生这种情况,它很容易有文件在手比试图走回头路,创造它。 然而,即使你的项目仍然是一一人表演,你可以在如何有用的文件当你决定重新审视一个项目后,不是看它一年惊讶。
当谈到创建CSS代码文档,大多数设计师的自然冲动是直接加入到他们的代码放置/*和*/之间。 喜欢这个名单的原则很多,有采用这种方法没有什么技术上是不正确的。 然而,直接加入到你的CSS代码注释会增加文件的大小,从而增加加载时间,减缓了网站的整体性能。 如果你对写作顶尖的CSS代码的严重,你应该记录你的代码,但在一个单独的文件。
虽然我真的相信这是更有效地在一个单独的文件,我知道有人不同意这种做法的文件很多。 如果你拒绝在一个单独的文件,你可以做下一个最好的事情是使用CSS压缩机(事实上,即使你选择使用一个单独的文件中的文件,你仍然可以通过使用CSS压缩机的好处)。 可以使用这CSS压缩机从CSS驱动的画廊,或是谷歌搜索找到一个替代的CSS压缩机。


3。拒绝黑客
虽然黑客已经成为一种可以接受的许多CSS内的社区,这并不意味着“CSS攻击”的一个原则是,你应该如下。 问题采用这种设计,这意味着你是有意寻找一个复杂问题的解决方案。 虽然你可能认为一个或两个黑客现在不会伤害任何人,进入心态的“黑客通过“你遇到的任何问题都可能产生负面影响您的整体设计思路。
避免黑客是一块,专家被分配一些时间的建议。 你可以去所有的方式到2003和看到保罗科赫(他是一个成功的开发者和作者)已经有一段时间的CSS Hacks的启示警告设计师:“复杂的怪物了,就在现代Web开发中心。如今,它并不表现为一个无限嵌套的表格,但作为一个无限复杂的CSS hack”。


4。不要滥用div
因为div元素,提供一个高层次的灵活性,它可以很容易过度使用他们。 事实上,这个问题已经变得如此普遍,CSS设计师社区已经建立了自己的术语来标记这个问题:divitus。 避免陷入这种状况,之前自动使用一个div标签,你应该问问自己,如果有一个实际的HTML标签,会把工作做的你。 例如,而不是创建多个header div,你为什么不使用HTML标题标签已经可用,如H1和H2?
一旦你开始考虑一下这个问题,你会很快看到的好处,使用适当的HTML标签而不是自动创建一个新的部门 不仅可以减少代码量,你必须创建(这将节省你的时间,同时减少你网站的加载时间),但它也会给你的代码更合乎逻辑的结构。


5。的想法放进你的类的名称
如果你问一个新的或没有经验的设计师,他们如何决定叫他们的课程,他们可能会说,这真的不重要。 虽然这在技术上是正确的,这是命名CSS类非常短视的观点。 虽然有设计师落入谁不关心CSS类名的类,也有设计师认为他们的类的名字,但他们却采取了错误的方法。
因为我不想只是打你的头与理论的例子,让我具体解释一下。 假设你正在创建一个类来控制一个箱子在你的页面上。 盒子将位于页面底部,它将包含从读者的意见和你会使用CSS来给它一个棕色的背景和控制填充。 而命名的。谭盒(这是许多好心的设计师会这么做),它的名字。评论框。 原因。评论框是一个更好的类名称比。谭盒是因为如果你决定改变背景颜色为蓝色的道路(或决定把箱子从页面底部的一个不同的领域),它不会使你困惑或是查看网站的CSS其他设计师。


6。拥抱速记
而速记可以迷惑的设计师谁是刚刚开始自己写的CSS代码,一旦你习惯了风格的简写,它成为一个最有效的办法可以作为一个设计师。
有使用速记的多重效益。 一、降低你的文件的大小,这将减少你的网站的加载时间。 此外,它不仅使我们更容易组织你的代码,但也使它更简单,如果将来您需要对代码进行更改。 作为你开始适应速记,你也应该去写你的代码在一行的实践(而不是传播出去,声明在多线)。
 


7。别忘了打印机
作为一个设计师,你更倾向于技术的非主流人群的任何人。 因为你是一个少数民族生活的一部分,呼吸技术,有很多你有大多数人从没想过的习惯。 例如,你可能离开你的方式消除尽可能在你的生活中尽可能多的“文档”。 然而,要记住,大部分的人口仍然打印出来的东西在定期的基础上是很重要的。 当你可能标签项del.icio.us时要保存备查,普通的互联网用户将打印相同页。
因为人们还打印出的信息来自互联网,重要的是使用CSS来让你的内容打印。 游客会欣赏所有的工作你已经把创造美丽的布局对于网站他们访问,但当他们决定要打印一页的网站,他们会感谢你甚至当他们意识到他们的打印输出只包含文本,他们希望(并没有惊人的图形看起来伟大在他们的电脑但会浪费大量的墨水从打印机)。 因为CSS使得它很简单,确保内容正确格式化打印出来,没有借口真正的设计师忽略了这一步的设计过程。


8。永远不要停止学习
你可能认为这最后的原则听起来是陈词滥调,但它无疑是最重要的整个列表。 如果你致力于成为最好的设计师,你需要确保你一直致力于扩大你的CSS知识。 幸运的是,这是很容易做到,如果你有愿望将致力于继续你的CSS的教育。 而继续教育是一项艰巨的任务,个人在许多行业,非技术性的,因为互联网实际上是基础的CSS,量的免费资源,你可以学习真的是无止境的。 如果你认为我夸大,只需键入“CSS”到谷歌,你会看到有483000000个结果供您浏览。

除了从网上资源学习(和打印资源如果你喜欢),你可以从其他的CSS设计师学习很多。 无论你分析自己的工作,听听他们给在网上或面对面的情况下跟他们的建议,你可以通过相互作用和潜在的合作与其他设计师谁是致力于在顶尖的CSS设计的原则和生产工作令人惊叹的收获很多的价值。

牧羊人设计文章推荐:

ps图像处理软件特点

界面原型设计实例技巧

网页设计师如何克服障碍

纽约时报杂志网页设计

将文章分享到..