Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building with Twitter Bootstrap

Building with Twitter Bootstrap

Slides from Webshaped.fi 2012 conference talk: "Building with Twitter Bootstrap"

Less than a year, Twitter Bootstrap has taken over the frontend world and currently is the most popular open source project on Github. In the talk we dive in to the principles of using Bootstrap effectively in your design and development process - and how not use it.

Additional resources:
http://blog.kippt.com/2012/04/26/building-with-bootstrap/
http://webshaped.fi/speakers#karrisaarinen

Karri Saarinen

May 17, 2012
Tweet

More Decks by Karri Saarinen

Other Decks in Technology

Transcript

  1. Twitter Bootstrap: Started about 1,5 years ago by @mdo &

    @fat from Twitter 28,000 watchers & 2000 forks on Github
  2. “Seeing a default Bootstrap “theme” site makes me leave it

    right away because I feel the person doesn’t care about what they are doing” - Paul Scrivens
  3. 2) Without LESS + Downloading the .css and including it

    takes 2 minutes Customize by overwriting the styles
  4. New Kippt landing page: 1: <link href="bootstrap.css" rel="stylesheet"> 2: Grab/write

    the markup 3: <link href="landing.scss" rel="stylesheet">
  5. <i class=”icon-search”></i> .icon-search { background:url(icons.png) 0 40px no-repeat; } If

    you can, use your own. You can still bene t from the convention:
  6. “We need a dropdown” Everyone and their mother has a

    dropdown implementation. Which one should I use?