是否有 Ruby on Rails 布局/css 存档?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/623523/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Is there a Ruby on Rails layouts/css archive?
提问by dimus
Does anybody know a place with a bunch of Ruby On Rails Layouts/CSS combinations? I am starting new applications and would like to give them different look, but I am not a designer, so I would love to use someone's else free layouts/css for starters.
有人知道有一堆 Ruby On Rails 布局/CSS 组合的地方吗?我正在开始新的应用程序,并希望给它们不同的外观,但我不是设计师,所以我很乐意使用其他人的免费布局/css 作为初学者。
采纳答案by atmorell
You should definitely take a look at yamlIt is a CSS framework with default settings for all HTML elements. (remember to include default_content.css) The good thing about yaml is that you don't need to hack your CSS/HTML to death to make it look good in all browsers. Yaml has all the hacks and tweaks included. Use the yaml builderto set up your columns etc.
你绝对应该看看yaml它是一个 CSS 框架,所有 HTML 元素都有默认设置。(记得包含 default_content.css) yaml 的好处是你不需要把你的 CSS/HTML 破解到死,让它在所有浏览器中看起来都很好。Yaml 包含了所有的技巧和调整。使用yaml builder来设置你的列等。
Best regards. Asbj?rn Morell.
此致。Asbj?rn 莫雷尔。
回答by Aymeric Gaurat-Apelli
Check out Twitter Bootstrapa html/css/javascript framework fro web apps.
查看Twitter Bootstrap一个用于 Web 应用程序的 html/css/javascript 框架。
回答by jaaronfarr
There's nothing special about CSS for Ruby on Rails and layouts tend to be so application specific that you're unlikely to see much advantage in reuse across different applications. However, there are some tools that might help for the non-designer programmer.
Ruby on Rails 的 CSS 没有什么特别之处,而且布局往往是特定于应用程序的,因此您不太可能看到在不同应用程序之间重用的优势。但是,有一些工具可能对非设计师程序员有所帮助。
Some people like hamland sassas an alternative to erb templates. Personally, I prefer to stick to erb than learn a different template markup language.
有些人喜欢haml和sass作为 erb 模板的替代品。就个人而言,我更喜欢坚持使用 erb,而不是学习不同的模板标记语言。
Blueprint CSSis an excellent grid-based CSS/layout starter kit. I use it for many sites these days. There are other"CSS frameworks" that you might want to investigate.
Blueprint CSS是一个优秀的基于网格的 CSS/布局初学者工具包。这些天我在许多网站上使用它。还有其他的“CSS框架”,你可能需要调查。
And honestly, you can take any free design templateand modify it for Ruby on Rails if you can find something you like and fits the layout of your application.
老实说,如果你能找到你喜欢的并且适合你的应用程序布局的东西,你可以使用任何免费的设计模板并为 Ruby on Rails 修改它。
Good luck.
祝你好运。
回答by Irukandji
Maybe you can use a widget plugin. This plugin helps you to build Tabnav, navigations menu, progression bar and so on...
也许您可以使用小部件插件。该插件可帮助您构建 Tabnav、导航菜单、进度条等...
Have a look at this presentation: http://www.slideshare.net/paolo.dona/rails-widgets-by-paolo-dona-at-railstoitaly?src=embed
看看这个演示文稿:http: //www.slideshare.net/paolo.dona/rails-widgets-by-paolo-dona-at-railstoitaly?src= embed
and this is the official plog page: http://blog.seesaw.it/
这是官方 plog 页面:http: //blog.seesaw.it/
回答by Allan Grant
I stumbled onto this question while searching for this type Rails css archive. It CAN be done, and I think it should be.
我在搜索这种类型的 Rails css 存档时偶然发现了这个问题。可以做到,而且我认为应该做到。
It would be awesome if there was a site for sharing css layouts specifically for styling Rails sites. The layouts could style form fields, set a color scheme, set fonts, styles, baseline grids -- all this stuff is not application specific. Some layouts might even offer different commonly used UI configurations (Basecamp-style top nav, sidebars, etc) that could be easily used form the application.
如果有一个专门为 Rails 站点设计样式的 css 布局共享站点,那就太棒了。布局可以设置表单字段的样式、设置配色方案、设置字体、样式、基线网格——所有这些都不是特定于应用程序的。一些布局甚至可能提供不同的常用 UI 配置(Basecamp 风格的顶部导航、侧边栏等),可以轻松地从应用程序中使用。
It would be even better if there was a place for SASS layouts, since they could offer mixins without littering the main css files with stuff until it's used. It would also be cool if there were also Formtastic form style sheets.
如果有一个放置 SASS 布局的地方会更好,因为它们可以提供 mixin,而不会在使用之前在主要 css 文件中乱扔东西。如果还有 Formtastic 表单样式表也很酷。
Anyone else think a site like this should exist? How would you like it to work?
还有人认为应该存在这样的网站吗?您希望它如何工作?
If you want to start a site like this together, drop me a message.
如果您想一起创建这样的网站,请给我留言。
回答by Alkindi
Several people here are saying that there is nothing specific about Rails templates, and that is correct. What people, and I am guessing the questioner, refer to is the look and feel that many if not most of Rails apps have. This may have grown out of imitating 37 signal designs, and their emphasis on simplicity without looking cheap as expressed in this http://37signals.com/design
这里有几个人说 Rails 模板没有什么特别的,这是正确的。人们,我猜是提问者,所指的是许多(如果不是大多数)Rails 应用程序所具有的外观和感觉。这可能源于模仿 37 种信号设计,并且他们强调简单而不显得廉价,如http://37signals.com/design 中所述
So, if anybody has links to such designs/templates, please provide the links.
因此,如果有人有此类设计/模板的链接,请提供链接。
回答by Anthony Panozzo
If you are have a Rails 3 app and are looking for pre-made layouts or themes for your app, check out http://railsthemes.com. There are a bunch of templates for purchase, and as of yesterday, some free themes as well. (Full disclosure: I am part of the team working on RailsThemes.)
如果您有一个 Rails 3 应用程序并且正在为您的应用程序寻找预制布局或主题,请查看http://railsthemes.com。有一堆模板可供购买,截至昨天,还有一些免费主题。(完全披露:我是 RailsThemes 团队的一员。)
回答by user14169
There are plenty of free templates sites, or open source designs, but they are usually not designed for applications (there are a few but they'll often need customisation)
有很多免费模板站点或开源设计,但它们通常不是为应用程序设计的(有一些,但它们通常需要定制)
to start up with new projects, I love to use templates form themeforest http://themeforest.net/usually around 10-20$ so it's not free, but it's yours, no need to leave copyrights notice.
要开始新项目,我喜欢使用来自 themeforest http://themeforest.net/ 的模板,价格 通常在 10-20 美元左右,所以它不是免费的,但它是你的,无需留下版权通知。
the templates on themeforest almost always include fancy jQuery animations, they can be removed if you prefer prototype.
themeforest 上的模板几乎总是包含精美的 jQuery 动画,如果您喜欢原型,可以将它们删除。
Helpers like paolo donna's widgets will help, but you really need some basic knowledge of HTML and CSS to get results, I think the hard part is to create from scratch, but once you understand basic formatting and document structure it ain't that hard.
像 paolo donna 的小部件这样的助手会有所帮助,但是您确实需要一些 HTML 和 CSS 的基本知识才能获得结果,我认为困难的部分是从头开始创建,但是一旦您了解了基本的格式和文档结构,就没有那么难了。
anyway you really need to understand html and css to use javascript (ajax, effects, behaviors..)
无论如何,您确实需要了解 html 和 css 才能使用 javascript(ajax、效果、行为......)
回答by dimus
StreamlinedRails plugin is another way of easing user interface generation.
StreamlinedRails 插件是另一种简化用户界面生成的方式。
Screenshots and description of the plugin can be found at Rails Insideand in the 'Java Kicks Ruby In The What Now'article
插件的屏幕截图和描述可以在Rails Inside和“Java Kicks Ruby In The What Now”文章中找到
回答by Telemachus
It's not exactly what you're asking for, but the ActiveScaffoldplugin provides a fair amount of pre-fab look and behavior. It's useful if you want to throw up something quickly that you feel comfortable showing to people before the actual styling gets done by a designer (or by you at a later stage of development).
这并不完全是您所要求的,但ActiveScaffold插件提供了大量的预制外观和行为。如果您想在设计师(或您在开发的后期阶段)完成实际样式之前快速抛出一些您觉得很舒服的东西向人们展示,那么这很有用。