Furatto tertulia

631 views

Published on

Introduction to the mobile first framework called furatto.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
631
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Furatto tertulia

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

×