Slides for the half hour session I recently gave at XPages & Beer (October 2, 2013) in Amsterdam

1. XPages & Beer – 1 oktober 2013

2.  Freelance consultant/ developer
 IBM Notes/ Domino
 XPages, web, client, mobile, Unplugged
 OpenNTF board member & contributor

 http://XPages4Bootstrap.com

3.  Omdat look & feel belangrijk is
 Wat een applicatie kan is niet het enige dat
belangrijk is
 Een consistente UI maakt een applicatie
eenvoudig(er) in gebruik
 Herkenbaar
 Logisch
 Goede developers hebben geen gevoel voor
design
 Meestal…

4.  Design framework
 Layout
 Grids
 Allerlei componenten in dezelfde stijl
 Net als OneUI
 Cross browser dezelfde stijl
 Eenvoudig te implementeren en uit te breiden.
 Oorspronkelijk ontwikkeld voor/ doorTwitter
 Sinds 2011 open source

5.  Responsive
 Default vanaf v3 – mobile first
 In de basis alleen een CSS file
 Voor bepaalde functies ook JavaScript nodig
 jQuery als framework
 Veel documentatie, voorbeelden & plugins
 Integreert goed met XPages
 Maar er zijn wel wat hindernissen

6.  Bestanden in WebContent folder in een nsf
 CSS
 JavaScript (jQuery)
 Afbeeldingen (Glyphicons)
 Thema maken om de CSS/ JS te laden
 Layout custom control o.b.v. standaard
Bootstrap voorbeeld sjablonen

7.  http://Bootstrap4XPages.com

8.  OpenNTF project
 Op server en Designer client installeren
 Bootstrap 2.3.1
 Niet de meest recente versie dus…
 Maakt gebruik van de extension library
 Support op Domino 9

9.  Bootstrap4XPages – de plugin