Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Bootstrapping & Boilerplating
Search
Robert Glaser
May 02, 2012
Programming
9
330
Bootstrapping & Boilerplating
Using Twitter Bootstrap the Right Way
Robert Glaser
May 02, 2012
Tweet
Share
More Decks by Robert Glaser
See All by Robert Glaser
Dein Produkt braucht nicht mehr Technik, sondern mehr Produkt
mrreynolds
3
500
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
mrreynolds
0
37
Stop flying blind. Profiling your App's Internals.
mrreynolds
3
490
Travis CI
mrreynolds
4
300
Modern Web Development with Ruby on Rails
mrreynolds
2
300
Rails Engines. Doing It Wrong. And Then Right.
mrreynolds
6
240
Other Decks in Programming
See All in Programming
Our Websites Need a Lifestyle Change, Not a Diet
ryantownsend
0
150
unique パッケージから学ぶ interning と weak reference @ Asakusa.go#3
karamaru
2
820
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
540
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
9
2.4k
上手に付き合うコンポーネントテスト
quramy
1
250
実践!難読化ガイド
mitchan
0
250
Kotlin 2.0が与えるAndroid開発の進化
masayukisuda
1
420
What is Parser
yui_knk
9
4.2k
rbs-inlineを導入してYARDからRBSに移行する
euglena1215
1
300
API Platform for Laravel
dunglas
1
720
あなたのアプリ、ログはでてますか?あるいはログをだしてますか? (Funabashi.dev用 軽量版)
uzulla
2
130
Prolog入門
qnighy
4
1k
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Building an army of robots
kneath
302
42k
Building Adaptive Systems
keathley
36
2.1k
KATA
mclloyd
27
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
401
65k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
230
17k
Code Review Best Practice
trishagee
62
16k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Happy Clients
brianwarren
96
6.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
Building Flexible Design Systems
yeseniaperezcruz
325
38k
GraphQLとの向き合い方2022年版
quramy
43
13k
Transcript
BOOTSTRAPPING BOILERPLATING using twitter bootstrap the right way
two scenarios
you are building a public app you got designers (hopefully)
you are building an internal app
your app looks like sh_t
why?
sticking with a prototype no designers available „no time“
„NO TIME“ is no excuse
users will still use your app
but HATE you
the LEAST you can do
use a framework care for your user interface (more than
for your code)
THERE ARE SOME twitter bootstrap foundation
twitter BOOTSTRAP
None
use their grid it works, it‘s easy and tested rolling
your own does not work, is not easy and untested
concrete blocks don‘t reinvent
typography makes a difference
None
None
None
forms pretty by default
structure content avoid the toilet paper roll
fixed top navbar useful for apps
alerts you always need them
sidebars useful for utility functions
be RESPONSIVE
None
None
avoid SAMIFICATION
None
find YOUR OWN TONE (at least for public apps)
None
find web fonts avoid styled components restyle components
None
don‘t reinvent the wheel (or the grid)
use INTEGRATION TOOLS
SIMPLEFORM FOR RAILS with bootstrap support
None
None
None
THOUGHTS ?