An awesome front-end framework that lets you stay focused on building your site or app all the while remaining really easy to use.
This is a simple process that requires you dropping a copy of the Webplate directory into your project and including the webplate/stack.js file in your head tag. Below is a basic example and note that the id of webplate-stack is required.
<head>
<script id="webplate-stack" src="webplate/stack.js" type="text/javascript"></script>
</head>
This will load all the neccessary files required as well as give you the option to load your own "project" specific JS or CSS files. To load project files add a data attribute to your "body" like the example below.
<body style="display: none;" data-project-css="welcome.css" data-project-js="welcome.js">
Note that the style="display: none;" attribute is used to prevent style snapping so that the page will only show once the files have been loaded. It is not required but recommended.
All files are loaded asynchronously. From here on out you have access to all Webplate plugins, including the Blueplate responsive CSS layout engine, the Flickerplate plugin and all other libraries like, jQuery, Modernizr, Typeplate, IcoMoon and jQuery.Finger.
Webplate has many aspects to it so for more information view the comprehensive online documentation at http://getwebplate.com/documentation.
Copyright 2014 Savedge Project
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.