Furatto tertulia
0 likes814 views
This document introduces Furatto, a framework for developing responsive websites. It provides common elements like buttons and navigation out of the box. Furatto uses a small grid system and supports features for flexible development. The document recommends using Furatto with Sass and an automated workflow like Grunt, and provides best practices for extending rather than bending the framework.
Furatto tertulia
- 1. Furatto A GUIDE FOR BETTER DEVELOPMENT @kurenn
- 2. Responsive websites today are hard to develop, is like
- 4. We build for many screen sizes
- 5. 480px240px 540px 600px 320px 900px768px 960px 1024px 1280px px
- 6. And then we have the tech stack and many solutions
- 7. GitSASS HAML LESS VIM BoilerplateBrowser CSS Co鍖eescript HTML jQuery
- 8. There is just much out there.
- 9. Thats why I built my own framework Furatto http://icalialabs.github.io/furatto/
- 10. Its just a start point to You are the one who craft the software
- 11. 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
- 12. So whats the big deal
- 14. Gives you the 鍖exibility to easily extend ! functionality as much as you desire
- 16. Before you start 界看糸庄稼乙
- 17. Use it with SASS
- 18. Setup an automated work鍖ow http://gruntjs.com/
- 19. Read the f%&$* manual http://icalialabs.github.io/furatto/
- 20. A bit of best practices
- 21. Dont go crazy and add a ! .button class to a div
- 22. Use the columns inside rows
- 23. Dont use col-12 inside a row, it is not really necessary
- 24. Use rows to separate content
- 25. Dont use <br> tags
- 27. Dont bend Furatto, extend it
- 28. ThankYou