jQuery Html5 Buttons

jQuery html5 Buttons combines the ability of jQuery, the pix features of HTML5 canvas element and the sweetness of a design in css3, to offer very good animated buttons, very easy to combine.

The package comprises the plugin, the documentation and this online good generator : create your buttons in are living and dowload them, able to paintings.

The generator is incorporated to create your personal buttons. it's important to no longer distribute freely the buttons.

For more informations, take a look at the Live Preview !

Features

• CSS3 layout, load time optimized and straightforward to edit
• Many jQuery parameters to customize the consequences
• an online reside and good generator integrated
• Intelligent browser compatibility : the buttons work on all browsers, but are extra or much less targeted dependent on its features
• 23 icons integrated, and add yours simply
• Documentation and examples
• CSS3 + HTML5 = Mobiles compatibility
• Works with jQuery 1.6 and extra

Plugin Parameters

• fx : Rollover impact sort : “iconCircle” , “shine” or “none”
• fxAlpha : Rollover effect opacity : 0.0 -> 1.0
• fxColor : Rollover effect colour : hex colour price, like ”#FFFFFF”
• crystal : Crystal impact type : “linear”, “curve”, “diagonal” or “none”
• crystalAlpha : Crystal effect opacity : 0.0 -> 1.0
• crystalColor : Crystal effect color : hex value, like ”#FFFFFF”
• iconColor : Sets icon colour if iconTint is true : hex color worth or “auto”
• iconsPath : Sets icon folder trail
• iconTint : Tints icon or not : real or false

On-Line generator options

• Introduction of the buttons in are living
• Download your custom buttons ready to paintings
• Creation of customized icon sets
• Sensible automations, to keep team spirit

Usage

Create a button

To create a button, simply add the button classname on your hyperlink, like this :

<a href=”#” class=”jhButton”>My Button</a>

And initialize the jQuery plugin :

$(’.jhButton’).jhButton();

Differents sizes

Every button has 3 default sizes: default, “big” and “huge”. To set the size, simply upload the proper classname, like :

<a href=”#” class=”jhButton large”>My Button</a>

Upload an icon

Just add the icon classname to the button :

<a href=”#” magnificence=”jhButton icon-house”>My Button</a>

Strengthen

Should You need help, touch me from my envato profile .

For Those Who bought this plugin and like it, be sure you depart a vote !

FULL DOWNLOAD

jQuery Gradient Writer

jQuery Gradient Creator is a jQuery plugin that allows you so as to add gradient turbines in your internet apps and sites. Smart and absolutely cutomizable, it is appropriate for any type of use : CSS turbines, HTML5 canvas applications, live usages …

Options

• Limitless gradient points
• HTML5 Browsers suitable (IE9 +)
• Generate and export CSS code
• Customizable by means of CSS
• Many smart parameters and strategies
• Rapid loading and fluid usage
• Incorporated : colorpicker plugin and any jQuery-ui libraries
• Can easily be mixed with HTML5 canvas
• No server document, only js and CSS
• Documentation and examples

Parameters

• gradient : String or Array | Default gradient points
• width : Int | Gradient preview width
• top : Int | Gradient preview height
• pointSize : Int | Int | Gradient issues dimension
• orientation : “horizontal” or “vertical” | Orientation of the generated gradient
• objective : jQuery selector | Define reside goals. Ex: ”#target1,#target2”
• tooltipGradient : String or Array | Tooltip history gradient points
• onChange : Method | Executed on each and every gradient modification and at get started
• onInit : Means | Done on initialization most effective
• noSupport : Means | Finished if the browser doesn’t reinforce HTML5

Strategies

• getArrayGradient() : Go Back the gradient issues array. Ex: “0%”,”#FFFFFF”,“100%”,”#000000”
• getCssGradient() : Go Back the whole gradient generated CSS code
• getStringGradient() : Return the gradient points as string. Ex: “0% #FFFFFF,ONE HUNDRED% #000000”
• setOrientation(orientation) : “horizontal” or “vertical” | Amendment the generated gradient orientation in are living.

Toughen

When You need help, contact me from my envato profile

When You purchased this plugin and love it, make sure you depart a vote !

you want a contract ? Touch me !

FULL DOWNLOAD

HTML5 Canvas Quilt Go With The Flow

