• This repository has been archived on 10/Sep/2019
  • Stars
    star
    1,580
  • Rank 29,620 (Top 0.6 %)
  • Language
    CSS
  • License
    MIT License
  • Created over 10 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The first front-end framework created for developing fully responsive web apps.

Deprecation Notice

We believe the best solution for the future of the web is a single, robust framework capable of developing webapps and websites, so we’ve made the decision to streamline our development and move Foundation for Apps into our experimental playground to concentrate on Foundation for Sites. Foundation has, and will continue to push the web forward, and we’re incredibly excited about the future. You can follow along with the Foundation for Sites roadmap to get more details on where the project is headed and learn how to get involved.

Foundation for Apps

Build Status

This is Foundation for Apps, an Angular-powered framework for building powerful responsive web apps, from your friends at ZURB.

Requirements

You'll need the following software installed to get started.

  • Node.js: Use the installer provided on the NodeJS website.
  • Git: Use the installer for your OS.
  • Ruby: Use the installer for your OS. For Windows users, JRuby is a popular alternative.
    • With Ruby installed, run gem install bundler sass.
  • Gulp and Bower: Run [sudo] npm install -g gulp bower

Get Started

The Sass and JavaScript components are available on Bower and npm.

bower install foundation-apps --save
npm install foundation-apps --save

You can also use our command-line interface to quickly setup a basic Foundation for Apps project. It includes a pre-built Gulpfile that compiles an Angular-powered web app for you.

Install it with this command:

npm install -g foundation-cli bower gulp

Now you can make a new project:

foundation-apps new myApp
cd myApp

While working on your project, run:

npm start

This will assemble the templates, static assets, Sass, and JavaScript. You can view the test server at this URL:

http://localhost:8080

Building this Repo

If you want to work with the source code directly or compile our documentation, follow these steps:

git clone https://github.com/zurb/foundation-apps.git
cd foundation-apps
npm install

While you're working on the code, run:

npm start

The documentation can be viewed at the same URL as above.

Directory Structure

  • build: This is where our documentation is assembled. Don't edit these files directly, as they're overwritten every time you make a change!
  • docs: The Foundation for Apps documentation.
  • scss: The Sass components.
  • js: The Angular modules and directives, and other external libraries.
  • iconic: A set of 24 icons from the folks at Iconic.
  • dist: Compiled CSS and JavaScript files, in minified and unmified flavors.
  • tests: Unit tests for the Angular modules.

Versioning

Foundation for Apps follows semver, so we won't introduce breaking changes in minor or patch versions. The master branch will always have the newest changes, so it's not necessarily production ready. The stable branch will always have the most recent stable version of the framework.

Contributing

We love feedback! Help us find bugs and suggest improvements or new features. Follow us on Twitter at @ZURBFoundation to keep up-to-date with what's new, or to just shoot the breeze.

If you find a problem or have an idea, open a new issue on GitHub. When filing a bug report, make sure you specify the browser and operating system you're on, and toss us a screenshot or show us how we can recreate the issue.

More Repositories

1

tribute

ES6 Native @mentions
JavaScript
2,032
star
2

joyride

jQuery feature tour plugin.
JavaScript
1,420
star
3

twentytwenty

jQuery Plugin to Compare Images
CSS
1,264
star
4

reveal

JavaScript
676
star
5

foundation-5-sublime-snippets

ZURB Foundation 5 Sublime Text 2 Snippets
492
star
6

orbit

JavaScript
457
star
7

responsive-tables

Tables that work responsively on small devices.
CSS
431
star
8

foundation-icons

CSS
427
star
9

pizza

Better pie, donut, line, and bar graphs.
JavaScript
413
star
10

flickrbomb

flickrBomb provides an easy way for you to fill your prototypes with relevant content, and not just those dull gray placeholder images.
JavaScript
270
star
11

foundation-icon-fonts

Foundation Icon Fonts
HTML
111
star
12

html5_video_voting

78
star
13

foundation-apps-template

Our starter template for Foundation for Apps projects. Powered by Angular, Sass, and Gulp.
CSS
74
star
14

foundation-layouts

Sample layouts for the Zurb Foundation Framework
JavaScript
54
star
15

reactive-listener

JavaScript
42
star
16

fastclick

JavaScript
34
star
17

advanced-foundation-course

Content for Advance Foundation Course
CSS
33
star
18

wrangle

JavaScript
32
star
19

foundation-course

Material for Foundation Course JavaScript
CSS
30
star
20

foundation-templates-layer

Templates that are integrated into Foundation's templates layer downloads.
JavaScript
24
star
21

css-flip-book

CSS
24
star
22

ZURB-code-standards

Code standards for ZURB's family of products and client deliverables.
19
star
23

foundation-migrate

Foundation migration plugin: http://foundation.zurb.com/docs/upgrading.html
JavaScript
16
star
24

foundation-sites-6

[ARCHIVED] Version 6.0 of Foundation for Sites (Public Beta).
HTML
14
star
25

inky-cli

Command-line interface for the Inky templating language.
JavaScript
13
star
26

angular-tribute

Angular directive for Tribute.js
JavaScript
10
star
27

front-router

Generate AngularJS states from Front Matter in state templates. Used by Foundation for Apps.
JavaScript
8
star
28

ARCHIVED-giving-tree-wordpress

7
star
29

notable-cli

Upload to Notable from the command-line
Go
7
star
30

media-query-examples

Media Query Examples
CSS
7
star
31

foundation-demo

This is a demo repository for meetups and conferences to show the process of building a simple page using Foundation.
CSS
7
star
32

foundation-inline-svg

JavaScript
7
star
33

tribute-rb

Tribute.js @mentions for the Rails Asset Pipeline
Ruby
7
star
34

foundation-compass-stack

This is a stack for developing your website using Foundation, with Assemble for templates and Compass for Sass compilation.
CSS
7
star
35

siphon-media-query

Extract media query-specific rules from CSS.
JavaScript
6
star
36

sample-scss-project

Sample Sass Project
5
star
37

F5-accessibility-audit

5
star
38

ARCHIVED-giving-tree-static

Giving Tree static site skeleton
PHP
5
star
39

topbar

topbar
CSS
4
star
40

inky-rails-talk

Live code/demo for inky-rb rails integration
Ruby
4
star
41

cardpack

A collection of Badass Foundation Flex Cards
HTML
3
star
42

zurb-template

ZURB's Client Project Template
JavaScript
3
star
43

yetinews

Tutorial project for Foundation for Apps protoype
CSS
2
star
44

10-minute-responsive-email

Code from the Foundation meetup - Foundation for Emails
JavaScript
2
star
45

wrangle-demo

Demo of wrangle.
JavaScript
2
star
46

client-template

Template for client projects, using Assemble.
CSS
1
star
47

zurb-talk-demos

CSS
1
star
48

building-blocks-ARCHIVED

HTML
1
star
49

Helio-Blog

PHP
1
star