1

私はしばらくの間、Ruby on Rails アプリケーションを開発してきましたが、CSS を伴う HTML のテンプレートを生成する開発の助けになることがよくありました。しかし、私はこれを自分でやってみたいと思っています。

最初の実験では、プロセスが非常に遅いように感じます。私はすべての Rails コードを VIM で書いています。VIM は、テスト スイートを実行するためのエイリアスを伴うため、かなり高速です。ただし、新しい変更を確認するためにブラウザーと VIM の間を行き来するのは面倒なようです。これには、新しい変更を常に確認する組み込みブラウザーを備えたエディターを見つけることが理想的だと思います (何か提案はありますか?)

これまでのところ、ブループリントを試してみましたが、最初はかなりの時間を節約できるように思えます。しかし、PSD から HTML/CSS への変換をできるだけ速く行うために、他にどのようなツールが役立ちましたか?

4

4 に答える 4

1

http://jsfiddle.net/を使用してみましたか? それは私の世界を変えました。

于 2010-12-22T04:07:59.837 に答える
0

CSS は疲れます。しかし、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

フロントエンド開発者としては、残念ながら時間がかかるように思えるかもしれません。いくつかのトリックやショートカットなどを開発します。960.gsグリッド システムをレイアウトに適用し始めました。これにより、レイアウトをより迅速に作成できるようになります。実際、私はそれを行っていました-今では、文字通り、コピーして貼り付けるだけで構築された特定のレイアウトのテンプレートを持っています. 半日かけて、頻繁に使用する典型的な Web アプリ/サイトの最低限の機能を取得することをお勧めします。

画像の代わりに CSS3 を使用すると、初期段階でも役立ちます。私はそれを行い、「優れたブラウザー」で動作するようになったら、 modernizrを使用して古いブラウザーをサポートするようにフォールバックします。

それが役立つことを願っています! 私が持っているリソースのいずれかが必要な場合、または特定の質問がある場合は、お気軽に私にメールしてください... [ファーストネーム] @ [ホールネーム] .com.

コナー

于 2010-12-22T07:27:23.110 に答える
0

現在、プロトタイピングは以前よりもはるかに迅速に行うことができます。Twitter ブートストラップを使用するだけで、Foundation 5 は効果的な UI を作成するための苦労を大幅に軽減します。

于 2014-06-07T06:01:36.757 に答える