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

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 ATTITUDE
Janne 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 don't tell a story. Build a prototype in no time.
- Foundation by Zurb
Janne 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 it
Janne 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! @JanneGylling
Janne Gylling
http://www.jannegylling.fi
01/2013