Responsive via Bootstrap CSS programmering

Bootstrap LogoBootstrap is een mobile-first CSS framework om tot responsive websites/applicaties te komen. In 2011 samengesteld door Twitter op basis van best practices. Dit neemt tijdens de bouw al snel vele zaken uit handen, waardoor voornamelijk op HTML of templating gefocussed kan worden door bijvoorbeeld front-end of back-end programmeurs. Zogenaamde simplistische prototypes of pilots kunnen hiermee snel worden opgezet, en waar nodig kan er maatwerk CSS ofwel styling bovenop worden gebouwd.

Bootstrap voordelen en pluspunten

Doordat het vooral programmeurs in staat stelt zelf strakke simplistische sites op te zetten, heeft Bootstrap het stigma de oorzaak te zijn van de 13 in een dozijn websites. Dit kritiek-punt is niet per definitie terecht. Bovendien heeft het vele voordelen:

  • bootstrap is een goed doordacht CSS framework inclusief benodigde JavaScript interactiviteit;
  • grote gebruiksgroep (community) en veel (al dan niet gratis) templates online te verkrijgen;
  • herkenbare componenten ten behoeve van gebruiksvriendelijkheid van (invoer)schermen voor gebruikers;
  • bij goed gebruik is het resultaat direct responsive en dus tevens geschikt voor smartphones of tablets;
  • werkt op alle moderne browsers, zowel op kleinere devices als ook desktops;
  • bovenop bootstrap is custom / maatwerk CSS te realiseren;
  • strak ogende protoypes of dashboards zijn snel te realiseren;
  • waarborgt consistentie en doorlooptijd binnen projecten, door een consequente wijze van naamgeving en html structuur;
  • Vooral dus een uitkomst voor web applicaties.

Nadelen en minpunten van Bootstrap

Je weet nu wat Bootstrap is en waarom je Bootstrap zou moeten gebruiken. Echter, Bootstrap heeft ook kanttekeningen. Feit is dat Bootstrap niet voor elk project een goede basis of oplossing is. Een gemiddelde website heeft geen baat bij het Bootstrap CSS framework als basis.

  • CSS kennis is benodigd om te kunnen customizen;
  • Erg veel excessieve code dat wel ingeladen moet worden door een browser, maar niet per definitie benut zal worden;
  • In plaats van zelf CSS schrijven, ben je in de basis vooral bezig HTML structuur en classes te wijzigen, met, semantisch gezien, mogelijkheid tot redundante code;
  • niet compatibel ofwel altijd geschikt voor oudere browsers.

Gebruik van Bootstrap is dus een afweging en zal afhankelijk zijn van de vormgeving van het project/website. Ook voor bestaande sites, kan het een betere uitkomst zijn om maatwerk CSS tbv responsive versie in te zetten.

Externe (doe het zelf) links