Convert PSD to Twitter Bootstrap

1
PSD to Twitter Bootstrap
Build your design with a Twitter Bootstrap theme
2
What is Twitter Bootstrap?

• Bootstrap is a powerful front-end framework for
  faster and easier web development. It includes
  HTML and CSS based design templates for common
  user interface components like Typography, Forms,
  Buttons, Tables, Navigations, Dropdowns, Alerts,
  Modals, Tabs, Accordion, Carousel and many other
  as well as optional JavaScript extensions.
• Bootstrap also gives you ability to create
  responsive layout with much less efforts. You
  should take care of many things while converting
  PSD to Twitter Bootstrap.

3
Why Twitter Bootstrap?

• Save Time
• With Bootstrap, the first thing you do is cash in
  on a lot of time. The Bootstrap libraries offer
  readymade pieces of code that can pump life into
  a website. A web developer doesnt have to spend
  time laboriously working out and writing code,
  but simply find the right piece and fit it into
  the structure theyre working on. In addition to
  this, a lot of the styling and design aspects are
  already taken care of, since the CSS is built
  with LESS.
• Customizable
• A great aspect of Bootstrap is that you can make
  it your own. You can sit down and rummage through
  the whole framework and keep what you need and
  ditch what you dont. The whole point of
  Bootstrap is that it lets you factor in your own
  needs and tailor your development project
  accordingly. This is the main reason many
  developers feel some tools are completely useless
  on the Bootstrap while others revere the same.

4

• Consistency
• One of the main reasons this toolset was
  developed was because Twitter was seeing big
  inconsistencies between developers working on
  their projects. This caused some issues both on
  the development front and the end-user front.
  Since it works with a central set of development
  code, Bootstraps results are uniform across
  platforms. Youll see the same thing on Internet
  Explorer, Chrome and Firefox.
• Responsiveness
• Bootstrap is Responsive. If you shift from a
  laptop to an iPad and from an iPad to a Mac you
  wont have to fret over your work. Bootstrap
  adapts to the change in platforms with super
  speed and efficiency.

5

• Future Compatibility
• Bootstrap comes equipped with many elements that
  are being considered the future of design itself.
  For instance both HTML5 and CSS3 are things that
  are going to be big in the future. Since the
  framework takes into account the future of design
  and development, it has the potential to become a
  yardstick for web developers in the years to
  come.
• Platform Agnostic
• While it might seem like magic, its just CSS and
  JavaScript. You dont have to learn anything new,
  just plug it into the head of the document and
  all of its magnificent power will suddenly
  become available. Just in case things werent
  easy enough, you can get a Compass version of
  Bootstrap if you prefer SASS to LESS, there are
  Bootstrap packages like this one for .NET and, of
  course, a WordPress plugin.

6
Thank you.