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
340
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
RAG: The Architecture of Reliable AI
youngbrioche
0
23
Dein Produkt braucht nicht mehr Technik, sondern mehr Produkt
youngbrioche
3
510
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
youngbrioche
0
42
Stop flying blind. Profiling your App's Internals.
youngbrioche
3
500
Travis CI
youngbrioche
4
310
Modern Web Development with Ruby on Rails
youngbrioche
2
310
Rails Engines. Doing It Wrong. And Then Right.
youngbrioche
6
240
Other Decks in Programming
See All in Programming
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
310
「個人開発マネタイズ大全」が教えてくれたこと
bani24884
1
200
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
54
19k
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
150
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
250
Domain-Driven Transformation
hschwentner
2
1.9k
CI改善もDatadogとともに
taumu
0
200
推しメソッドsource_locationのしくみを探る - はじめてRubyのコードを読んでみた
nobu09
2
290
仕様変更に耐えるための"今の"DRY原則を考える
mkmk884
9
3.2k
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.2k
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1k
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
170
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Scaling GitHub
holman
459
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Optimizing for Happiness
mojombo
376
70k
Facilitating Awesome Meetings
lara
52
6.2k
GitHub's CSS Performance
jonrohan
1030
460k
A better future with KSS
kneath
238
17k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Typedesign – Prime Four
hannesfritz
40
2.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
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 ?