BootstrapでないRubyフロントエンドのレスポンシブ化

Question

クライアントから受託したサービスのリニューアル案件が、
BootstrapではないRuby on Railsを使って書かれているのですが、
バナーの差し込みを依頼されており、スマホ対応(レスポンシブ)の必要があります。
http://webdesignerwork.jp/web/responsivewebdesign/
この様なCSS上の対応をapp/assets/stylesheets上でで行えば良いのでしょうか？
Rubyでフロントエンドをレスポンシブ化する際、通常のHTML/CSSの対応と違う部分がありましたらお教えください。

Answer 1

質問者様の仰るとおり
app/assets/stylesheets
の中のcssをいじってだいじょうぶです！

また、質問者様が参考にされているurlに書いてあるとおりの方法でレスポンシブにするのも問題ないと思います！

railsでcssの開発を行い際に気をつけなければいけないことは
普通のhtml,cssではなくrailsでは本番化する前にasset precompleする手順が入ります。
assets precpmpileとはブラウザから沢山のcssをサーバに取りに行くと、サーバに「あのcssをください、あれもくださいこれもください」と何回もリクエストが走ってしまい、ユーザーさんを待たせることになるので
railsが「リクエストが多くなるからcssを１つまとめよう！でも開発するときは細かくしてても大丈夫だからね！最後に１つにするのは本番化前にassets precompileをterminalで打ってくれれば１つにするよ！」
ということをやってくれるものです。

じゃあどのファイルを一つにまとめるの？
っていう疑問になるのですがapp/assets/stylesheets に入っているファイルは全部precompileされます。
（設定で書き換えられます）
なので、app/assets/stylesheets のファイルにまとめて書いちゃえば問題無いです！
レスポンシブにするときもファイルを分けて書こうが、１つのファイルに纏めて書いちゃおうが、どっちにしてもassets precompileするときに１つになるのでどっちでもいいとおもいますよ！

Answer 2

使用しているscssファイルの中で下記のように
スマホの場合のcssを書けばレスポンシブにできますよ。

@media only screen and (max-width: 768px) {
 // スマホの場合のcss
}

Answer 3

Bourbon & Neat はいかがでしょうか。Refills に素敵な例があります、殆どコピペで使えます。

bourbon