Twitter bootstrap

1,771 views

Published on

introduce twitter bootstrap on gzruby meeting

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

  • Be the first to like this

No Downloads
Views
Total views
1,771
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Twitter bootstrap

    1. 1. Twitter Bootstrap --- beautify your rails app beansmile.com
    2. 2. Whathttp://twitter.github.com/bootstrap/
    3. 3. WhyReason #1: Rich Features
    4. 4. WhyReason #2: Popularity
    5. 5. WhyReason #3: well integrated into rails(3.1 and above)with lesswith sass
    6. 6. Howhttp://railscasts.com/
    7. 7. gemfile Howgenerator
    8. 8. Less Codebefore: 24 lines, 559 characters
    9. 9. Less Codetwitter bootstrap & simple_formhttp://simple-form.plataformatec.com.br/#installation/twitter-bootstrap
    10. 10. Less Codewith simple_form 13 lines, 313 characters 46% less 44% less
    11. 11. Even Less with Haml http://haml-lang.com/ 10 lines, 247 characters 23% less 21% lessTotal: 58% less 56% less
    12. 12. More Infohttp://www.eyecon.ro/bootstrap-datepicker/
    13. 13. More InfoIf you don’t need responsive design,and want 940px instead of 1170px widthbootstrap_and_overrides.css.less
    14. 14. Resourcesbootswatch: free themeshttp://bootswatch.com/
    15. 15. WhoNASAhttp://code.nasa.gov/project/RailsAdminhttps://github.com/sferik/rails_adminruby-chinahttp://ruby-china.organd many more...
    16. 16. Question?

    ×