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
350
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
52
Dein Produkt braucht nicht mehr Technik, sondern mehr Produkt
youngbrioche
3
510
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
youngbrioche
0
46
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
250
Other Decks in Programming
See All in Programming
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
250
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
900
釣り地図SNSにおける有料機能の実装
nokonoko1203
0
200
なんでRustの環境構築してないのにRust製のツールが動くの? / Why Do Rust-Based Tools Run Without a Rust Environment?
ssssota
14
46k
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
240
Six and a half ridiculous things to do with Quarkus
hollycummins
0
210
モテるデスク環境
mozumasu
3
1.3k
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
uma31
0
410
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
190
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
12
7.2k
開発組織の戦略的な役割と 設計スキル向上の効果
masuda220
PRO
9
1.6k
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
190
Featured
See All Featured
Music & Morning Musume
bryan
46
6.9k
Documentation Writing (for coders)
carmenintech
75
5.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
930
RailsConf 2023
tenderlove
30
1.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Build your cross-platform service in a week with App Engine
jlugia
233
18k
Mobile First: as difficult as doing things right
swwweet
225
10k
Faster Mobile Websites
deanohume
310
31k
Typedesign – Prime Four
hannesfritz
42
2.8k
How to Ace a Technical Interview
jacobian
280
24k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
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 ?