This Is an ideal HTML5 Canvas XML Cover Flow presenting a 3D photograph gallery with a whole lot features. you'll be able to customise nearly anything else and the 3D truth presentation it’s so just right that the majority most definitely you are going to never want another Quilt Float.

This very complex HTML5 Canvas 3D Cover Flowis is optimized for cellular gadgets (Android and IOS mobile devices reminiscent of iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). It not only runs on those gadgets but it acts like a local app, you'll touch and drag/rotate the Carousel simply as you would a native app. Please be aware that we have now examined it on IOS (iPad2 and iPad3) and Android (Samsung Galaxy Tab) and the performance is truly good particularly on the iPad with IOS5 or higher (the canvas on this devices is hardware sped up).

This HTML5 Canvas Cover Waft may have any symbol presented in any approach you need: horizontal, vertical, oblique, additionally it has distinctive presets with pre-outlined movements and presentations. you can also set the colours of the buttons, scrollbar preloaders border and the like, basically all the color and snap shots topic may also be changed. Additionally, the entire buttons and scrollbar are optional.

the entire choices will also be simply modified from the configuration XML report, subsequently also the maintaining of the carousel it’s a lot more straightforward.

Instance for putting in place the carousel:

JavaScript code: var cc = new CanvasCoverflow(“myCanvas”, “load/config.xml”); HTML code:

The CanvasCoverflow JavaScript elegance serve as needs simply 2 arguments: the canvas id and the trail to the XML file. in this way you'll declare more than one instances, creating a new CanvasCoverflow example for every canvas, with a unique id and even a different XML configuration in case you wish.

A lend a hand report is connected to the obtain record explaining all configuration tags and deploy.

Please notice that the regulate panel from the demo is there just to show how the cover float will also be configured, to your use the component comes with out the keep an eye on panel, int the supply information both easy and regulate panel elements are incorporated. Duvet Glide Features:

cell optimized. XML pushed. the entire positions, sizes and theme colors may also be changed inside the XML file. helps any image recordsdata (png, jpg, gif). set the elements canvas width and peak. set the duvet float position at the canvas. set the thumb width and height. set the quilt go with the flow images space on x, y and z axis. set the duvet flow perspective for horizontal, vertical or oblique presentation. set the thumb border measurement and colour. tooltip thumb choice, that's dynamic (following the mouse). set the tooltip background color and the textual content measurement and color. the buttons can also be enabled or disabled (this implies that they'll not be visual). set the buttons colours. the scrollbar will also be enabled or disabled just like the buttons. set the scrollbar monitor and handler colours. the buttons, scrollbar and slideshow preloader positions can be set to be anywhere. the coverflow can also be scrolled with the mousewheel (you'll disable this if you want). slide show choice. car play possibility. set the slideshow transition time (while set to autoplay). it can open URLs whilst a picture is clicked. the performance of this product is so just right that you'll be able to have more than one coverflow instances set to vehicle-slide in the comparable web page of your venture or site.

Many different cool features!

FULL DOWNLOAD

jQuery Photographs Effects Plugin

A jQuery plugin for applying results on an image the usage of HTML5 canvas component.

25 effects including : black and white, vintage results, mix modes, instagram filters

FULL DOWNLOAD

HTML5 Dock Menu Gallery

Version 1.2 Unencumber Date 19.07.2013

• Mounted more than a few insects related to the most recent model of jquery (v 1.10)

Extremely customizable HTML5 Dock Menu XML with a pleasant design.

This dock menu gallery may also be used horizontaly or verticaly, also it has distinctive presets with pre-defined actions and presentations. you'll also set the colors of the historical past, border and the like. Every surroundings can be easily changed from the XML file.

All you wish to have in order to setup the dock menu gallery for your HTML report is solely one line of code. Dock Menu Features:

XML driven the entire positions, sizes and topic colours can be changed inside the XML record supports any image information (png, jpg, gif) additionally with clear backgrounds set the part gallery canvas width and height set the thumbs minimum and maximum width and top, once they are small and improved set the dock menu gallery photographs area set the horizontal or vertical presentation set the thumb border dimension and color tooltip thumb choice, which can be dynamic or static set the tooltip history color and the textual content size and color it has an autoplay option for when the mouse leaves the gallery set the autoplay pace it might probably open URLs when an image is clicked you'll be able to select the site or title of the window that is opened at click the performance of this product is so good that you can have more than one dock menu gallery cases set to autoplay within the similar web page of your project or website

Many different cool features!

FULL DOWNLOAD