jQuery Plugin For Responsive Project Showcase - AppStore.js
File Size: | 43.4 KB |
---|---|
Views Total: | 2550 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
AppStore.js is a ultra-light jQuery plugin that generates a responsive grid layout from a JSON data file for showcasing your projects like posts, Apps, products, and more. AppStore.js comes with 2 built-in themes (dark and light) but you can also create your own styles via CSS to fit your needs.
How to use it:
1. Load the jQuery library and appstore.js script on the web page
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="appstore.js"></script>
2. Load the appstore.css in the head section of your page
<link rel="stylesheet" href="appstore.css" />
3. Create a container for the layout
<div id="demo"></div>
4. Call the function
<script> $(function(){ $.appstore({ json:"appstore.json", // your json data file theme:"dark" // dark or light. You can also create your owns in appstore.css }); }); </script>
5. JSON data
{ "items": [ { "title" :"TITLE", "description" :"DESCRIPTION", "link" :"#", "thumbnail" :"THUMBNAIL.JPG", "logo" :"LOGO.JPG", "tag" :"jquery plugin", "date" :"27th july, 2013" }, ] }
Change log:
v1.0.3 (2013-10-18)
- Made Compatible with Bootstrap, Foundation and other Frameworks
- Some Optimizations
v1.0.2 (2013-10-14)
- Made Boostrap Compatible
This awesome jQuery plugin is developed by ramswaroop. For more Advanced Usages, please check the demo page or visit the official website.