CSSのサンプルがあるサイトを教えて下さい

Question

Railsで簡易なWebサイトを作成しています。
しかし、CSSの知識が乏しいため、デザイン的にいまひとつとなっております。

社内で利用するWebサイトであるため、デザインセンスのある、クールなデザインでない方が良いのですが、少しくらいは見栄えよくしたいと思っています。

１から自前でCSSを書き出すのは流石に効率が悪いと思いますので、Web上に公開されているCSSのサンプルを、そのまま、丸ごと参考にして利用しようと思っています。
そこで、お薦めのサイトがありましたら、教えて頂けませんでしょうか。
よろしくお願いします。

Comments

[yoshinavi]

＞CSSの知識が乏しいため、デザイン的にいまひとつとなっております。
→　CSSは「装飾」を担当する部分ですが、そのデザインはCSSで再現可能なのでしょうか？
CSS3で大きくデザインが広がりましたが、ブラウザに依存する部分が大きく、各ブラウザで見映えが変わることもあり、フォトショやGIMP等のソフトでないと難しいデザインは現在でも多々あります。

可能であれば、具体例があると、良いかと思います。

[pyon_kiti_jp]

自社で利用する、簡易な管理システムですので、こったデザインは不要になります。
イメージすると、↓の商品検索に近いUIを作りたいと思っています。
https://rails.densan-labs.net/form/search_form.html

[yoshinavi]

なるほどですね。これであれば、CSSだけで対応可能ですし、1から作ってもよさそうな気はします。
（個人的な感想です）

[pyon_kiti_jp]

そうですか、ありがとうございます。

Answer 1

CSSフレームワークを導入し、そこで公開されているようなテーマを利用すると良いでしょう。
例：
BootStrap themes
Materialize themes

中にはスターターキットのような簡易テンプレートがついているものもありますし、
そこから自身のサイトの要件にあわせて作り変えていくと良いですね。

仰っているように1から自前で興すことは余程のことがない限りやりません。

※ただしフレームワークを基盤とするとしても、自身が思ったように作るためには基本となるCSSの知識や技術は一定以上必要です。

Comments

[yoshinavi]

そうですね。ある程度の知識等ないと、かえって混乱するでしょうね。

Answer 2

どういうのがほしいのかわかりませんけど
私が愛用してるのはここです

CSSリファレンス