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

Bootstrapping & Boilerplating

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Robert Glaser Robert Glaser
May 02, 2012
Programming
360
9

Bootstrapping & Boilerplating

Using Twitter Bootstrap the Right Way

Avatar for Robert Glaser

Robert Glaser

May 02, 2012

More Decks by Robert Glaser

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

Other Decks in Programming

See All in Programming
AWS re：Invent 2025の少し振り返り ＋ DevOps AgentとBacklogを連携させてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
3
170
感情を設計する
Avatar for nakamichi ichimichi
5
1.5k
The Less-Told Story of Socket Timeouts
Avatar for Misaki Shioi(塩井美咲/しおい) coe401_
3
470
SkillがSkillを生む：QA観点出しを自動化した
Avatar for sontixyou sontixyou
6
3.4k
AWSコミュニティ活動は顧客のクラウド推進に効くのか / Do AWS community activities help customers adopt the cloud?
Avatar for shiro seike seike460
PRO
0
150
Programming with a DJ Controller — not vibe coding
Avatar for seki at druby.org m_seki
3
140
ふりがな Deep Dive try! Swift Tokyo 2026
Avatar for watura watura
0
230
Back to the roots of date
Avatar for jinroq jinroq
0
270
AI時代のエンジニアリングの原則 / Engineering Principles in the AI ​​Era
Avatar for haru860 haru860
0
510
YJITとZJITにはイカなる違いがあるのか？
Avatar for yamanao nakiym
0
220
ドメインイベントでビジネスロジックを解きほぐす #phpcon_odawara
Avatar for Takuma Kajikawa kajitack
3
790
How Swift's Type System Guides AI Agents
Avatar for Yuta Koshizawa koher
0
290

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.1k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
1.2k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
7
1.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 ?