TMW's front-end framework
This is a work in progress set of base templates, and as such will be changed quite regularly. If using be sure to read the documentation to understand it fully before using
The base HTML file structure. An include of modernizr is included but should be replaced to a minimal version with only required features before release.
This is the compiled CSS from the project's LESS files (in the less folder), it should not be edited directly.
box-sizing:border-box; - either use this, or target individual cases using Modernizr.
Folder to store all images. Any specific commonalities in the images should be stored in separate folders (such as
img/ui) but obviously not overused to the point of irrelevance.
File where all plugins are references.
At the top of the file, and index should be kept of all plugins included, in the order they are displayed in the code.
/js/script.js Where any custom JS should be coded.
This can eventually be split into more specific files and built into one JS file at production.
File where some plugins are used. These should go into one
plugins.js file in production but kept seperately for development
A sample of how your JS should be structured is included. All operations should be evoked from SiteSetup, so initialisations of objects and functions can be traced easily.
Includes local versions of jQuery, modernizr & folders for
plugins - which should be replaced by later versions when released - as well as more commonly used plugins.
Note that these plugins should be added into the
plugins.js when they are needed - do not add additional script tags into your HTML.
This directory includes
html5shiv.js when modernizr is overload for your project and only basic HTML5 elements are required. Respond.min.js is also included.