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
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
640
Drawing Heighway’s Dragon- Recursive Function Rewrite- From Imperative Style in Pascal 64 To Functional Style in Scala 3
philipschwarz
PRO
0
110
Ça bouge du côté des animations CSS !
goetter
2
160
Amazon Bedrockマルチエージェントコラボレーションを諦めてLangGraphに入門してみた
akihisaikeda
1
150
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
PRレビューのお供にDanger
stoticdev
1
240
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
160
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
150
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.8k
CDKを使ったPagerDuty連携インフラのテンプレート化
shibuya_shogo
0
110
Swift Testingのモチベを上げたい
stoticdev
2
150
技術を改善し続ける
gumioji
0
170
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
521
39k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
The Invisible Side of Design
smashingmag
299
50k
Rails Girls Zürich Keynote
gr2m
94
13k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
For a Future-Friendly Web
brad_frost
176
9.6k
Automating Front-end Workflow
addyosmani
1369
200k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
440
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 ?