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
AI Agent 時代的開發者生存指南
eddie
4
2.1k
contribution to astral-sh/uv
shunsock
0
540
SODA - FACT BOOK(JP)
sodainc
1
8.8k
CSC509 Lecture 06
javiergs
PRO
0
270
Devoxx BE - Local Development in the AI Era
kdubois
0
140
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
910
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
12
7.2k
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
330
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
550
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
190
Writing Better Go: Lessons from 10 Code Reviews
konradreiche
3
6.8k
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
140
Featured
See All Featured
The Invisible Side of Design
smashingmag
302
51k
Scaling GitHub
holman
463
140k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
YesSQL, Process and Tooling at Scale
rocio
173
15k
Why Our Code Smells
bkeepers
PRO
340
57k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Embracing the Ebb and Flow
colly
88
4.9k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Become a Pro
speakerdeck
PRO
29
5.6k
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 ?