List of Resources to Learn Foundation CSS Framework

Table of Contents

1. Introduction
2. Foundation Official Home Page
3. Foundation Plugins
4. Foundation UI Controls
5. Default Foundation Templates
6. Sample Templates
7. Template Sources
8. Conclusion

Introduction

This post provides a curated list of resources for learning the Foundation CSS framework, including official pages, plugins, UI controls, and template sources.

Foundation Official Home Page

The Foundation official home page is the best place to start learning about the framework.

Foundation Plugins

List of Foundation plugins – a collection of JS plugins based on Foundation.js:

http://zurb.com/playground

One example is the Twenty & Twenty image plugin.

Foundation UI Controls

List of Foundation UI control’s

http://zurb.com/playground/uploads/upload/upload/172/ZURB_FOUNDATION_4_STENCILS.pdf

Default Foundation Templates

http://foundation.zurb.com/templates.html

Sample Templates

• foundation design template 1

• foundation design template 2

• foundation design template 3

• foundation design template 4

• foundation design template 5

• foundation design template 6

• foundation design template 7

• foundation design template 8

• foundation design template 9

• foundation design template 10

• foundation design template 11

• foundation design template 12

• foundation design template 13

Template Sources

• http://themeforest.net/

• http://www.themplio.com/

• https://creativemarket.com/

Conclusion

The Foundation CSS framework has a rich ecosystem of templates, plugins, and UI controls. The resources listed above should help you get started with building responsive websites using Foundation.