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
360

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
66
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
51
Stop flying blind. Profiling your App's Internals.
Avatar for Robert Glaser youngbrioche
3
500
Travis CI
Avatar for Robert Glaser youngbrioche
4
320
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
260

Other Decks in Programming

See All in Programming
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
440
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
720
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
470
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
4
140
PC-6001でPSG曲を鳴らすまでを全部NetBSD上の Makefile に押し込んでみた / osc2025hiroshima
Avatar for Izumi Tsutsui tsutsui
0
210
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
180
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
Avatar for kazuhiro hara karad
0
140
Claude Codeの「Compacting Conversation」を体感50%減！ CLAUDE.md + 8 Skills で挑むコンテキスト管理術
Avatar for Kazuki Murahama kmurahama
1
740
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 2
Avatar for Philip Schwarz philipschwarz
PRO
0
140
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
0
490
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
470
脳の「省エネモード」をデバッグする ～System 1（直感）と System 2（論理）の切り替え～
Avatar for HideyukiKitao panda728
PRO
0
130

Featured

See All Featured
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
39
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
230
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
210
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
270
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
280
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
410
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
600
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.5k

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 ?