Choose CSS Foundation Template
2016/02/032 min read
bookmark this
Table of Contents
Introduction
The following templates all use Foundation CSS. This table provides a simple comparison to help you decide which Foundation template you want to use.
Choice to Select Foundation CSS Framework
| Url | Foundation | Total CSS | Total JavaScript | Major CSS | Major JavaScript |
|---|---|---|---|---|---|
| http://themes.goodlayers2.com/tourpackage/ | Not Foundation http://goodlayers.com/ | 18 | 28 | many | many |
| http://themes.evgenyfireform.com/favea/demo/ | Foundation.css | 19 | 33 | Google Fonts, normalize.css, jquery.ui, prettyphoto.css, foundation.css, other custom CSS | modernizr.js, jQuery, foundation.js, list of jQuery plugins, other custom JS |
| https://www.foundationdeck.com/templates/box/about.html | Foundation.css | 7 | 6 | Google Fonts, foundation.css, other custom CSS | modernizr.js, jQuery, foundation.js |
| http://www.foundationmade.com/index.php/preview/item/FMrTFhdC | Foundation.css | 8 | 10 | Google Fonts, Foundation, Font Awesome CSS | modernizr.js, jQuery, foundation.js, list of jQuery plugins |
Conclusion
When choosing a Foundation CSS template, consider the number of CSS and JavaScript files included, as fewer dependencies generally lead to better performance. Templates with minimal custom files on top of the core Foundation framework are typically easier to maintain.