1. Kirkwood Center for Continuing Education Introduction to PHP and MySQL By Fred McClurg, frmcclurg@gmail.com Copyright © 2015 All Rights Reserved.

2. Supplemental CSS (& JS) Frameworks: Bootstrap and Foundation http://cecert.kirkwood.edu/~fmcclurg/c ourses/php/slides/frameworks.ppt

3. CSS/JavaScript libraries designed to make the development of complex HTML pages easier and more standards compliant What is a CSS/JS Framework? 3

4. Encourages consistency Share common design patterns Decrease maintenance Compatible with all major browsers Responsive design Rapid development of complex layout Advantages of a Framework 4

5. Developed by Mark Otto and Jacob Thornton at Twitter for internal use. http://getbootstrap.com What is Bootstrap? 5

6.  Created mid-2010 at Twitter  August, 2011: Twitter released as Open Source  January 2012: Version 2.0 released  February 2012: Most popular development project on GitHub  August 2013: Version 3.0 released Bootstrap History 6

7.  Many UI elements  Mobile also design  Four grid sizes  Style ready out of the box (philosophy)  Standard look and feel (conformity)  Fixed or fluid grid  Large user community  Scalable Icon fonts  IE 8 support Bootstrap Strengths 7

8. Open source project developed by ZURB, a privately held Interaction Design company. http://foundation.zurb.com What is ZURB Foundation? 8

9.  October, 2011: Version 2.0 released  February 2013: Version 3.0 released  12 th most popular project on GitHub  February 2013: Version 3.0 released ZURB Foundation History 9

10.  Lightweight (smaller footprint)  Mobile first design  Three grid sizes  Style for designers (philosophy)  Unique look and feel (nonconformity)  Form validation  Advanced image slideshow (Orbit)  Faster Foundation Strengths 10