Front-end Architecture Outline

fe-arch-outline

# Front-end Architecture Outline

## General

### VCS

Git
Subversion
...

#### Code Repository Location

GitHub
BitBucket
...

### E2E Testing Tool

Selenium

## Testing Tools

Sauce Labs


### API's for Data

[URL's to API's]
[Docs on API's]

### Build System

Grunt


### Browser Support

IE 7-Latest
Chrome Latest
[Link to browser usage information]
[Link to caniuse.com

## HTML

### Templating Library

Mustache
Handlebars
Smarty, etc
HAML
Jade

### Style Guide

http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#HTML_Style_Rules

## CSS

### Folder/File Organization

### Style Guides

#### Articles
[CSS Style Guides - CSS Tricks](http://css-tricks.com/css-style-guides/)

#### The List
[Idiomatic CSS](https://github.com/necolas/idiomatic-css)

### Naming Conventions

SMACSS
OOCSS
BEM

### Unit Testing Tool

[Overview](http://csste.st)

### Pre-processor

Less
Sass
Stylus

### Pattern Library

Pure.css
Bootstrap

### Documentation Tool

CSSDoc
KSS
[Style Docco](http://jacobrask.github.io/styledocco/)
[On CSS Documentaiton](http://byrichardpowell.co.uk/post/48682993574/on-css-documentation)

## JavaScript

### Style Guide

### Unit Testing Tool

Jasmine
Mocha
YUI Test

### Functional Testing tool

Karma
Yeti

### Logging Infrastructure

http://mixu.net/minilog/
http://pimterry.github.io/loglevel/

### MV* Framework

Angular
Backbone

### Other Libraries

Modernizr
Moment.js

### Compiler

None
CoffeeScript
Dart
...


### Documentation Tool

YUIDoc
[Selleck](https://github.com/yui/selleck)
JSDoc 3