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

Supplemental CSS (& JS) Frameworks: Bootstrap and Foundation ourses/php/slides/frameworks.ppt

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

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

Developed by Mark Otto and Jacob Thornton at Twitter for internal use. What is Bootstrap? 5

 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

 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

Open source project developed by ZURB, a privately held Interaction Design company. What is ZURB Foundation? 8

 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

 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