Introduction to Bootstrap (with XPages)
Download as PPTX, PDF0 likes1,230 views
Slides for the half hour session I recently gave at XPages & Beer (October 2, 2013) in Amsterdam
Introduction to Bootstrap (with XPages)
- 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
- 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