在浏览器中设计网站(天啊！)

Question

我感兴趣的是人们对优劣的看法，或者在浏览器中设计网站时直截了当的“地狱不”，以及远离Photoshop、Fireworks等。

我一直在为我的网站重新设计，并在浏览器中尝试，我不会回头看的。

例如(我使用一个有12列的960px网格)：

<div id="news_section" class="floatleft columntwo spanfourcolumns">
   …content
</div>

<div id="recent_work" class="floatleft columnfour spansevencolumns">
   …content
</div>

不仅设计变得有趣了，而且使用网格，垂直节奏，甚至黄金比例，从来没有像现在这样容易。更不用说，它完全消除了设计和静态编码之间的差距。

你认为如何？

Answer 1

你是说你首先在浏览器中(通过HTML/CSS)制作页面的线框图，然后再应用设计？这就是我的工作( 37Signals follows that thought也是如此)。

在我看来，开发人员在不接触Photoshop的情况下制作静态线框图是有好处的，因为网站可以立即使用，而且不会浪费时间让它看起来恰到好处。

此外，程序员也不会有太多的设计倾向-我喜欢把这一点留给那些了解天下每一个PS命令的人:)

我还使用YUI Grids CSS框架快速创建布局。

Answer 2

好吧，使用浏览器工作并不是世界上最糟糕的事情，但有几个“见鬼的不”：

1) 不要使用IE 设计你的应用。使用Chrome或FireFox。IE的不合规行为会让你误以为你的CSS是有效的，而实际上它并不是有效的。

2)不要根据类的外观来命名类，就像在示例中一样。

Answer 3

不要！！

如果iDesign史蒂夫直接在浏览器中学习设计，

1. 创新将受到影响:史蒂夫并不关心CSS/HTML/诸如此类的限制。他可以自由地展示人类尚未看到的最令人印象深刻的遗址。这是普通程序员Joe的责任，扩大CSS/HTML/诸如此类的限制，及时塞满批准的设计，并看到它被一些愚蠢的浏览器撕裂成碎片，恰好在最后期限之前，它有很大的市场份额。面对它，编写CSS感觉就像编写汇编代码。甚至完成最基本的事情(流畅的多列布局有人吗？)
2. Steve的酷系数将会降低:据我所知，没有一个开发人员使用WYSIWYG工具来生成HTML/CSS，或者认为这是可以接受的。当你只需要一个文本编辑器时，你看起来就不那么酷了。当客户看着史蒂夫的显示器，看到的是一堆文本而不是几个窗口，上百个有趣的小图标，以及完成了一半的彩色草稿时，他可能会认为“我7岁的孙子也会打字……”。
3. 乔仍然比史蒂夫有更多的限制:网站应该是可访问的，布局应该足够流畅，以适应各种输出，很好地使用javascript……如果CSS/HTML无论如何都要重写，那么挣扎就没有意义了。

做一个好的队友，现在就启动Photoshop吧。乔需要他的工作来支付账单。