各位前端在拿到设计稿后的“作业”流程是怎样的？

[un]

是直接开始敲 HTML & CSS 还是做什么准备？
我发现自己现在的效率比较低，设计转化成页面的时候修改频繁。想了解下大家有没有好的“工作流”。

[O21]

我看你见头像。。我以为我好被盗了。。怎么自动发帖了

[devqin]

@Biwood 他的意思应该是,写公共样式,大体布局

[Tonni]

@skyshy 说的很赞👍

[un]

@skyshy 感谢已送。我这样的提问确实做了伸手党。你提到的问题我多少有考虑到，但还没有深入的去想，或许我应该自己先做些总结。

[un]

@skyshy 又看了遍。“设计师都等着被勾搭一下，真是没情趣的孩子，至少问一下有没有男/女朋友” 意思是搭讪设计妹子也是流程的一部分么 - -)。get√

[P233]

@Biwood Sass 提供了很多便利

比如 #header > #header-logo + #header-menu 这个结构

Sass 可以这样写

#header
&-logo
&-menu

这样就能体现出 HTML 的结构了

[hkongm]

yeoman+gulp

[angusjune]

Adobe的project parfait
https://projectparfait.adobe.com/

作用如同它的Slogan："Extract everything you need from PSD comps - in your browser"

可以直接获取psd中的css 导出特定图层为图片 等等
不过我觉得仅仅适合作为辅助功能 比如说快速取色啊 快速导图啊（不用去切片了） 快速获取绝对位置啊 之类的
连接速度有点慢 而且对于比较大的psd比较无能

[adspe]

嫌烦的话CSS可以用个CSS Hat
SASS可以用Nesting

[Bantes]

@Tonni 点赞

[RaymondYip]

@Tonni 正解