首页 文章

使用zurb基础的混淆

提问于
浏览
1

在编写了我自己的响应式设计的许多项目之后,我对它有点厌倦,在研究了流行的响应式框架之后决定与Zurb Foundation合作 .

首先我去了css准备下载 . 然后我尝试使用GEM,在我试图找出自己的东西时遇到了一些阻力 . 似乎文档没有解释足够的场景,它们只是原始文档 .

首先我想念的是搜索所有类以快速找到解释,类似于jquery的网站 .

许多谷歌搜索和阅读弄清楚我需要在Windows上安装红宝石 . 然后我终于认为我的网络服务器也需要安装ruby,但是发现SASS只是一个预处理器,所以它只能帮助我编写和维护更好的代码:)

以下是一些其他问题,我只是无法弄清楚,没有搜索谷歌的每件事:

1)我已经配置了Dreamweaver来打开.scss文件 . 然后每天我正在开发,我需要打开ruby-console,导航到项目目录并放入:罗盘 Watch . 现在每次我保存每个修改(所以我可以测试我的浏览器),Dreamweaver弹出消息框:“文件已经在Dreamweaver之外修改,...你想保存..blabla” - 非常非常enoying

2)app.scss只包含很多@import语句 . _settings.scss保存代码我可以更改默认外观(这是我使用gem的主要原因,因为不是SASS大师) . 我应该取消注释一些声明并将其更改为我在_settings.scss中的需求,并且在我成功更新zurb后,我将丢失所有这些更改:gem update zurb-foundation?如果是这样,创建一个包含我所有覆盖的新scss是否更好?

3)如何创建新的.scss文件,该文件应该覆盖_settings.scss监听的一些默认值 .

4)我应该覆盖app.css或_settings.scss

5)当更改顶栏链接悬停颜色时,为什么不应用这些?示例:$ topbar-link-color-hover:#fff; (_settings.scss)

6)创建后我的项目中没有/ img或/ images文件夹 . 因此,我自己创建了一个“/ images”

7)任何在基础4上购买的书籍都有很多最佳实践和教程???

我很抱歉,但老实说,似乎有很多时间花在学习zurb的基础知识上 . 我在c项目中有很多经验,如移动和桌面网络项目,所以我真的不喜欢新手,但它几乎就像我推动购买支持

1 回答

  • 3

    首先,我首先要说的是,如果您是框架新手,请尝试使用Twitter-Bootstrap等更多文档 . 但是,既然您决定使用基金会,那么您的问题就是答案 .

    1)设置指南针将文件写入Dreamweaver不看的另一个目录 . 在本地开发时,使用像Charles Proxy这样的代理在文件中进行代理 . 这将摆脱你想要保存此文件消息的烦人 . 在将应用程序部署到本地之外的某个位置之前,将SCSS文件的编译作为构建过程的一部分 .

    2)是的,app.scss包含所有import语句 . 如果你正在寻找原始速度,你可能想要评论一些,只是fyi . 在覆盖方面,您可以做的一件事是使用在其他文件中提供给您的Mixins . 例如,Button.scss有一些很棒的按钮mixins,你不仅可以创建自己的天赋,还可以继承大部分的基本功能 . 另一件事,如果您注意到所有变量都具有!default . 这意味着如果在其他地方声明它们(首先读取导入变量),将覆盖默认值 .

    3)只需创建文件并在_settings.scss之前将其添加为导入

    4)app.scss对基础的所有部分都有大量的进口,有些是你最有可能使用的,有些可能不是 .

    5)需要看到这个编译的CSS,我的猜测虽然没有看到任何东西是你错过了一个变量 .

    6)创建它是因为Compass正在寻找它?除非您计划使用图像或创建精灵(罗盘可以创建精灵,这是真棒),您只需在config.rb中注释或删除它 .

    7)没见过 . 与Bootstrap相比,基金会此时的社区要少得多 . 然而,你可以通过研究SASS和SCSS来获得一席之地,在那一部分还有更多可用的东西 .

相关问题