Make CSS3 layout and incorporate Javascript plugins to some HTML5 templates.
Taking as an example an eCommerce template that we are already using, we need to get the same design and some of the plugins that are in this template working on 4 simplified HTML5 templates that we have built.
The main goal is to get these new simple HTML5 templates working the same way as in the eCommerce template but with less weighted CSS and JS files.
Basically it means cleaning up and optimize the current code we have in order to decrease loading times, achieve the best cross-device and browser compatibility and generating a the final code layout that we will fill with our own content.
A PHP script (we already have this script, so no need to develop here in this requirement) will output these new simplified HTML5 templates filling sections and articles on the fly.
Basically we just need the layout and we will later fill up the pages with the content we already have.
In some cases a <aside> tag would not be generated, however the rest of the document has to look the same. In this case we don't want to ¨hide by CSS¨, we just would not output this part and also we will remove on the fly the relevant CSS.
We provide the designer with the whole source code for our eCommerce template in order to get the JS plugins and all the CSS.
Also will be explained
The main requirements:
Code has to be clean, avoiding any unnecessary tagging or features.
Must use a different class for every different section/part
Responsive design
Avoid unapproved javascript
All Javascript using JQuery, if possible. Unless when the opposite is said.
Cookies advice based on creating and reading by javascript code
Code has to be compatible with the following browsers (including mobile versions):
Internet Explorer 8 in advance
Firefox
Chrome
Opera
Safari
Use the newest tools provided by HTML5, CSS3 and JQuery that runs in the targeted browsers.
Use Javascript Isotope (included in the sample template) for product filtering.