Stop using Bootstrap please! - Davide Di Pumpo - Codemotion Milan 2016
1 like715 views
The document discusses the use of Bootstrap in web development, highlighting its simplicity and speed, while also critiquing its limitations and potential drawbacks. It covers various chapters addressing topics such as accessibility, CSS optimization, JavaScript plugins, and the importance of avoiding false myths associated with Bootstrap. The author argues for more thoughtful implementation practices and alternatives to Bootstrap's rigid patterns to enhance web design and user experience.
Stop using Bootstrap please! - Davide Di Pumpo - Codemotion Milan 2016
- 2. Wh a I?
- 3. David D Pump Creative Technologit Digital Architect at Coorganizer Makheth on: , , I like Cat, Drink, Comic and Videogame... Ojectwa Milano Frontend Twitter Githu Internet
- 4. Le ' tar Meaow!
- 5. Prologue urve m !!!
- 7. D o lik uh ?
- 8. om of o , wil hat m !
- 9. Wh d I d tha ?
- 10. D o rememer th uh lid fro earlier?
- 12. Or no ol ?
- 15. Twitter lueprin an o
- 16. Doe Twitter u Twitter oottrap? Internall, we ue it in a lot of application. On Twitter.com, ou can nd it and piece in our dropdown menu, form, and utton. “ ”Mark Otto, creator of oottrap
- 18. Lov !
- 20. Mae two...
- 27. veron ue Jav crip toda ! le ~1% More than xplorer 9 or 10 TW... ource tatCounter
- 28. Quer ?
- 30. Wher ' th loa ? Javacript Fallack Avoid jQuer or ue inide j framework
- 31. Chapter 4 C
- 34. Wha aou Unc ?
- 35. ae o oa ...
- 40. Medi querie
- 42. peci cit .panel > .table-responsive:first-child > .table:first- border-top-right-radius: 3px; }
- 43. Wher ' th loa ? Override Optimization Cutomization
- 44. Chapter 5 HTML
- 46. <div class="col-sm-6 col-md-5 col-md-offset-2 col-lg-6 col-lg-offset-0"> oottrap documentation
- 48. Wher ' th loa ? Dif cultie to reue code Dif cultie to temif / redeign Deug with meaningle clae peci t nightmare !important
- 51. .author-nameLast { @extend .col-md-4; } or .author-nameLast { @include make-md-column(4); }
- 52. u ...
- 54. @m in .author-nameLast { @include make-xs-column(12); @include make-sm-column(6); @include make-md-column(4); @include make-lg-column(3); }
- 55. // Pagination @mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, > li { > a, > span { padding: $padding-vertical $padding-horizontal; font-size: $font-size; line-height: $line-height; } &:first-child { > a, > span { @include border-left-radius($border-radius); } }
- 57. Wher ' th loa ? Add a reak point Too much DOM
- 58. Chapter 7 Deig
- 67. Wha aou carouel ?
- 71. Wher ' th loa ? Undertand what pattern don't work for ou Tr to ecape oottrap pattern
- 75. Pleae ue !THI
- 77. Wher ' th loa ? Make it acceile
- 78. Chapter 9 or how to avoid fale mth. Remin m wh I u oottrap
- 79. I ' fa a wh ? Let' a it' fat for developer
- 81. I ' or of tandar Yea , lik Fla , tal we ite , Geocitie ...
- 82. Yea , lo of jo prop al hav oottrap a requiremen Do ou reall want to work to x me oottrap implementation?
- 83. I ' goo tartin poin for intern O , com o ...
- 86. GO Modular!
- 90. Githu i wonder plac
- 91. I ' dangerou t g alon