Prototyping with Bootstrap

  • 1,891 views
Uploaded on

Fast prototyping with Twitter Bootstrap - design faster and more responsive way

Fast prototyping with Twitter Bootstrap - design faster and more responsive way

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,891
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. PROTOTYPING with BOOTSTRAP Janne Gylling / www.jannegylling.fi
  • 2. I have been building websites for over 15 years. I have never seen myself as a coder, but more as a designer who must know the code. I created my very own responsive css-grid, way before I have heard about frameworks. And when I was introduced into Twitter Bootstrap - it was love at first sight. It has all the good stuff I was needing. So, this is a love story. Love for code. Love for not-to-code.Janne Gylling / www.jannegylling.fi
  • 3. Responsive Web Design (RWD) is probably the best thing to happen to webdesign since the birth of internet. Idea that let us create better user experiences. And frameworks like Bootstrap allows prototype anything in a blink of an eye.Janne Gylling / www.jannegylling.fi
  • 4. Wireframes are for technical people. And I am a designer. And I hate Comic Sans.Janne Gylling / www.jannegylling.fi
  • 5. USING THE FRAMEWORKS IS ABOUT ATTITUDEJanne Gylling / www.jannegylling.fi
  • 6. Prototyping with Bootstrap has given me a possibility to forget Photoshop as a main creative tool. And the more I create with it - the more cool interactions and visual stuff I have always ”ready to use” for any given job. Bootstrap saves my time. ”No more need to PSD to HTML”Janne Gylling / www.jannegylling.fi
  • 7. Rapid Prototyping Mockups dont tell a story. Build a prototype in no time. - Foundation by ZurbJanne Gylling / www.jannegylling.fi
  • 8. WHY I LIKE BOOTSTRAP? container row span12 span6 span6 1. I can use the same class names in every project span4 2. I can re-use cool stuff I have created span4 span4 3. It saves my time /row /container 4. Anyone can understand the logic 5. I can do anything with itJanne Gylling / www.jannegylling.fi
  • 9. Time to re-think the goals. • Is CSS the most important thing in the whole project? • If you could use all that time for something better? • More Service Design and User Experience - Less about the code!Janne Gylling / www.jannegylling.fi
  • 10. Do more stuff. Give people something to talk about.Janne Gylling / www.jannegylling.fi
  • 11. JUST DO IT FASTER.Janne Gylling / www.jannegylling.fi
  • 12. Follow Me at Twitter! @JanneGyllingJanne Gylling http://www.jannegylling.fi 01/2013