Successfully reported this slideshow.

Introduction to Bootstrap (with XPages)

1,171 views

Published on

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

Published in: Technology
  • Be the first to like this

Introduction to Bootstrap (with XPages)

  1. 1. XPages & Beer – 1 oktober 2013
  2. 2.  Freelance consultant/ developer  IBM Notes/ Domino  XPages, web, client, mobile, Unplugged  OpenNTF board member & contributor   http://XPages4Bootstrap.com
  3. 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. 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. 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. 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. 7.  http://Bootstrap4XPages.com
  8. 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. 9.  Bootstrap4XPages – de plugin

×