所以我尽量花大部分时间在应用程序服务器端，但有时我需要弄脏手并从线框或模型生成标记/ css/js。 就工具而言，我发现了browsershots和Litmus应用程序很有帮助，当然也有vm用于检查ie- {6,7,8}中的内容。否则，我会在vim中进行繁重的工作。从模型生成标记时使用哪些工具？
为了生成与目标设计无关的新标记，我认为一些css框架& sass看起来很有用，但是当需要生成标记以匹配photoshop设计时，我对它们的实用性持怀疑态度。
那么当您从设计构建固定标记时，您会在标记生成工具带中保留哪些提示/工具？
我的名单至今：
我使用960 Grid System （与梅耶的重置和文本重置）。我在photoshop中设计我的布局，以便可以使用960网格系统。这不需要四方形布局，但它确实需要想法和顺序，而不是灰度元素之间的任意距离等。
我的代码始终是手写的;我不相信软件想我。这样我就可以完全控制发生的事情。我从来没有使用IE浏览器的黑客。如果我不能做我想做的事，我会寻找另一个。黑客把一种不稳定的形式融入到设计/布局/功能中，而我并不是那种狂热的粉丝。
我运行所有现代浏览器，以及测试IE6的IETester，但我确信我很快就会放弃对IE6的支持。您只能在想要将显示器挡在墙上之前解决其PNG问题。
而我的头号工具StackOverflow。如果没有这些美好的思想和无私的人格，我将独自一人解决我遇到的每一个问题。这是一个令人沮丧的想法。
由于我仍然可能被要求使用偶尔的CSS黑客攻击，所以我通常会在几次传递中构建出我的CSS。首先是颜色，然后是排版，然后是布局。每次通过后检查一切（特别是IE6）。更好地扼杀萌芽中的问题，而不是试图追踪所有事情！
虽然它不一定与标记相关，但jQuery和TYPOlight是非常宝贵的时间保存程序。我从来不会在没有CMS的情况下部署一个站点。在TYPOlight中建立一个工作现场并对客户进行培训的额外下午可以长期保存更新令人头疼的日子。