Blancer.com Tutorials and projects
Freelance Projects, Design and Programming Tutorials
download PHP, ASP.NET, Java and Javascript from CodeCanyon – the marketplace for code scripts and snippets.Javascript, Java, Program, Code, Snippet, Script, Dev, Development, Codebase, MySQL, Class, Widget, System, CMS
This product is included Alert, Confirm, Prompt, Notification and Four creative themes. Easy to use and configure.
Big Pack is a Premium WordPress Plugin which has a bunch of useful Modules. Each Module can be thought of as an individual WordPress Plugin. After Activating Big Pack Plugin, you will have to Activate the individual Modules as per your needs. 9 Modules are available in Big Pack as of now and they are bound to grow.
Uno – Coming Soon/Maintenance Mode
Awesome Navigator
Footer Copyright Notice
Easy WordPress Scroller
I Agree for Registration
I Agree for Comments
MoRe Mobile Redirection
Prev Next Post Fly Box
Recent Post Fly Box
Feel free to let us know if you have any Feature Request and we will take it up as and when feasible. Thanks.
If you have any problems or need help for this Plugin, simply contact us by Comments or Register and open a support ticket on our site.
Version 1.0 - Initial Release
An awesome sidebar navigation jQuery template that allows you to build your own template from the ground up!
Requires iOS 5.0 or higher, Android 4.3 or higher, Latest RIM, Windows Mobile 8!
An awesome sidebar navigation jQuery template that allows you to build your own template from the ground up!
Requires iOS 5.0 or higher, Android 4.3 or higher, Latest RIM, Windows Mobile 8!
A sleek, and modern set of CSS3 HTML5 website notification boxes to use on your website, web projects, and applications. Easy to use, alter, and integrate.
The notifications have been tested (and work!) with all the following web browsers :
Documentation is thorough, though simple, and explains everything you need to know, in simple, easy-to-understand terms(no techie jargon!)
As set out in the documentation, implementation is very simple. Please see the example below:
<div class="notification success">
<a href="#" title="close">X</a>
<label title="Success!"><i class="fa fa-check-circle" /></label> <span> Your account has been registered.</span>
</div>
In the case you have issues after you have purchased this package, please do not hesitate to contact me for free, professional, and friendly support. I will endeavor to resolve any problem you have quickly. Please direct any support requests to the email form on my profile.
A basic cocos2D example which includes a custom iAd class file which allows you to easily add iAds to any scene in your cocos2D application. Due to the nature in which cocos2D doesn’t support the Model View Controller standard, it can be difficult to get iAds working (note how many cocos2D apps use AdMob!). With this code you can get iAd working quickly and easily without any major modifications to your app.
This full Xcode project features the AppDelegate and one scene/layer with a simple hello world label. iAds will load by default on the top of the screen (be it either a 3.5” or 4” display).
The custom class holds all of the methods for the iAd display which you can edit. Or you can duplicate the class and call it in a separate scene if you would like to have say scene one displaying a banner on the top and another scene showing the ad on the bottom.
With this code you could take the two class files and add them to your existing cocos2D application and as long as you follow the initialisation methods which are commented in this code it’ll work right away.
No longer will you have to suffer the pain of trying to get iAds working in your cocos2D app.
Now you can quickly and easily add onscroll animations to any elements on your WordPress website. Images, Text, Buttons, anything can be animated on scrolling.
Would you like to use Cre-animate.js in your theme developement?
No problem, just purchase an extended license for each theme you wish to have Cre-animate.js included in. Drop me an email if you do and I will include a link to your site on this page as an example.
Animation Types:
Fade-In
Slide-Down-From-Top
Slide-In-From-Right
Slide-Up-From-Bottom
Slide-In-From-Left
Scale-Up
Scale-Down
Rotate
Flip-Y-Axis
Flip-X-Axis
Animation Speed:
Animation speed can be specified in milliseconds – 1000ms equals 1 second.
Animation Delay:
The animation delay can be very useful especially if you have multiple items animated at the same trigger point.
Animation Offset:
Where on the page would you like the animation to take place?
An offset of 0% means the animation will fire when the element hits the top of the viewport.
An offset of 100% means the animation will fire as the element enters the viewport.
50% would be the exact center of the viewport.
You can choose the offset value for each and every animation.
Animation Easing:
Choose how you want the animation easing to take place.
There are currently 27 options:
ease
in
out
in-out
snap
easeOutCubic
easeInOutCubic
easeOutCirc
easeInOutCirc
easeInExpo
easeOutExpo
easeInOutExpo
easeInQuad
easeOutQuad
easeInOutQuad
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInBack
easeOutBack
easeInOutBack
If you have any questions about the script or suggestions for subsequent versions please contact us at [email protected]
An awesome sidebar navigation jQuery template that allows you to build your own template from the ground up!
Requires iOS 5.0 or higher, Android 4.3 or higher, Latest RIM, Windows Mobile 8!
Lazyvideo is a jQuery plugin that allows you to customise the controls of any HTML5 video element that you have on your website.
Make use of the themes that are bundled with Lazyvideo, or create your own with some simple CSS.
One regular license allows you usage on one website.
Latest Lazyvideo version 1.0.0 (11th February 2014)
Documentation | Changelog | Comments | Support – FAQs
If you like Lazyvideo, please spare a second to rate it… Thank you.
If you need support, please use the support forum and FAQs. I will get back to you as soon as possible. Any direct messages may be delayed response.
Because this is a jQuery plugin, you will need to be using jQuery on your website.
lazyvideo folder to the public folder on your server.Link Font Awesome CSS to your site, in the <head> tag.
<!-- Font Awesome stylesheet --> <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
Link Lazyvideo CSS to your site, in the <head> tag.
<!-- Lazyvideo Default stylesheet --> <link rel="stylesheet" type="text/css" href="lazyvideo/css/lazyvideo.min.css">
Add Lazyvideo Javascript below the jQuery library.
<!-- jQuery --> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <!-- Lazyvideo Javascript --> <script src="lazyvideo/js/lazyvideo.min.js"></script>
Add the class name lazyvideo to any video element in your HTML.
<video class="lazyvideo"></video>
<!DOCTYPE html>
<html>
<head>
<title>Lazyvideo example page</title>
<!-- Lazyvideo Default stylesheet -->
<link rel="stylesheet" type="text/css" href="lazyvideo/css/lazyvideo.min.css">
</head>
<body>
<video class="lazyvideo" width="800" height="450" src="videos/example.video.mp4" poster="img/example.poster.jpg"></video>
<!-- jQuery -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- Lazyvideo Javascript -->
<script src="lazyvideo/js/lazyvideo.min.js"></script>
</body>
</html>
There are multiple options so you can add or remove functionality from Lazyvideo. You can make use of these options using data attributes.
<video class="lazyvideo" data-fade="true">
For a full list of options and advanced implementation please take a look at the Documentation
PocketPuzzle is a puzzle game where the player tries to complete a sliding picture puzzle.
Features:
– Resolution: 480×720 scaling
– Mobile first design
– Works on following browsers: IE9 and newer, Firefox, Chrome, Opera, Safari
– State saving
– Turn any 416×416 picture into a puzzle
– Random puzzle shuffling
– Supports unlimited number of custom puzzles
Resources used in the creation of this game:
Game Font: Amerika Sans ( http://www.fontsquirrel.com/fonts/Amerika )
Puzzle graphics:
– https://openclipart.org/detail/174934/cyclist-penguin-by-moini-174934
– https://openclipart.org/detail/190581/happy-shark-yeah!-by-przylga-190581
– https://openclipart.org/detail/25959/air-by-anonymous-25959
– https://openclipart.org/detail/170138/cartoon-rattlesnake-by-sirrob01
Pure CSS3 Image Hover Effects is 30 Pure image hover effects which is suitable for portfolio, image gallery and much more. Its support major browser. You can easily use this effects. I have just give you ideas about effects you can develop more creative from this effects.
Let’s zoom your products!
B2J Aquarius Product Zoom for VirtueMart and redSHOP is a super customisable plugin. With the help of the jQuery based plugin the Joomla! users are able to magnify an image to have a more detailed view of the image. It has got responsive layout for mobile and iPad/iPhone touch. And it is compatible with Joomla 2.5+ versions.
Gallery has also additional images with slider. The image becomes the main image on mouse click and gets zoom hover. This super customisable plugin allows you to give custom parameters both for the zoomed variant of the image and for the zoom box.
Super responsive B2J Aquarius Product Zoom Plugin has two modes: Container mode and Fullscreen mode.
When you hover the image on product page, the box appears with the zoomed variant of the selected product image in Container mode. The zoom box can be displayed wherever you want it to be: left, right, bottom or top. When you hover on images in Fullscreen mode, the fullscreen icon appears and on mouse click, it opens the zoomed variant in fullscreen. In this mode, you can also see the additional images with nice sliding effects, again, wherever you choose them to be located.
Documentation: http://www.bang2joom.com/documentations/b2j-aquarius-product-zoom-pro
Support: http://www.bang2joom.com/Forum/bang2joom-aquarius-product-zoom-pro
Drive Your Car is a HTML5 run game. You control a sports car that must avoid opponent’s vehicles. Your aim is to other cars for as long as possible, each crash cost you a life (you have three lives by default).
The game has an unique level that gradually become more difficult.
More info into help file (see documentation).
SPECS:
The package contains three different resolution (320×480,320×568,768×1024) to grant full compatibility with all most common mobile devices.
This game uses jQuery 2.0.3 and CreateJs library (updated to 2013 – 09 – 25).
HOW TO PLAY:
Use arrows to steer and spacebar to jump (or use buttons in the GUI for mobile)
MAIN FEATURES: