Furatto

轻量级和友好的前端框架来完成工作。(Lightweight & friendly front-end framework to get job done.)

Github星跟踪图

Furatto 是一个轻量级和友好的前端框架,使用它可轻松完成工作。它是由来自Icalia Labs 的Abraham Kuri创建并维护的。

无论您使用的是Scss还是CSS,启动项目和完成任务并非常简单。 真没时间… 您可以下载Furatto,也可以通过Bower安装。

Furatto的特点:

使用Sass&Compass构建。

Furatto是在Sass开发的,它是一种CSS元语言,可以帮助您编写更干净、更优雅的CSS,以便在没有纯CSS的头痛的情况下,更容易维护。 它还集成了Compass,以提供更干净的CSS3规则。
深入CSS
这是最容易上手的方法。CSS版本将让你进入hacking开始编码,无论是简单的还是复杂的网站。
构建应用程序
作为Rails的开发者,Icalia Labs在Furatto之上建立了前端。 为了使生活变得更轻松,我们提供了一个与Rails完美集成的 gem。 您可以参照指南。 官方正在开发不同框架的入门套件

主要指标

概览
名称与所有者IcaliaLabs/furatto
主编程语言CSS
编程语言JavaScript (语言数: 4)
平台
许可证MIT License
所有者活动
创建于2013-07-12 21:32:07
推送于2018-01-18 18:06:37
最后一次提交2018-01-18 12:06:36
发布数8
最新版本名称v3.1.0 (发布于 2014-10-22 16:46:18)
第一版名称v1.0.1 (发布于 2013-07-24 17:26:55)
用户参与
星数838
关注者数64
派生数109
提交数726
已启用问题?
问题数84
打开的问题数7
拉请求数22
打开的拉请求数0
关闭的拉请求数7
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?

Furatto

Gitter
Code Climate
Issue Count

Furatto is a lightweight & friendly front-end framework got get the job done, created and maintained by Abraham Kuri from Icalia Labs.

To get started, checkout:

http://icalialabs.github.io/furatto/

Table of contents

Quick start

Using Furatto is extremely easy, we've provided three quick start options:

  • Download the latest release.
  • Clone the repo: git clone git@github.com:IcaliaLabs/furatto.git.
  • Install via bower: bower install furatto.

We recommend you read the Getting started guide for information about the contents, caveats and more.

Bug tracker & feature request

Have a bug or a feature request? Please open a new issue. Before opening any issue, please search for existing issues.

We recommend you to read the version milestiones if you feel like want to collaborate.

Documentation

Furatto's documentation is built using Jekyll and publish thorugh Github pages at http://icalialabs.github.io/furatto/. You should be able to run them locally.

Running documentation locally

  1. You need to install Jekyll or run bundle install
  2. From the root of the project furatto/ run jekyll serve --watch from the command line, this way if you change any file jekyll will generate that for you.
  3. Open http://localhost:9001/furatto and you are good to go.

Jekyll is a great way to work with static pages, we definitely recommend you take a look at the documentation.

Old documentation

We still provide support for version 1 and 2 as it is a big change from one to another, you can visit the old docs V1 and V2.

We encourage you to migrate to version 3 as is a more stable, friendly and extendable version.

Compiling CSS and JavaScript

Furatto V3 now uses Grunt to compile all the Sass code and start working with the framework. Before getting started you need to add the necessary dependencies:

Installing Grunt

From the command line:

  1. Install grunt-cli globally with npm install -g grunt-cli.
  2. Navigate to the root /furatto directory, then run npm install. npm will look at package.json and automatically install the necessary local dependencies listed there.

If you need to install npm, or you are not quite sure what it is, here is a quick link for you to get started. NPM

Available Grunt tasks

Some of the grunt tasks are:

Build - grunt

This task will build the whole framework, which means, sass compilation, coffeescript compilation, dist directory creation, compression of files and more.

Workflow

We have a very useful workflow to work with Furatto and Grunt:

  1. Run jekyll serve --watch from the command line on the root folder furatto/
  2. In another terminal run grunt watch, which will be pending of any change on any coffeescript or sass file. It will compile everything up and deliver it to Jekyll, which by receiving the change will regenerate the necessary files.

We also include livereload to reload when the watch task is over, for more info refer to the our Gruntfile

Using Rails?

A gem to integrate with Furatto is well maintain by @kurenn, this will help you start coding your front end right away. Here is the gem

Contributing

Please submit all pull requests against a separate branch. Please follow the standard for naming the variables, mixins, etc.

In case you are wondering what to attack, we hnow have a milestone with the version to work, some fixes and refactors. Feel free to start one.

Thanks!

Community

Keep track of new feautres, development issues and community news.

Using Furatto?

We will love to hear wheter you are using Furatto for testing, prototyping or online sites, checkout who is in already here

Heroes

Abraham Kuri

Code and documentation copyright 2013-2014 Icalia Labs. Code released under the MIT license.