2009 2009 年8月 18日日

前端开发技巧生活。

Picture 1 以下的文章,我读了关于前端开发人员和编码实践的博客和以为我会传递给它。 它是由Doug Neiner,在编辑器燃料编码是像素图形设计工作室总裁。 他是沉迷于新技术,特别爱消费与WordPress,红宝石on Rails和jQuery的时间。

以下是一个系列的10件事情要记住每个网站开发项目实践。 我所列举的重要性顺序,这里的许多步骤上相互建立。 如果你没有别的远离阅读,请采取规则#1和#2,心脏和实践。 我认为解决这两个问题会导致更好的设计和在互联网上更好地实施在网站。

1。 充电不够,然后有些

特别是在经济困难时期,企业和个人都在试图削减成本,并保持项目降到了最低。 由于这方面的知识,我们尝试为Web开发人员尽可能快地通过每个阶段。 然而,前端开发需要一个相当长的时间,如果处理得当。 当时没有充分充电,导致我们作为开发商跳过我们知道的东西是重要的,只是为了保持在预算范围内的项目。 规则很简单... ...你通常不会花时间把事情做对,如果你没有及时采取。 只有这样,才能得到更多的“时间”作为一名开发人员,保证时间,我们花适当的补偿。 仅在这一点上,我们的心中可以完全插入到我们的项目... ...只有这样,我们的时间,按照其余9规则。

2。 教育设计师

对于那些一个所有功能于一身的设计师/开发机器,这个应该很容易。 然而,程序员或一个设计师有一个独特的责任。 由于许多设计师从打印背景,它是你的开发人员,教育他们提供给他们的设计的可能性。 没有... ...我没有说让他们了解150多个jQuery插件使用,或使用VS系列的一个标签的UL /李组合您的想法。 我说,教育他们的可能性。 帮助他们了解他们的设计可能会在不同的设备上显示。 帮助他们了解如何利用重复的背景和平铺模式,实现伟大的设计,以最小的文件大小。

不要离开仅设计师的创造力! 这是你的机会来证明你找到完美的技术解决方案,以满足设计师的需求,以及创意。 告诉他们“只是不这样做”为每一个请求,就是一个最好方法,导致双方的挫折。 把你的思想工作,发现周围的障碍的途径。

注:规则3到10,建立了前两个规则 以下的一些规则需要额外的图形设计师,和所有的规则都需要时间来遵循。 设为规则1和2的承诺,其余规则将意识,使您的成品好得多。

3。 想想层中,没有在片

即使在今天,我们仍然使用的短语“剪设计”来形容Illustrator或Photoshop从设计到完成的HTML / CSS布局的过程。 虽然这在很大程度上仍是准确的,它的名字掩盖前,成片的切片设计和重组上的HTML页面(通常是在一个表)的概念。

这是旧的Web。 新的Web使用分层的概念,堆叠,和z - index进行深入实现设计。 作为一个编码器,可以肯定的,从与一个平面设计设计师PSD分层文件或分层AI文件。 这将允许您更灵活地在一个网站,你如何放在一起。 请记住,在工作层时,考虑结构是必不可少的,先礼后增加额外的div,跨越的HTML元素。 您可以使用上的重复的垂直html HTML元素,并重复上body的背景身体没有带来div#wrapper DIV#包装在解决你的背景困境。

继续阅读

分享