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
41
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
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
220
Comparing decimals in Swift Testing
417_72ki
0
110
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
710
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
6.9k
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
310
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
750
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
Understanding Kotlin Multiplatform
l2hyunwoo
0
230
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
120
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
160
slogパッケージの深掘り
integral0515
0
160
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
350
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
The Language of Interfaces
destraynor
158
25k
Bash Introduction
62gerente
613
210k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
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 ?