FurattoA GUIDE FOR BETTER DEVELOPMENT

@kurenn

Responsive websites today are hard to develop, is like…

We build for many screen sizes…

480px240px540px 600px

320px

900px768px 960px

1024px 1280px∞px

And then we have the tech stack and many solutions…

GitSASSHAML LESS

VIM

BoilerplateBrowser CSS

Coffeescript HTMLjQuery

There is just much out there….

That’s why I built my own framework…

Furattohttp://icalialabs.github.io/furatto/

It’s just a start point to…

You are the one who craft the software

Just out of the box…

A reset for your html markup

A set of common elements, buttons, navigation…

A small, neat grid…

Edge features for the wild people…

So what’s the big deal…

+

DEVELOP & BUILD

Gives you the flexibility to easily extend !functionality as much as you desire

Before you start coding…

Use it with SASS

Setup an automated workflow

http://gruntjs.com/

Read the f%&$* manual

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

A bit of best practices…

Don’t go crazy and add a !.button class to a div

Use the columns inside rows

Don’t use col-12 inside a row, it is not really necessary

Use rows to separate content

Don’t use <br> tags

Follow the source

Don’t bend Furatto, extend it

Thank You

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

http://sass-lang.com/

http://compass-style.org/

http://gruntjs.com/