Wireframing with AngularJS
This is a site setup for HTML wireframes. Each view has associated JSON files for storing demo content. Intended for static-ish business brochure sites.
There are very, very few styles - the layout is based on Brad Frost's HTML wireframes for the Food Bank project, and the concept comes from Stephen Hay's "content reference wireframes" in his RWD workflow - nice write up by Brad Frost here (what would we do without him?!).
Good stuff! The repo is currently set up for one of my projects, the redoing of dijifi.com, hopefully the structure will be similar to something you are working on.
The wireframes for that project are here, on Heroku.
The project was started with the Yoeman Angular App generator, so all technologies are what's included with that - Grunt, Bower, Sass, et al.
It also includes the Bootstrap grid for easy layout work (but don't do any layout until later! Mobile first, baby!).
How to use it
No guarantee this will work out of the box, and these are probably vague instructions, but here's the gist:
- Adjust the naming of the views and controllers to your liking
- Add your own JSON test data
- Adjust the templates to correlate with that data
Note that in order to deploy on Heroku, you need to track the dist/ directory - not ideal, but based on my Google findings, that's the case.