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
45
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
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
Avatar for Tomoki Kobayashi temoki
0
270
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
430
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
Avatar for Takumi Abe east_takumi
0
380
CJK and Unicode From a PHP Committer
Avatar for てきめん tekimen youkidearitai
PRO
0
110
Tool Catalog Agent for Bedrock AgentCore Gateway
Avatar for matsukada licux
6
2k
HTMLの品質ってなんだっけ？ “HTMLクライテリア”の設計と実践
Avatar for una unachang113
4
2.4k
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
Avatar for NakamuraTakumi nyatinte
7
1.1k
複雑なドメインに挑む.pdf
Avatar for Yuki Sakai yukisakai1225
5
1k
速いWebフレームワークを作る
Avatar for Yusuke Wada yusukebe
5
1.7k
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
Avatar for JaiChangPark itsmedreamwalker
0
140
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
Avatar for Tomoya Miwa tomoya0x00
0
270
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
660

Featured

See All Featured
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
30
9.6k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k

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 ?