我已经做了大约6年的网络开发.我想回到它,那里有很多新的东西.我选择用Perl和Catalyst编写我的下一个项目.
我一直听说各种JavaScript和CSS框架.我对这些框架知之甚少,所以这个问题可能过于宽泛和开放.
各种框架的优点,缺点和受欢迎程度是什么?我应该使用YUI,JQuery,还是其他什么?
我正在寻找拥有所有常见css最佳实践的CSS库.
例如块中心样式:
.block-center {
margin-left : auto;
margin-right : auto;
}
<div class="myClass block-center" />
Run Code Online (Sandbox Code Playgroud)
我想将这样的库作为单独的css文件分发,我可以在我的项目中添加和使用它.
我正在使用Zurb Css框架,如基础文档中所述.zurb.com/docs/forms.php 我使用了与下面提供的相同的代码
<label for="customDropdown">Dropdown Label</label>
<select style="display:none;" id="customDropdown">
<option SELECTED>This is a dropdown</option>
<option>This is another option</option>
<option>Look, a third option</option>
</select>
<div class="custom dropdown">
<a href="#" class="current">This is a dropdown</a>
<a href="#" class="selector"></a>
<ul>
<li>This is a dropdown</li>
<li>This is another option</li>
<li>Look, a third option</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
但我看不到任何下拉,上面的代码是从他们的网站上复制粘贴的.
谢谢.
我已经使用他们的gem在我的Rails项目中安装了基础并运行以下两个命令:
rails g foundation:install
rails g foundation:layout
Run Code Online (Sandbox Code Playgroud)
一切似乎都很好用,很好的CSS标记和网格布局.但是,我的单选按钮和复选框看起来没什么不同.描述单选按钮和复选框的页面显示:"一旦初始化(它们指的jquery.foundation.forms.js是自动包含在每个Rails页面中),它将查找任何复选框,单选按钮或选择元素,并将其替换为Foundation提供的自定义标记风格."
但我的单选按钮和复选框看起来很标准,而不像上面示例页面上的漂亮按钮和复选框.他们建议display: none;在输入上设置一些自定义标记,以避免闪光从正常到基础按钮/复选框.这没有用.我甚至从他们的示例网页复制并粘贴到我的网页!仍然没有运气!我错过了什么吗?
我正在使用Rails 3.2.8
ruby-on-rails css-frameworks ruby-on-rails-3 ruby-on-rails-3.2 zurb-foundation
我想出了几个固定宽度的CSS框架,如960px GS和网格生成器.我发现它们的问题是它们的固定宽度.虽然它在普通屏幕上效果最好,但是我可以得到或者有人帮助我使用可用屏幕的整个宽度的CSS框架.没有列,排水沟宽度等因素并不多.
提前致谢.:)
我正在构建一个基于Grails技术的新WebSite.
关于我的网站的图形设计,我计划使用来自专业网页设计师的服务,但同时,我需要自己做一些基本的图形设计,以便拥有一个"用户友好的"测试版.
我已经阅读了stackoverflow.com网站,但无法下定决心.以下是我发现的: 你如何选择一个css-framework 什么是最好的css-grid-framework 可以 - 有人推荐一个铃声和口哨-css-框架 什么是最好的CSS框架,他们是值得的努力
但不幸的是,有许多矛盾的答案.首先,有人说使用CSS框架是向后创作而不是好事.其他建议YUI Grids,BluePrint,960 gs,YAML ......许多人说Compass允许轻松开发CSS布局并可重复使用.
所以考虑到:
你有什么建议我开始使用我的网站的网页设计?
谢谢你的建议.
法比恩
你在Rails 3.1中使用哪个框架?
我基本上想要一套标准的mixins,比如渐变和圆角等,但也许还有其他一些我不知道的框架的优点.
您能否推荐一个与Rails 3.1一起使用的框架,以涵盖我将简化和标准化样式表开发所需的大部分内容
我正在尝试使用Zurb的Foundation 3.他们的一个特点是称为轨道滑块,我试图用它.但我收到此错误,还有一个错误,
未捕获的ReferenceError:未定义jQuery
未捕获类型错误:对象[对象对象]没有方法'轨道'
这是我的代码:
html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mama's Kitchen</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/app.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/foundation.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/foundation.min.css" />
<script type="text/javascript" src="javascripts/modernizr.foundation.js"></script>
<script type="text/javascript" src="javascripts/app.js"></script>
<script type="text/javascript" src="javascripts/foundation.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.accordion.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.alerts.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.buttons.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.forms.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.mediaQueryToggle.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.navigation.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.orbit.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.reveal.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.tabs.js"></script>
<script type="text/javascript" src="javascripts/jquery.foundation.tooltips.js"></script>
<script type="text/javascript" src="javascripts/jquery.js"></script>
<script type="text/javascript" src="javascripts/jquery.placeholder.js"></script>
<script …Run Code Online (Sandbox Code Playgroud) 我发现这个 css框架,遗憾的是,它缺乏像Twitter bootstrap那样的gem支持.
所以我下载了他们的sass源并尝试集成到rails资产管道,尽管有错误.
Undefined variable: "$button-height".
(in /app/assets/stylesheets/components/_buttons.scss:4)
Run Code Online (Sandbox Code Playgroud)
或者我应该把它放入/ lib文件夹?
我的问题是:如何使用rails 4.2安装此框架?