Need HTML Prototyping Resources? Here’s My List.
Many UX Designers are prototyping their designs using frameworks like Twitter Bootstrap, and building these prototypes has never been faster. The frameworks support responsive design, so you can develop for different breakpoints without breaking your head on the table.
Ideally, these frameworks should speed up front-end development if teams figure out out the right workflow. I’ve found these tools to be invaluable to speed development, and illustrate concepts to developers.
Here’s the list I have compiled, with descriptions from Wikipedia. It’s my list, so don’t be offended if you aren’t on it.
- Twitter Bootstrap
The foundation of the library.
The theme that turns most Twitter Bootstrap into flat elements.
- Twitter Bootstrap Resources
A long list of sites that offer plugins and tools for Bootstrap.
Bootstrap interface builder. Probably the best out there.
A dynamic stylesheet language designed by Alexis Sellier. It is influenced by Sass and has influenced the newer “SCSS” syntax of Sass, which adapted its CSS-like block formatting syntax.
The downloadable code.
LESS components (called Mixins) that make CSS development easier.
An application that turns LESS into compiled CSS.
Open Web Fonts
Fonts that you can declare in CSS3 and are free to use. They include icons that look terrific on Apple Retina displays. Here are my favorites.
A data display framework can be used in conjunction with other extensions to create flexible charts that can be updated dynamically. The language shares a lot of similar elements with jQuery.
The initial framework.
A list of functions that creates some of the most common data visualizations.
A list of functions that creates some time-based data visualizations.