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