Skip to content
View in the app

A better way to browse. Learn more.

GTAGames.nl - De Nederlandse Grand Theft Auto Community!

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[WebDev Support] Twitter Bootstrap

Bootstrap-make-your-own-twitter-apps.png

Wat is Twitter Bootstrap

Twitter is al een lange tijd bezig met het project genaamd "Twitter Bootstrap". Twitter Bootstrap is een project dat designen van websites makkelijker maakt door een goede website basis op te zetten. Simpel gezegd is Twitter Bootstrap een hoop CSS klassen / Javascript componenten die zorgen dat je website beter is te gebruiken. Zo kan je bijvoorbeeld Layouts toepassen die automatisch mee sizen als de UI bijvoorbeeld maar 800x400 is. Dit zorgt dat je website erg flexibel wordt, en goede ondersteuning heeft voor alle browsers. Tevens kan je ook Plugins gebruiken die je het leven nog makkelijker maken (beste voorbeeld zijn Modals en Tooltips).

(Populaire) websites die zijn gemaakt met Twitter Bootstrap:

Een goed voorbeeld zijn de buttons die in elke browser goed overkomen:

TwitterBootstrap_1342116012300.png

Ondersteuning

Een goede open-source applicatie moet altijd samengaan met goede documentatie, en ja die is aanwezig. Het Project is volledig in de documentatie gebouwd en tevens met makkelijke voorbeelden wordt elk onderwerp goed behandeld. Deze is gewoon te vinden op hun GitHub pagina (http://twitter.github.com/bootstrap/).

Wat heeft dit precies voor voordelen?

Vooral als je moeite hebt (of gewoon minder tijd wil steken) met designen is dit een ideale Library. Aangezien je dit project kan zien als een compleet voorgebakken site, gaat dit je veel tijd opleveren omdat je niet meer dagen lang met layouts of buttons hoeft te kloten.

Daarnaast zorgt Twitter Bootstrap dat je in bijna alle browsers een goede HTML5 website kan maken. Aangezien niet alle browsers nog alle HTML5 elementen ondersteunen ben je op dit moment nog afhankelijk van Javascript.

[table=border]Freeware|Ja

Setup|Makkelijk

Instellen|NVT

Hosting|Variabel[/table]

* Aangezien je veel bestanden voor plugins / functionaliteit in de HTML pagina moet invoegen kan je meer traffic krijgen. Dit zal voor 99% van de tijd geen problemen verzorgen, maar als je browser caching en gzip instelt levert je dit heel wat minder traffic op!

Edited by Maikle

Featured Replies

Waarom heet het TwitterBootstrap?

  • Author

Waarom heet het TwitterBootstrap?

Dat is inderdaad een goede opmerking. Het twitter development team heeft dit project opgezet. Het design is ook hetzelfde als in twitter.

Nou ik ben het gaat gebruiken , en het werkt wel lekker soepel moet ik zeggen :) Is er ook een mobiele versie van te krijgen?

  • 2 weeks later...
  • Author

Nou ik ben het gaat gebruiken , en het werkt wel lekker soepel moet ik zeggen :) Is er ook een mobiele versie van te krijgen?

Eigenlijk is de desktop ook een Mobiele versie. Je kan met css classes aangeven wanneer iets gedisplayed moet worden (voor welke resoluties) etc. En als je de website goed opzet schaalt deze gewoon meteen goed mee naar Android of iOS.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.