The Daily Web

Developer stories, quotes and links by @vestimir

Follow @thedailyweb

#twitter bootstrap

Twitter Bootstrap Edition

Today Twitter released Bootstrap 2.0 - the new and highly anticipated version of their popular frontend framework by Mark Otto and Jacob Thornton. After its release in 2011 Bootstrap gained a lot of attention among the developers and not long ago its repository became the most watched open source project on Github.
By popular demand version 2.0 includes new responsive grid, huge icon pack and lots of new components, like nav lists, enhanced drop-down buttons, accordion, carousel and all-directions tabs.  
We dedicate this issue of The Daily Web to Bootstrap, as one of the most useful open source projects for web development in the past couple of years, helping hundreds of web developers to kickstart their apps. 
  1. Upgrade notes for those of you who use version 1.4
    http://twitter.github.com/bootstrap/upgrading.html
  2. An unofficial gallery of sites built with Twitter Bootstrap. 
    http://builtwithbootstrap.com/
  3. SASS implementation of Bootstrap (still for 1.4)
    https://github.com/jlong/sass-twitter-bootstrap
  4. How to integrate Bootstrap with Rails 3.1
    http://rubysource.com/twitter-bootstrap-less-and-sass-understanding-your-options-for-rails-3-1/
  5. Formtastic and Tabulous implementation with Bootstrap
    http://rubysource.com/too-good-to-be-true-twitter-bootstrap-meets-formtastic-and-tabulous/

  1. Another Nettuts article from the series for web APIs.
    http://net.tutsplus.com/articles/the-principles-of-web-api-usage/
  2. Collection of javascript patterns and code snippets.
    http://shichuan.github.com/javascript-patterns/
  3. And yet again we post a Twitter Bootstrap article. This one explores the depths of The Grid. 
    http://webdesign.tutsplus.com/tutorials/complete-websites/twitter-bootstrap-101-the-grid/
  4. Auto-detect CC type in your form.
    http://webstandardssherpa.com/reviews/auto-detecting-credit-card-type/
  5. What to do next, and how to improve yourself. Web-wise. 
    http://thinkvitamin.com/web-industry/climbing-the-ladder-in-the-web-industry/

  1. As the technology evolves, so does the design process. Mobile first, responsive and touch designs are the main themes of this post. 
    http://uxdesign.smashingmagazine.com/2012/01/17/designing-well-tempered-web/
  2. A study on the tel links. Best practices and tips for linking to a telephone number in your site/app. 
    http://bradfrostweb.com/blog/mobile/a-tel-tale-sign/
  3. Mark Otto shares the creative process behind the development of Twitter Bootstrap. 
    http://www.alistapart.com/articles/building-twitter-bootstrap/
  4. We love Twitter Bootstrap, so this is a helpful utility for kickstart development and customization with the awesome Twitter framework. 
    http://www.martinbean.co.uk/bootstrap-generator/
  5. Gem for Ruby to integrate the Cambelt placeholder service.
    https://github.com/cambelt/cambelt-ruby