This framework is for designers that want to get klickable and testable prototypes up fast. It is based on Bootstrap, so all you can do there you can do here too.
With just very basic knowledge of php it allows to make page elements reusable on different pages - useful for reusing navigation and recurring elements.
This is, as yet, experimental. have fun but be warned. Do not use this in a production environment.
- A local webserver with any version of PHP (Designers: Macs are shipped with one)
- Download Protostrap
- Put it on your local server, if you have a MAC /Library/WebServer/Documents is the folder you're looking for
- you can access it in the browser via: http://localhost/protostrap assuming you have named the folder protostrap and put it into the above directory.
- filesnippets for header, footer, iosTabbar easily adaptable
- iOS tabbar with styles for active and non active
- Badges for iOS Tabbar
- svg Placeholders
- Can be added to the homescreen as a native mobile-webapp when viewed on an iPhone
- Navigation filesnippet including a bootstrap navigation element
- Megamenu files
- Forms with UX optimised Feedback
- Files to fake Google search (Great for usability testing)
- typeahead example with a better typeahead
- files to show the "End of Prototype" situation in tests
- "Add me to homescreen" flyout
Protostrap is Licenced under Apache Licence Version 2.0 http://www.apache.org/licenses/LICENSE-2.0.txt