Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Bootstrapping & Boilerplating

Avatar for Robert Glaser Robert Glaser
May 02, 2012
Programming
9
340

Bootstrapping & Boilerplating

Using Twitter Bootstrap the Right Way
Avatar for Robert Glaser

Robert Glaser

May 02, 2012
Tweet

More Decks by Robert Glaser

See All by Robert Glaser
RAG: The Architecture of Reliable AI
Avatar for Robert Glaser youngbrioche
0
29
Dein Produkt braucht nicht mehr Technik, sondern mehr Produkt
Avatar for Robert Glaser youngbrioche
3
510
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
Avatar for Robert Glaser youngbrioche
0
45
Stop flying blind. Profiling your App's Internals.
Avatar for Robert Glaser youngbrioche
3
500
Travis CI
Avatar for Robert Glaser youngbrioche
4
310
Modern Web Development with Ruby on Rails
Avatar for Robert Glaser youngbrioche
2
310
Rails Engines. Doing It Wrong. And Then Right.
Avatar for Robert Glaser youngbrioche
6
250

Other Decks in Programming

See All in Programming
エンジニアが挑む、限界までの越境
Avatar for Nealle nealle
1
310
2025-04-25 GitHub Copilot Agent ライブデモ（スクリプト）
Avatar for GOAMI Takaaki goataka
0
100
REALITY コマンド作成チュートリアル
Avatar for にしうり らく nishiuriraku
0
120
The New Developer Workflow: How AI Transforms Ideas into Code
Avatar for Daniel Sogl danielsogl
0
100
flutter_kaigi_mini_4.pdf
Avatar for Hiroki Nobuta nobu74658
0
140
GitHub Copilot for Azureを使い倒したい
Avatar for Kento.Yamada ymd65536
1
310
Memory API : Patterns, Performance et Cas d'Utilisation
Avatar for José josepaumard
1
170
AI時代の開発者評価について
Avatar for Ayuusu ayumuu
0
230
The Evolution of the CRuby Build System
Avatar for Yuta Saito kateinoigakukun
1
760
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
Avatar for MinoDriven minodriven
8
1.9k
Creating Awesome Change in SmartNews! En
Avatar for Ikuo Suyama martin_lover
0
110
API for docs
Avatar for Soutaro Matsumoto soutaro
3
1.6k

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
75
5.8k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
230
18k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.7k
Navigating Team Friction
Avatar for Lara Hogan lara
185
15k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
20k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
344
40k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k

Transcript

  1. BOOTSTRAPPING BOILERPLATING using twitter bootstrap the right way

  2. two scenarios

  3. you are building a public app you got designers (hopefully)

  4. you are building an internal app

  5. your app looks like sh_t

  6. why?

  7. sticking with a prototype no designers available „no time“

  8. „NO TIME“ is no excuse

  9. users will still use your app

  10. but HATE you

  11. the LEAST you can do

  12. use a framework care for your user interface (more than

    for your code)

  13. THERE ARE SOME twitter bootstrap foundation

  14. twitter BOOTSTRAP

  15. None

  16. use their grid it works, it‘s easy and tested rolling

    your own does not work, is not easy and untested

  17. concrete blocks don‘t reinvent

  18. typography makes a difference

  19. None
  20. None
  21. None

  22. forms pretty by default

  23. structure content avoid the toilet paper roll

  24. fixed top navbar useful for apps

  25. alerts you always need them

  26. sidebars useful for utility functions

  27. be RESPONSIVE

  28. None
  29. None

  30. avoid SAMIFICATION

  31. None

  32. find YOUR OWN TONE (at least for public apps)

  33. None

  34. find web fonts avoid styled components restyle components

  35. None

  36. don‘t reinvent the wheel (or the grid)

  37. use INTEGRATION TOOLS

  38. SIMPLEFORM FOR RAILS with bootstrap support

  39. None
  40. None
  41. None

  42. THOUGHTS ?