Web app for editing Javascript templates in various engines.
Architect started life as a simple page for testing Mustache templates, but quickly evolved into a web app for editing templates in all the popular Javascript templating engines.
Architect was made using native DOM methods (no jQuery) and without any polyfills. I did this as a learning experience and to avoid jQuery and polyfill bloat. Since the app is targeted at web developers, browser support shouldn't be a problem (if you're a web developer using an outdated browser, shame on you!).
Below are all the HTML5 features and open source components used by Architect, and what they're used for:
- JSON - JSON view parsing.
- Application Cache and LocalStorage - offline access.
- Web Workers - threaded template rendering and template engine sandboxing.
- Media Queries - responsive layout.
- WAI-ARIA - accessibility.
- HTML5 Boilerplate - base HTML and app structure.
- Twitter Bootstrap - base CSS, components and responsive layout.
- Modernizr - feature detection and script loading (yepnope.js).
- Ace - code editors.
- Hogan.js - mustache templates.
- HTML5 Please API - user friendly unsupported browser message.
Architect is released under the MIT license.
Copyright © 2012 Roland Warmerdam.