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

Bootstrapping & Boilerplating

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
86
Dein Produkt braucht nicht mehr Technik, sondern mehr Produkt
Avatar for Robert Glaser youngbrioche
3
530
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
Avatar for Robert Glaser youngbrioche
0
65
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
330
Rails Engines. Doing It Wrong. And Then Right.
Avatar for Robert Glaser youngbrioche
6
280

Other Decks in Programming

See All in Programming
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
Avatar for tk3fftk tk3fftk
5
600
The NotImplementedError Problem in Ruby
Avatar for Koichi ITO koic
1
530
AI時代のUIはどこへ行く？その2！
Avatar for Yusuke Wada yusukebe
19
6.6k
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
180
AutonomyとControlのあいだ：Graflowで記述するAIエージェント協調
Avatar for Makoto Yui myui
0
100
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
Avatar for Kazuhiko Yamashita pyama86
3
1.8k
AIとASP.NET Coreで雑Webアプリを作った話
Avatar for Mayuki Sawatari mayuki
0
270
JavaDoc 再入門
Avatar for nagise nagise
0
270
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
Avatar for Yuku Kotani yukukotani
3
2.6k
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
2.2k
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
Avatar for TOMIKAWA Sotaro ssssota
3
2k
dRuby over BLE
Avatar for makicamel makicamel
2
300

Featured

See All Featured
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.3k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.9k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
480
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
210
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
HDC tutorial
Avatar for Michiel Stock michielstock
2
690

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 ?