Bootstrapping & Boilerplating

Using Twitter Bootstrap the Right Way

Transcript

1. BOOTSTRAPPING BOILERPLATING using twitter bootstrap the right way
2. two scenarios
3. you are building a public app you got designers (hopefully)
4. you are building an internal app
5. your app looks like sh_t
6. why?
7. sticking with a prototype no designers available „no time“
8. „NO TIME“ is no excuse
9. users will still use your app
10. but HATE you
11. the LEAST you can do
12. use a framework care for your user interface (more than for your code)
13. THERE ARE SOME twitter bootstrap foundation
14. twitter BOOTSTRAP
16. use their grid it works, it‘s easy and tested rolling your own does not work, is not easy and untested
17. concrete blocks don‘t reinvent
18. typography makes a difference
22. forms pretty by default
23. structure content avoid the toilet paper roll
24. fixed top navbar useful for apps
25. alerts you always need them
26. sidebars useful for utility functions
27. be RESPONSIVE
30. avoid SAMIFICATION
32. find YOUR OWN TONE (at least for public apps)
34. find web fonts avoid styled components restyle components
36. don‘t reinvent the wheel (or the grid)
37. use INTEGRATION TOOLS
38. SIMPLEFORM FOR RAILS with bootstrap support
42. THOUGHTS ?