Successfully reported this slideshow.
Your SlideShare is downloading.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Bootstrap
Why We Keep Talking About It
The Web Before Bootstrap
Kind of ugly unless you tried
really hard.
Berkshire Hathaway’s CURRENT site.
Reddit
● Generic Verdana font
● Generic HTML Dropdowns
● Not the coolest looking Navbar
● If you want to do better, it req...
We Need A Framework
Mark Otto Jacob Thornton
Because...
By letting bootstrap take care of the basics it
gives you more time to think about styles that
are specific to ...
Consistent Style Guide
● Good looking typography
● Good looking HTML form elements
● Good looking spacing and structure
● ...
Bootstrap Sites
http://www.sfarts.org/
https://robinhood.com/
How to get Bootstrap
● getbootstrap.com
● bootswatch.com
● Google “bootstrap themes”
How to use Bootstrap
Simple!
Include it with the rest of your CSS files!
What can Bootstrap do?
● Grid format
● Responsiveness built in
● Consistent, great style
● Use CSS preprocessors (SASS/LES...
When should I use it?
Simple, easy-to-access websites
Prototyping
How about not using it?
- When you want a very unique we...
BOOTSTRAP IS AWESOME
You should use it!
Upcoming SlideShare
Loading in …5
×
  • Be the first to comment

  • Be the first to like this

Bootstrap Lightning Talk

  1. 1. Bootstrap Why We Keep Talking About It
  2. 2. The Web Before Bootstrap Kind of ugly unless you tried really hard.
  3. 3. Berkshire Hathaway’s CURRENT site.
  4. 4. Reddit ● Generic Verdana font ● Generic HTML Dropdowns ● Not the coolest looking Navbar ● If you want to do better, it requires a lot of work.
  5. 5. We Need A Framework Mark Otto Jacob Thornton
  6. 6. Because... By letting bootstrap take care of the basics it gives you more time to think about styles that are specific to your application
  7. 7. Consistent Style Guide ● Good looking typography ● Good looking HTML form elements ● Good looking spacing and structure ● Good looking icons simple modifications like this make users lives easier, which is almost always a good thing.
  8. 8. Bootstrap Sites http://www.sfarts.org/ https://robinhood.com/
  9. 9. How to get Bootstrap ● getbootstrap.com ● bootswatch.com ● Google “bootstrap themes”
  10. 10. How to use Bootstrap Simple! Include it with the rest of your CSS files!
  11. 11. What can Bootstrap do? ● Grid format ● Responsiveness built in ● Consistent, great style ● Use CSS preprocessors (SASS/LESS)
  12. 12. When should I use it? Simple, easy-to-access websites Prototyping How about not using it? - When you want a very unique website
  13. 13. BOOTSTRAP IS AWESOME You should use it!

    Be the first to comment

    Login to see the comments

Presentation on why you would want to use Boostrap when your starting a web project. Presented for the University Of Oregon Web Dev Club.

Views

Total views

617

On Slideshare

0

From embeds

0

Number of embeds

31

Actions

Downloads

4

Shares

0

Comments

0

Likes

0

×