Bootstrap your application

A Bootstrap intro presentation, introduce the advantages of using Bootstrap to in-house front end and back end developers.

Transcript

1. Bootstrap your application Front-end framework for faster and easier web development. Saturday, 15 December 12
2. What? A front end framework or toolkit Saturday, 15 December 12
3. Who? Mark Otto Jacob Thornton Saturday, 15 December 12
4. Where? Saturday, 15 December 12
5. When? First commit on Github in Apr 27, 2011 Saturday, 15 December 12
6. Great sites & apps using it. Saturday, 15 December 12
7. Saturday, 15 December 12
8. Saturday, 15 December 12
9. Saturday, 15 December 12
10. Real world examples Ubuntu Advantage http://ubuntu-advantage.teuto.net/ JS Hint http://www.jshint.com/ Salesforce Desk http://www.desk.com/ Saturday, 15 December 12
11. Scaffolding Base CSS Components JavaScript plugins Saturday, 15 December 12
12. Scaffolding Global styles Grid systems Layouts Responsive design Saturday, 15 December 12
13. Global styles HTML5 doctype Typography and links Normalize.css Saturday, 15 December 12
14. Grid systems Basic fixed grid Fluid grid Saturday, 15 December 12
15. Layouts Fixed layout Fluid layout Saturday, 15 December 12
16. Responsive design Turning on Responsive design 1. <meta name="viewport" content="width=device-width, initial- scale=1.0"> 2. <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> Bootstrap doesn't include responsive features by default Saturday, 15 December 12
17. Base CSS Typography Code Tables Forms Buttons. Oh! And a nice icon set. Saturday, 15 December 12
18. Components Dropdowns Button groups Button dropdowns Navs Navbar Breadcrumbs Pagination Labels and badges Typography Thumbnails Alerts Progress bars Media objects Misc Saturday, 15 December 12
19. Javascript Plugins Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more. Saturday, 15 December 12
20. Customize your bootstrap 1. Choose what components & jQuery plugins 2. Customize your CSS/LESS variables 3. Download Saturday, 15 December 12
21. Extend your bootstrap Saturday, 15 December 12
22. Demo Admin dashboard using Bootstrap Saturday, 15 December 12
23. Responsive web design? Mobile First? Next meetup Saturday, 15 December 12
24. Thank you. Saturday, 15 December 12