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 you just got into your project and including the 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"></script>
</head>
In the above [webplate] is referencing the directory that houses the framework. By default it is often just called webplate and sits in your site root, but can be any name you wish. Just include the correct name in your stack call and all other paths will line up automatically.
The stack will load all the neccessary files required as well as give you the option to load your own "project" specific JS and CSS. 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 as all files are loaded asynchronously. From here on out you will have access to all Webplate plugins as well as all other third party vendor libraries like jQuery, Modernizr, Typeplate, Velocity.js, Hammer.js and icon font support to name a few.
Browser Support: IE9+, Chrome, Firefox, Safari, Opera
Webplate has many aspects to it so for more information view the comprehensive online documentation at http://getwebplate.com/documentation.
Created and maintained by Chris Humboldt
Website: chrishumboldt.com
Twitter: twitter.com/chrishumboldt
GitHub github.com/chrishumboldt
Simon Goellner
Oleg Kalandarashvili
digiltd
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent