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
350

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
54
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
46
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
Module Harmony
Avatar for petamoriken / 森建 petamoriken
2
500
Vueで学ぶデータ構造入門 リンクリストとキューでリアクティビティを捉える / Vue Data Structures: Linked Lists and Queues for Reactivity
Avatar for konkarin konkarin
1
320
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
Avatar for Kazuhiko Yamashita pyama86
2
2.3k
自動テストのアーキテクチャとその理由ー大規模ゲーム開発の場合ー
Avatar for SEGADevTech segadevtech
2
1k
Duke on CRaC with Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
150
Promise.tryで実現する新しいエラーハンドリング New error handling with Promise try
Avatar for おおいし bicstone
3
750
モビリティSaaSにおけるデータ利活用の発展
Avatar for Nealle nealle
0
560
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
Avatar for dachi023 dachi023
1
110
AIの弱点、やっぱりプログラミングは人間が(も)勉強しよう / YAPC AI and Programming
Avatar for Naoki Kishida kishida
10
5.2k
CSC509 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
AI駆動開発ライフサイクル(AI-DLC)のホワイトペーパーを解説
Avatar for Yasutomo Hariu swxhariu5
0
1.2k
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session
Avatar for izumin5210 izumin5210
4
1.9k

Featured

See All Featured
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.3k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
340
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k

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 ?