标签: css-frameworks

JavaScript框架和CSS框架:JQuery,YUI,还是其他什么?

我已经做了大约6年的网络开发.我想回到它,那里有很多新的东西.我选择用Perl和Catalyst编写我的下一个项目.

我一直听说各种JavaScript和CSS框架.我对这些框架知之甚少,所以这个问题可能过于宽泛和开放.

各种框架的优点,缺点和受欢迎程度是什么?我应该使用YUI,JQuery,还是其他什么?

javascript jquery yui css-frameworks javascript-framework

4
推荐指数
1
解决办法
1960
查看次数

有没有常见的CSS库?

我正在寻找拥有所有常见css最佳实践的CSS库.

例如块中心样式:

.block-center {
   margin-left : auto;
   margin-right : auto;
}

<div class="myClass block-center" />
Run Code Online (Sandbox Code Playgroud)

我想将这样的库作为单独的css文件分发,我可以在我的项目中添加和使用它.

css css-frameworks

3
推荐指数
1
解决办法
2771
查看次数

IE友好的CSS框架

我需要一个与Internet Explorer友好的CSS框架.它还需要与jQuery兼容(通过兼容,我的意思是很好地工作).

我需要能够基于布局设计轻松创建网站.我知道这是一个非常难以理解的问题,但我只是在设置网站的简单布局时,我更喜欢服务器端编程.

我已经尝试过Blueprint CSS并成功创建了它,但它正在弄乱我的jQuery或Spark JS.所以蓝图对我来说是不行的.

css internet-explorer css-frameworks cascade-framework

3
推荐指数
1
解决办法
4786
查看次数

Zurb 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)

但我看不到任何下拉,上面的代码是从他们的网站上复制粘贴的.

谢谢.

css-frameworks zurb-foundation drop-down-menu

3
推荐指数
1
解决办法
2897
查看次数

Zurb Foundation单选按钮和复选框在Rails中不起作用

我已经使用他们的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

3
推荐指数
1
解决办法
2969
查看次数

全屏宽CSS框架,可加快设计速度

我想出了几个固定宽度的CSS框架,如960px GS和网格生成器.我发现它们的问题是它们的固定宽度.虽然它在普通屏幕上效果最好,但是我可以得到或者有人帮助我使用可用屏幕的整个宽度的CSS框架.没有列,排水沟宽度等因素并不多.

提前致谢.:)

css styles css-frameworks width

3
推荐指数
1
解决办法
1303
查看次数

启动网页设计需要哪些CSS工具(框架,网格系统,IDE,...)?

我正在构建一个基于Grails技术的新WebSite.

关于我的网站的图形设计,我计划使用来自专业网页设计师的服务,但同时,我需要自己做一些基本的图形设计,以便拥有一个"用户友好的"测试版.

我已经阅读了stackoverflow.com网站,但无法下定决心.以下是我发现的: 你如何选择一个css-framework 什么是最好的css-grid-framework 可以 - 有人推荐一个铃声和口哨-css-框架 什么是最好的CSS框架,他们是值得的努力

但不幸的是,有许多矛盾的答案.首先,有人说使用CSS框架是向后创作而不是好事.其他建议YUI Grids,BluePrint,960 gs,YAML ......许多人说Compass允许轻松开发CSS布局并可重复使用.

所以考虑到:

  • 我是CSS世界的新手,我不打算成为一名网页设计师
  • 我的布局应该是用户友好的(但不是必要的令人敬畏的L&F)
  • 它应该是可维护的并且易于改进(由专业的网页设计师提供)
  • 易于实施(为了快速获得一些东西)

你有什么建议我开始使用我的网站的网页设计?

谢谢你的建议.

法比恩

css grails css-frameworks

2
推荐指数
1
解决办法
1944
查看次数

Rails 3.1中的CSS框架

你在Rails 3.1中使用哪个框架?

我基本上想要一套标准的mixins,比如渐变和圆角等,但也许还有其他一些我不知道的框架的优点.

您能否推荐一个与Rails 3.1一起使用的框架,以涵盖我将简化和标准化样式表开发所需的大部分内容

css ruby-on-rails sass css-frameworks ruby-on-rails-3.1

2
推荐指数
1
解决办法
2595
查看次数

类型错误:没有名为orbit的对象

我正在尝试使用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 jquery css-frameworks

1
推荐指数
1
解决办法
1833
查看次数

materializecss框架rails 4.2集成

我发现这个 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安装此框架?

ruby-on-rails css-frameworks asset-pipeline ruby-on-rails-4

1
推荐指数
2
解决办法
3678
查看次数