• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Twitter bootstrap
 

Twitter bootstrap

on

  • 1,891 views

introduce twitter bootstrap on gzruby meeting

introduce twitter bootstrap on gzruby meeting

Statistics

Views

Total Views
1,891
Views on SlideShare
1,891
Embed Views
0

Actions

Likes
0
Downloads
27
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Twitter bootstrap Twitter bootstrap Presentation Transcript

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