More Related Content
Similar to Bootstrap Lab - ASNApalooza 2014 (20)
Bootstrap Lab - ASNApalooza 2014
- 1. How to use Bootstrap to
Style a User-Interface
Bootstrap your AVR web applications with a
responsive front-end, even without knowing
CSS or JavaScript.
Presented by
John Nickell
We bring IBM i RPG assets forward © 2014 by ASNA. All rights reserved. 1
- 2. Twitter Bootstrap
“Bootstrap is a free collection of tools for creating websites and web
applications. It contains HTML and CSS-based design templates for
typography, forms, buttons, navigation and other interface
components, as well as optional JavaScript extensions.”
http://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
We bring IBM i RPG assets forward © 2014 by ASNA. All rights reserved. 2
- 3. Examples and Sites
• Bootstrap Site
• Bootswatch
• Start Bootstrap
• Bootstrap Image Gallery
• Bootstrap Social
• Many, many more…
• Oh yeah… asna.com
We bring IBM i RPG assets forward © 2014 by ASNA. All rights reserved. 3
- 4. SMACSS
Scalable and Modular Architecture for CSS
“You could build your own… or use Bootstrap!”
We bring IBM i RPG assets forward © 2014 by ASNA. All rights reserved. 4
Editor's Notes
- http://getbootstrap.com/
http://bootswatch.com/
http://startbootstrap.com/
http://blueimp.github.io/Bootstrap-Image-Gallery/
http://lipis.github.io/bootstrap-social/
http://bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources/
https://asna.com/us
- https://smacss.com/