jQuery Plugin For Responsive Project Showcase - AppStore.js

jQuery Plugin For Responsive Project Showcase - AppStore.js
File Size: 43.4KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: Free for personal use
   

How to start using jQuery?

More in this category...

View our Recommended Plugins

TOP 100 jQuery Plugins 2013

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

For more Advanced Usages, please check the demo page or visit the official website.