In this post, I’m excited to share my first sample application built with Topcoat.
Topcoat is a CSS library — a set of customizable styles for mobile components — that you can use to build polished, clean and fast mobile web apps. Topcoat has a desktop profile as well. Because Topcoat focuses exclusively on the UI layer and doesn’t overlap with the other layers of your application, you can build your application the way you want, with the framework you want, or no framework at all. Another thing that sets Topcoat apart, is that it’s built on the “Performance First” idea. You can take a look at the performance testing infrastructure here.
In this post, I use Backbone.js as the architectural framework and Topcoat as the UI toolkit to build my Employee Directory reference application.
You can experience the application below:
Click here to run the app in a full browser window.
The source code for this sample application is available on GitHub: http://github.com/ccoenraets/directory-backbone-topcoat
- There is much more to Topcoat than what I’m showing in this sample app: many more components, two standard themes (dark and light), the ability to customize the styles (using Stylus) to create your own theme, etc. For more information, check out the style guide in the Topcoat repo.
- It’s still very early development.
- You can help by filing bugs or contributing to the project.