整理及优化CSS代码的七个原则[译](4)

作者:暴风彬彬 来源:彬Go 时间:2009-04-23 12:35:00 

6.记录你的工作


David Shea在他的网站 mezzoblue.com中详细讲解了标记指导(markup guide).

如果你是一个设计团队中的一员,那么让你的代码保持规则的一致性并能与其他成语建立良好的沟通是相当重要的,而且还要建立一种网站的标准。例如,团队中的某个成员想出了一个比较不错的网站标签切换界面,记录下来这些想法和注解会帮助团队的其他成员再次使用这种效果,这样能够避免HTML或CSS代码的臃肿。

记录工作主要包括标记向导(markup guides)和样式表向导(style sheet guides),这种工作并不仅仅适用于团队,也同样适用于一个人的设计工作(一个人的”团队”)。毕竟,在完整一个设计项目之后,经过一年甚至更长的时间,当你再回来看到这些曾经自己写的代码时,也一样会觉得很陌生。将来你会通过自己曾经的记录了解到在那些CSS结构是如何让网页表现的,或那个网页对表单按钮的起到副作用。

记住,一定要养成为CSS写注释的习惯。

7.压缩使用

为了使得浏览器节省更多下载个载入时间,压缩是一个不错的解决方案,但是仅限于发布的时候。YUI Compressor 和CSSTidy 就是这样方面的专家,他们能够去除多余的代码,校验属性互相覆盖的错误。
许多流行的编辑器,比如BBEdit, TextMate, 和 TopStyle 都能够帮助你格式化你的CSS代码成你想要的样子。你还能通过服务器压缩技术使用PHP处理你的CSS。你可以找到更多的CSS优化和压缩的CSS工具

有一点,这些程序尽可能会降低错误的发生,但并不是完美的。同样,最好不要用他们去处理包含CSS hack的文件。这也是另一个让那些hack储存在另外的文件里的原因。

总结

整理和优化代码不仅是为了你的CSS文件大小,还包括了维护性和可读性。以上的原理并不只是针对CSS,它们还能应用到HTML,Javascript以及其他编程语言。CSS文件不只是为了呈现给你网站的最终用户。上面的原理可以帮助用户体验以及开发者经验。运用这些原则到你未来的项目中,一定能够获得重大的成效。

标签:优化,代码,css,前端
0
投稿

猜你喜欢

  • ASP:使用ImageMagickObject组件制作缩略图

    2008-10-21 12:21:00
  • suggest项目总结-用户体验篇

    2008-01-30 20:04:00
  • (X)HTML Strict 下的嵌套规则

    2008-03-08 18:39:00
  • 修正IE6不支持position:fixed的bug[译]

    2009-08-01 12:44:00
  • Oracle性能究极优化 上第1/2页

    2010-07-30 13:26:00
  • Oracle逗号分隔列转行实现方法

    2011-01-04 20:13:00
  • Javascript命名禁区[110407.updated]

    2011-04-28 09:48:00
  • 关联的 script 标签

    2009-11-02 10:40:00
  • 网站LOGO设计规范的思考--2.网络LOGO的设计

    2007-10-14 11:02:00
  • asp如何用OdbcRegTool组件来创建一个数据源?

    2010-06-12 12:55:00
  • 月影:JavaScript王者归来

    2008-08-05 17:18:00
  • 上传组件 ASPUpload 使用说明

    2008-09-11 14:38:00
  • 快速掌握如何使用SQL Server来过滤数据

    2009-01-15 13:27:00
  • MySQL两种表存储结构性能比较测试过程

    2007-12-09 12:45:00
  • MySQL列类型的选择与MySQL的查询效率

    2009-01-14 12:53:00
  • [翻译]标记语言和样式手册 Chapter 7 锚点

    2008-01-28 14:01:00
  • SQL查询重复记录

    2011-03-27 09:06:00
  • 用Dreamweaver MX制作导航下拉菜单

    2009-05-29 18:37:00
  • MySQL字段类型说明

    2007-09-27 19:22:00
  • 使用Dreamweaver便捷技巧方法十六则

    2010-07-02 16:28:00
  • asp之家 网络编程 m.aspxhome.com