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
490
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
mrreynolds
0
35
Stop flying blind. Profiling your App's Internals.
mrreynolds
3
480
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
230
Other Decks in Programming
See All in Programming
TypeScriptでもLLMアプリケーション開発 / LLM Application In Typescript
rkaga
2
920
Effectで作る堅牢でスケーラブルなAPIゲートウェイ / Robust and Scalable API Gateway Built on Effect
yasaichi
5
770
Criando a Woovi em uma semana
daniloab
0
110
Powerfully Typed TypeScript
euxn23
2
570
TCAとKMPを用いた新規動画配信アプリ 「ABEMA Live」の設計
tomu28
2
130
Timeline エディター拡張入門
yucchiy
0
370
Direct Style Effect Systems The Print[A] ExampleA Comprehension Aid
philipschwarz
PRO
0
350
TypeScriptのパフォーマンス改善
yajihum
7
2.9k
“Seeing Like a Programmer”—Resiliency, Limits, and Moral Hazards in Software Engineering (LambdaConf 2024)
chriskrycho
0
370
slow types ってなんだろう?
karad
0
190
JavaScript Closure
asoluka
0
1.6k
Inner Source@DB: Eine Geschichte über Open-Source-Praktiken im DB Konzern
morl99
1
100
Featured
See All Featured
Music & Morning Musume
bryan
41
5.6k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
The Pragmatic Product Professional
lauravandoore
26
5.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
21
1.6k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
66
14k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Navigating Team Friction
lara
179
13k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
123
39k
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 ?