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

Stop using Bootstrap please!

Davide Di Pumpo
November 26, 2016

Stop using Bootstrap please!

Bootstrap è di sicuro diventato uno dei Framework front-end che tutti conoscono ed hanno utilizzato almeno una volta. Per alcuni Front-end developer è diventato uno standard de facto. Ma è davvero tutto oro quello che luccica? La sua velocità di utilizzo è in realtà assimilabile ad un prestito. Hai chiavi in mano, ma sai quanto andrai a pagare nel tempo? Durante questo talk vedremo quali sono le insidie che si nascondono dietro questo (e similari) framework e come sostituirlo grazie a tecnologie e metodologie moderne.

Davide Di Pumpo

November 26, 2016

More Decks by Davide Di Pumpo

Other Decks in Design


  1. David D Pump Creative Technologit Digital Architect at Co­organizer Makheth

    on: , , I like Cat, Drink, Comic and Videogame... Ojectwa Milano Frontend Twitter Githu Internet
  2. Do ou ue oottrap? Do ou ue it ecaue it'

    imple? Do ou ue it ecaue it' fat?
  3. Doe Twitter u Twitter oottrap? Internall, we ue 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 oottrap
  4. veron ue Jav crip toda ! le ~1% More than

    xplorer 9 or 10 TW... ource tatCounter
  5. Ok, there i an alpha with exox option... ut it

    doen't have fallack... And C Grid i getting cloe...
  6. Wher ' th loa ? Dif cultie to reue code

    Dif cultie to temif / redeign Deug with meaningle clae peci t nightmare !important
  7. @ ten xtending i inviile. xtending doen’t necearil help le

    weight, contrar to the aing. xtending doen’t work acro media querie. xtending i not exile. Mixin have aolutel no drawack. “ ” Hugo Giraudel
  8. // 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); } }
  9. o, eah, there' a reaon wh a lot of weite

    look like thi. ecaue it work. “ ”
  10. 1% clicked a feature. Of thoe, 89% were in the

    rt poition. 1% of click for the mot igni cant oject on the home page? “ ” ource
  11. Wher ' th loa ? Undertand what pattern don't work

    for ou Tr to ecape oottrap pattern
  12. Technica de "a concept in programming that re ect the

    extra development work that arie when code that i ea to implement in the hort run i ued intead of appling the et overall olution" Wikipedia
  13. I ' or of tandar Yea , lik Fla ,

    tal we ite , Geocitie ...
  14. Yea , lo of jo prop al hav oottrap a

    requiremen Do ou reall want to work to x me oottrap implementation?
  15. I it a good idea to learn C without eeing

    that? Mae ou want them to learn an OOC anti pattern?
  16. Javacript Oh god no C Nope HTML Nope Preproceor If

    ou have Deign Quetionale Acceiilit With plugin
  17. Article: You don't need oottrap oottrap ankruptc top emedding oottrap

    clae oottrap an intervantion OOC i an anti­pattern Wh we don't ue oottrap oottrap ou're doing it wrong Wh don’t ou ue oottrap? The hamurger menu doen't work hould I ue a carouel? oottrap acceiilit iue