Protostrap is a framework for designers that want to get clickable 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 designers to make page elements that are reusable on different pages - useful for reusing navigation and recurring elements.
This is, as yet, experimental .
This is prototyping software and therefore lacks all security features needed for production
- A local webserver with any version of PHP. Mac Users with OS X Lion or older: Macs come shipped with a webserver enabled by default, it is situated under /Library/WebServer/Documents. Mac users with OS X Mountain Lion: The default webserver has been disabled. Read on how to enable web sharing on mountain lion
As an alternative you might consider installing MAMP
Windows Users If you haven't already, get WAMP Server.
- 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 all easily adaptable
- Navigation filesnippet including a bootstrap navigation element
- iOS tabbar with styles for active and non active
- Badges ⓵ and ⓶ for iOS tabbar
- svg Placeholders, responsive or fixed in width
- Can be added to the homescreen as a native mobile-webapp when viewed on an iPhone
- Displays an "Add to Homescreen" hint when opened in mobile Safari, one time every 24 hours
- standalone app mode for ios, correctly handling all the links not to open in safari
- Fake Login Process and logged in status, authentification error faking.
- missing.php file to show the "End of Prototype" situation in tests, 404 Handler that automatically redirects to missing.php
- Integration of iScroll Library to have scrollable breadcrumbs on mobile
- Megamenu files
- Forms with UX optimized Feedback
- Easy verification triggering for Form-Feedback
- Files to fake Google search (Great for usability testing)
- typeahead example with a better typeahead
Protostrap is Licenced under Apache Licence Version 2.0 http://www.apache.org/licenses/LICENSE-2.0.txt