Your SlideShare is downloading. ×
  • Like
Furatto tertulia
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply
Published

Introduction to the mobile first framework called furatto.

Introduction to the mobile first framework called furatto.

Published in Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
218
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Furatto A GUIDE FOR BETTER DEVELOPMENT @kurenn
  • 2. Responsive websites today are hard to develop, is like…
  • 3. We build for many screen sizes…
  • 4. 480px240px 540px 600px 320px 900px768px 960px 1024px 1280px ∞px
  • 5. And then we have the tech stack and many solutions…
  • 6. GitSASS HAML LESS VIM BoilerplateBrowser CSS Coffeescript HTML jQuery
  • 7. There is just much out there….
  • 8. That’s why I built my own framework… Furatto http://icalialabs.github.io/furatto/
  • 9. It’s just a start point to… You are the one who craft the software
  • 10. 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…
  • 11. So what’s the big deal…
  • 12. + DEVELOP & BUILD
  • 13. Gives you the flexibility to easily extend ! functionality as much as you desire
  • 14. Before you start coding…
  • 15. Use it with SASS
  • 16. Setup an automated workflow http://gruntjs.com/
  • 17. Read the f%&$* manual http://icalialabs.github.io/furatto/
  • 18. A bit of best practices…
  • 19. Don’t go crazy and add a ! .button class to a div
  • 20. Use the columns inside rows
  • 21. Don’t use col-12 inside a row, it is not really necessary
  • 22. Use rows to separate content
  • 23. Don’t use <br> tags
  • 24. Follow the source
  • 25. Don’t bend Furatto, extend it
  • 26. ThankYou
  • 27. http://icalialabs.github.io/furatto/ http://sass-lang.com/ http://compass-style.org/ http://gruntjs.com/