1

我已经开发 Ruby on Rails 应用程序有一段时间了，并且经常在开发生成带有 CSS 的 HTML 模板方面得到帮助。但是，我想自己尝试一下。

最初的实验让我觉得我的过程真的很慢。我正在用 VIM 编写我所有的 Rails 代码，它带有运行测试套件的别名，对我来说非常快。但是，在浏览器/VIM 之间来回查看新更改似乎很麻烦 - 我猜想找到一个带有嵌入式浏览器的编辑器，它可以不断看到新的更改（有什么建议吗？）

到目前为止，我已经尝试过 Blueprint，一开始它似乎可以为我节省大量时间。但是，还有哪些其他工具可以帮助您尽可能快地进行 PSD->HTML/CSS 转换？

4

4 回答 4

1

您是否尝试过使用http://jsfiddle.net/？它改变了我的世界。

于 2010-12-22T04:07:59.837 回答
0

作为前端开发人员，不幸的是，这似乎很耗时。您将开发一些技巧和捷径等。我已经开始为布局调整960.gs网格系统，因为它可以让我更快地进行布局。实际上，我曾经这样做过——现在我确实有一个特定布局的模板，我只需复制和粘贴即可。我建议您花半天的时间，为您可能经常使用的典型 Web 应用程序/网站获取准系统。

使用一些 CSS3 而不是图像会有所帮助，最初也是如此。我会这样做，然后一旦你使用“好浏览器”就可以使用modernizr来支持旧浏览器。

希望有帮助！如果您想要我拥有的任何资源或有任何具体问题，请随时给我发电子邮件... [firstname] @ [wholename] .com。

康纳

于 2010-12-22T07:27:23.110 回答
0

CSS 很累 afai-knew-it。但是使用 vim 的强大功能，对我来说一切都变得更好了。

也许我的snipmate css 片段可以帮助你。我一直在不断改进这一点，以使事情变得更容易和更快。

例子：

b[press Tab key] /* means border */
/* will produce */
border: 1px solid #999;

bra[press Tab key] /* means border-radius */
/* will produce */
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

=ir /* means Image Replacement */
/* will let you choose from 6 IR methods */
/* Below is one method, namely Leahy/Langridge Method */
#image {height: 0 !important; overflow: hidden; padding-top: 0px; width: 0px; background: url() no-repeat}

=reset /* means Reset.css */
/* will produce the latest reset.css (taken from http://html5boilerplate.com/) */

希望这可以帮助。干杯!

于 2010-12-22T10:37:27.633 回答
0

如今，原型制作可以比过去快得多。仅使用 Twitter 引导程序，Foundation 5 就可以让人们更快地制作有效的 UI。

于 2014-06-07T06:01:36.757 回答