33mestre / architect

Web app for editing Javascript templates in various engines.

Architect - Javascript Template Editor

Web app for editing Javascript templates in various engines.

Making and Credits

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:

HTML5

• 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.

Components

• 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.

License

Architect is released under the MIT license.

Copyright © 2012 Roland Warmerdam.