RESPONSIVEWEB DESIGN WITH BOOTSTRAP   Jason Stehle @jasonstehle
WHAT IS RESPONSIVE WEB DESIGN? Responsive Web Design is a way to make a website or webapplication work well on devices of ...
WHAT IS IT MADE FROM?             CSS3 Media Queriesdvsd-ysd { i.ieb-ie   fot lf;    la: et   wdh 4.3101755;    it: 896722...
BENEFITS OF RESPONSIVE WEB DESIGN     One codebase     Better experience across screen sizes     No more m.*.com     Bette...
DRAWBACKS OF RESPONSIVE WEB DESIGNMore complexityMore testingMobile performance considerations (images, excesscontent, etc...
WHO USES RESPONSIVE WEB DESIGN?      Microsoft, Boston Globe, etc.                Follow @rwd
WHAT IS BOOTSTRAP?       Grid system, useful styles, component library.*I have been informed by a hipster that it should n...
WHY DO I USE BOOTSTRAP?I am not a particularly talented front-end developerI am not a particularly talented visual designe...
DRAWBACKS OF BOOTSTRAPEverythings going to look like default Bootstrap.             So buy a theme, theyre like 20 bucks.
AND NOW, SOME CODE
Upcoming SlideShare
Loading in...5
×

Responsive Web Design with Bootstrap

1,855

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,855
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
58
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive Web Design with Bootstrap

  1. 1. RESPONSIVEWEB DESIGN WITH BOOTSTRAP Jason Stehle @jasonstehle
  2. 2. WHAT IS RESPONSIVE WEB DESIGN? Responsive Web Design is a way to make a website or webapplication work well on devices of different shapes and sizes.
  3. 3. WHAT IS IT MADE FROM? CSS3 Media Queriesdvsd-ysd { i.ieb-ie fot lf; la: et wdh 4.3101755; it: 89672269%}@ei (a-it:77x { mda mxwdh 6p) dvsd-ysd { i.ieb-ie fot nn; la: oe wdh 10; it: 0% }}
  4. 4. BENEFITS OF RESPONSIVE WEB DESIGN One codebase Better experience across screen sizes No more m.*.com Better future proofing
  5. 5. DRAWBACKS OF RESPONSIVE WEB DESIGNMore complexityMore testingMobile performance considerations (images, excesscontent, etc.)Legacy browser compatibility (Can I Use)
  6. 6. WHO USES RESPONSIVE WEB DESIGN? Microsoft, Boston Globe, etc. Follow @rwd
  7. 7. WHAT IS BOOTSTRAP? Grid system, useful styles, component library.*I have been informed by a hipster that it should not be referred to as "Twitter Bootstrap"
  8. 8. WHY DO I USE BOOTSTRAP?I am not a particularly talented front-end developerI am not a particularly talented visual designerGood for building a passable UI quicklyI have deadlinesI can use it how I wantIt has the "critical mass"It has an ecosystem (builtwithbootstrap, bootswatch,wrapbootstrap, jetstrap, divshot)Its (mostly) well documented
  9. 9. DRAWBACKS OF BOOTSTRAPEverythings going to look like default Bootstrap. So buy a theme, theyre like 20 bucks.
  10. 10. AND NOW, SOME CODE
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×