网站维护页面代码风格指南
网站页面设计
但随着疯狂的大型代码库的出现像脸谱网或谷歌的系列产品,风格指南已经演变
网站设计
这些天,网站维护页面代码风格指南风格指南包含经常更新文档的当前代码库及其使用情况
在一个网站维护页面代码风格指南风格指南是什么
代码大纲部分,在那里你可以很容易地找到重复的或相似的代码并优化你的代码,或已在使用中的视图组件
大多数导游是展示一个&;日志&;式的方法,每一个代码实例文件,或故意的模块编码记录
几个实例的网站维护页面代码风格指南风格指南可以发现在GH,M,和MC
正如你可以看到这些例子,有一个页面或子网站显示用例的代码为每个组件的一侧很常见
但通常有需要去做时间的投资回报
在任何情况下,如果你工作在一个项目,可能有一天会被转交给另一个设计师或开发人员可以使他们的一天看到这样的文件
短名单的事情,你可能要考虑记录布局选项(可能概述网格系统),排版,色彩的使用,按钮和链接方式,形成造型,通知或提醒,和列表样式
在概述,记得保持灵活
相反,改性剂类建立在诸如颜色、字体的基础,或审美的变化
按钮类指定一个一致的宽度,高度,和文本的大小而使改性剂类来改变特定的每个用例的东西
成分如公告栏,按钮,标题,页脚,是可重用的代码&;事情你可以多次使用整个网站的很好的例子,或在同一页上
如果你打破旧的或已经写好的代码使它的事实后更易维护,其实很简单
开始剥离下来的CSS基础知识
而其他改性剂类可以用来改变颜色或字体的审美之类的东西
另外,如果您的项目使用的是身体的ID或类为每个页面,你可以风格独特的用例按页这样
千万不要采取这种做法太多了,因为它可以很容易地这个KISS原则是一个设计原则适用于模块化的发展过程和
写简单的、可维护的代码通常是通过保持你的组件简单容易
一个可维护的代码结构的最终目标,是有一些可重用的,小的,远远比不维护更高效
在CSS的命名约定当它涉及到一个维护的代码结构,命名规则变得非常重要
写描述性的CSS类,可以使维护代码将一个简单的任务
有没有限制CSS类的长度,所以要利用你的优势
一定要坚持一个明确的命名惯例虽然混合破折号和下划线或骆驼的情况下对所有小写的名字容易混淆
它使你的组件类定义通常是一个好主意,使改性剂类较少
下面是一个按钮的例子,一个独特的使用规则,以及改性剂类
这是一个更好的选择,眼下,类似发电机一样全息图,嘉利,,和KSS也证明是有用的
自动化解决方案是快速和可应用的事实后,但他们有时也严格
手工制作的风格指南让你知道一切的来龙去脉,但需要更多的时间
但它肯定是值得花时间去尝试一些自动化的解决方案,只是为了让他们如何工作的想法和他们所说的关于你的代码
回顾你的代码网站都没有完成
在这一点上,我也喜欢把每个组件(和改性剂类)在CP测试浏览器的支持和做笔记,因此
在回顾,也一定要留意成分可能彼此冲突,以奇特的方式或使盒模型的问题
考虑到我们必须投资达到这样的结果多少时间,生活风格指南有一个更大的项目可量化的影响比较小
复杂或大型项目中受益很多,所有的优化和性能的提高,这是很值得花时间达到说结果