Interactivity Boilerplate

Front-end template for highly intuitive web user interfaces.

Working Goal

Your app will have no choice but to grow up and become a highly interactive and usable tool.

Featuring...

• ember + ember-data
• sass + compass
• twitter bootstrap (bootstrap-sass)
• jQuery mousewheel plugin

Notes

Boilerplate wishlist (i.e. other interactivity resources)

• Drag and drop
• swim.js for keyboard control
• Mobile
  • http://jgestures.codeplex.com/
• Full height and width layout?
• Font-Awesome for bootstrap icons
  • http://fortawesome.github.com/Font-Awesome/#
• TypeKit
• moment.js

Ember events

touchStart, touchMove, touchEnd, touchCancel, keyDown, keyUp, keyPress, mouseDown, mouseUp, contextMenu, click, doubleClick, mouseMove, focusIn, focusOut, mouseEnter, mouseLeave, submit, input, change, dragStart, drag, dragEnter, dragLeave, dragOver, drop, dragEnd

General Resources

• http://subtlepatterns.com/
• http://antjanus.com/blog/web-design-tips/user-interface-usability/customize-twitter-bootstrap-into-themes/
• http://www.troyhunt.com/2012/09/10-lessons-for-uncultured-web-developers.html
• Design sanity