簡體 English 中英

Rails 布局/css 存檔上有 Ruby 嗎？

[英]Is there a Ruby on Rails layouts/css archive?

原文 2009-03-08 12:48:50 1 14 ruby-on-rails/ ruby/ layout/ css

有人知道有一堆 Ruby On Rails Layouts/CSS 組合的地方嗎？ 我正在啟動新的應用程序並希望給它們不同的外觀，但我不是設計師，所以我很想使用別人的免費布局/css 作為初學者。

14 個解決方案

查看 Twitter 從 web 應用程序引導html/css/javascript 框架。

你絕對應該看看yaml它是一個 CSS 框架，所有 HTML 元素的默認設置。 （記得包括 default_content.css） yaml 的好處是你不需要為了讓它在所有瀏覽器中都好看而死掉你的 CSS/HTML。 Yaml 包含所有黑客和調整。 使用yaml 構建器來設置您的列等。

此致。 阿斯比約恩·莫雷爾。

CSS for Ruby on Rails 並沒有什么特別之處，而且布局往往是特定於應用程序的，因此您不太可能在不同應用程序中看到重用的優勢。 但是，有一些工具可能對非設計師程序員有所幫助。

有些人喜歡haml和sass作為 erb 模板的替代品。 就個人而言，我更喜歡堅持使用 erb，而不是學習不同的模板標記語言。

Blueprint CSS是一款出色的基於網格的 CSS/布局入門套件。 這些天我在很多網站上都使用它。 您可能還想研究其他“CSS 框架”。

老實說，如果你能找到你喜歡的東西並適合你的應用程序的布局，你可以使用任何免費的設計模板並將其修改為 Ruby on Rails。

祝你好運。

我在搜索這種類型的 Rails css 檔案時偶然發現了這個問題。 這是可以做到的，我認為應該這樣做。

如果有一個專門用於樣式化 Rails 站點的共享 css 布局的站點，那就太棒了。 布局可以設置表單字段的樣式，設置顏色方案，設置 fonts、styles、基線網格——所有這些東西都不是特定於應用程序的。 一些布局甚至可能提供不同的常用 UI 配置（Basecamp 風格的頂部導航、側邊欄等），這些配置可以很容易地從應用程序中使用。

如果有一個 SASS 布局的位置會更好，因為它們可以提供 mixins 而不會在主要 css 文件中亂扔東西，直到它被使用。 如果還有 Formtastic 表單樣式表也會很酷。

其他人認為應該存在這樣的網站嗎？ 您希望它如何工作？

如果您想一起創建這樣的網站，請給我留言。

也許您可以使用小部件插件。 該插件可幫助您構建 Tabnav、導航菜單、進度條等...

看看這個演示文稿： http://www.slideshare.net/paolo.dona/rails-widgets-by-paolo-dona-at-railstoitaly?src=embed

這是官方博客頁面： http://blog.seesaw.it/

這里有幾個人說 Rails 模板沒有什么特別的，這是正確的。 人們，我猜是提問者，指的是許多（如果不是大多數）Rails 應用程序所具有的外觀和感覺。 這可能源於對 37 種信號設計的模仿，它們強調簡單而不顯得廉價，如此http://37signals.com/design

因此，如果有人有此類設計/模板的鏈接，請提供鏈接。

如果您有 Rails 3 應用程序並且正在為您的應用程序尋找預制布局或主題，請查看http://railsthemes.com 。 有很多模板可供購買，截至昨天，還有一些免費主題。 （完全披露：我是 RailsThemes 團隊的一員。）

這並不完全符合您的要求，但ActiveScaffold插件提供了相當多的預制外觀和行為。 如果您想在設計師（或您在開發的后期階段）完成實際樣式之前快速拋出一些您覺得很舒服的東西展示給人們，這很有用。

有很多免費模板網站或開源設計，但它們通常不是為應用程序設計的（有一些，但它們通常需要定制）

themeforest 上的模板幾乎總是包含精美的 jQuery 動畫，如果您更喜歡原型，可以將其刪除。

像 paolo donna 的小部件這樣的助手會有所幫助，但是您確實需要一些 HTML 和 CSS 的基本知識才能獲得結果，我認為困難的部分是從頭開始創建，但是一旦您了解了基本的格式和文檔結構，這並不難。

無論如何，您確實需要了解 html 和 css 才能使用 javascript （ajax，效果，行為..）

Streamlined Rails 插件是另一種簡化用戶界面生成的方法。

該插件的屏幕截圖和描述可以在Rails Inside和 “Java Kicks Ruby In The What Now”文章中找到

我開發了一個名為 {rails}strap 的 Rails 就緒主題。 您可以使用它節省大量開發人員的時間。

CSS 很容易。 只需找到您喜歡的站點並下載其 css 文件即可。 要找出頁面上的哪些元素對應於哪些 css 類使用 firebug 的檢查功能。

您可以做的另一件事是找到一個您喜歡的開源 Rails 應用程序，然后查看那里的視圖和 css。

這個問題不是一個好問題。 Ruby on Rails 是一個編程框架。 您可以在其上創建各種不同類型的應用程序。 您可以創建 craigslist 類型的應用程序、類似 ebay 的應用程序、像 amazon.com 這樣的購物車系統，甚至是像 Google 這樣的搜索引擎。 您不能真正為 Rails 應用程序上的 ruby 設計模板。

相反，您希望提出以下兩個問題之一：

1) Rails 應用程序上是否有開源 Ruby

或者

2) 我正計划使用 XYZ 開源 Rails 應用程序（例如錯字或野獸或狂歡）...有人知道它的設計模板嗎？

當您制作 Rails 應用程序時，您自己編寫所有 HTML。 Rails 特定的模板沒有什么特別的。