Category: code

J.B.Weather (ver 2.0) is a simple widget for displaying weather conditions and forecast for places across the world.

Features :

• jQuery driven

• uses AJAX technology

• Cache

• Search Bar with auto complete function

• Ability to set default location

• Ability to auto detect user location using HostIP service or its own integrated geoip database.

• Celsius or Fahrenheit units

• Kilometers or Miles units

• Displays today’s date, temperature, wind direction and speed, forecast for next 4 days

• Color or Black and White layout

• Has its own unique icons

Download J.B.Weather Widget 2.0 – Standalone (Miscellaneous)

TouchAudio Toggles are the foundation of our audio apps. They have an elegant simplicity that allows us to spend time on the look & architecture of our applications, which is where we can best impress our clients.

• Cross Browser, Cross Device
• Autoplay
• Global Sound Manager
• HTML5 + Flash Fallback
• Restart or Resume
• Customize with CSS

TouchAudio toggles include two magic bullets; the “toggle button”, and the “toggle element”.

The toggle button is dead-simple, and powerful. It plays & stops audio anywhere on the page. If one starts, it automatically stops the other. Super clean, super basic, and it gets the job done wonderfully.

The toggle element, is what allows us to make virtually any layout into an audio interface. We can turn <img> <div> <span> <p> and more into an audio library.

Both toggles are super-clean when it comes to writing natural html, and styling with css, especially when using a framework like ember, angular, or backbone.

Verified compatibility

Android Browser 4.1.1

Firefox 14.0.1

Google Chrome 21.0.1180.89

iOS Safari 5.1.1

Internet Explorer 9.0.8112.16421

Safari 6.0 (8536.25)

Keep building!

Download Touch Audio Toggles (Media)

Asp.Net MVC 3 events calendar with admin panel and users management.

Download K Events Calendar ASP.NET MVC 3 (Calendars)

CodingJack’s 3D Carousel

• Real 3D using CSS3 3D Transforms
• Works on Chrome, Firefox, Safari, iOS and Android
• Graceful grid style fallback for Opera and IE

Tablets and Phones with Touch Swipe

The carousel is supported on iOS and Android and includes touch swipe functionality. It looks great on a tablet and will even work on a smartphone. But because the carousel can appear small on smaller screens, I’ve included two special options for smartphones:

• Option to display a thumbnail grid instead (the “fallback” presentation)
• Option to transform the grid fallback into a responsive layout. View either preview from your phone for an example.

Customizable Options Include

• Choose to “auto spin” the carousel.
• Toggle the initial “zoom/spin” animation on and off
• Toggle the HTML5 Canvas “shine” hover effect on and off
• Choose to use image reflections
• Customize the 3D values shown in the previews
• Set the autoplay speed as well as the mouse interaction speed
• Item captions are optional
• Choose to auto-show item captions
• Hyperlinking is optional

Technologies Used

• HTML5
• CSS3
• jQuery
• Jacked
• HTML5 Shiv
• Icons courtesy of Navdeep Raj

More works by CodingJack

Download CodingJack’s 3D Carousel (Sliders)

Want a unique login? Well you’ve found it, allow your users to choose their own passcode from up to 10,000,000,000 combinations!

Download Unique Login (Forms)

Universal Donation Box is a powerful donation manager for your website.
It handles unlimited number of dontaion campaigns, supports multiple payment gateways (PayPal, Payza/AlertPay, Skrill/Moneybookers, Authorize.Net, InterKassa, EgoPay, Liberty Reserve and Bitcoins) and can be easily integrated into any website (no more difficult than insert Facebook Like button, check out steps 5-6 in “Installation” paragraph). Universal Donation Box is the easiest and perfect way to monitize your website.

Features

• Handle donations on website: use this script to handle donations.
• Multiple payment gateways: PayPal, Payza/AlertPay, Skrill/Moneybookers, Authorize.Net, InterKassa, EgoPay, Liberty Reserve and Bitcoins.
• Accept cryptocurrency – bitcoin: bitcoin payments are accepted through Paysius (port 53135 on your server must be opened).
• Minimum donation limit: set minimum donation limit.
• Unlimited campaigns: handle (create, edit, delete, block, unblock) unlimited number of campaigns.
• Modern donation form: HTML5 + CSS3 , AJAX-ed donation form.
• Display top donors: script can display top donors.
• Display recent donors: script can display top donors.
• Content editor: insert any HTML -content inside of donation box.
• Secure Admin Panel: configure script and manage data through nice admin panel.
• Easy to integrate: insert only 3 lines of code into webpage (check out “Installation” paragraph).
• Cross domain access supported: you can install script on one domain and use it with unlimited number of domains.
• CSV Export: all donors can be exported as CSV -file.
• and more, and more, and more…

Front End Demo

Click “Live Preview” or visit demo website to see how Universal Donation Box works.

Admin Panel Demo

You can try admin panel:

URL : http://www.icprojects.net/php/universal-donation-box/

Login: admin

Password: admin

Installation

Let’s imagine that you have website http://www.website.com/ and you want to install script there.

1. Create folder donation-box (use any other name) in root of your domain. Once created it can be reached by URL : http://www.website.com/donation-box/
2. Edit inc/config.php and set MySQL database parameters.
3. Go to admin panel http://www.website.com/donation-box/ using default login/password (login: admin, password: admin), configure script on Settings page and create at least one campaign on Campaigns page.
4. Make sure that your website loads jQuery. If it doesn’t, just add this line into head section:
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
5. Add these lines into head section (before </head> tag):
   
   <link href="//www.website.com/donation-box/css/udb.css" rel="stylesheet">

<script src="//www.website.com/donation-box/js/udb-jsonp.js"></script>
6. Add campaign shortcode (from Campaigns page) in the place where you want to see donation box. Example:
   
   <div class="unb-box" data-id="X"></div>

Customization

By default, donation box contains donation form only. You can customize donation box using data-rel
attribute on step #6. Below you can see available basic values for this attribute:

• form – display donation form
• form-nourl – display donation form without “URL” field
• top-X – display top X donors
• recent-X – display recent X donors

You can create complex value by mixing basic values (ex. data-rel="form,top-5" or data-rel="top-5,recent-5"). Examples:

1. This code generates donation box which contains donation form and list of top 10 donors:
   
   <div class="udb-box" data-id="X" data-rel="form,top-10"></div>
2. This code generates donation box which contains list of 10 recent donors and list of top 5 donors:
   
   <div class="udb-box" data-id="X" data-rel="recent-10,top-5"></div>
3. This code generates donation box which contains list of top 10 donors and form without “URL” field:
   
   <div class="udb-box" data-id="X" data-rel="top-10,form-nourl"></div>

Requirements

• PHP version 5.0 or greater
• MySQL version 5.0 or greater
• jQuery version 1.5 or greater

Support

If you have problems regarding using the script, please contat me and I’ll help you.

Download Universal Donation Box (Miscellaneous)

No gimmicks… just great coding, great design and a smooth user experience from both sides (yours and the viewers). “Custom grid” is ASP .NET MVC3 grid developed from the ground up to be the simplest, most customizable grid possible. It is a clean, minimalistic grid that can be used for any number of purposes.

Features:
• Gimmick-free, Table-based design & Valid HTML
• 2 color schemes (with option to customize the grid css)
• Filters for text, numbers and dates with large number of filter options
• Simple and Advanced paging
• Content formatting

Download MVC3 CUSTOM GRID (Add-ons)

This player is inspired on Dragontape player ( this is a jquery version ) .
With DragYoutube you can Present and Sell your Work ( Paypal ) , There is also a mini player if you are trying to add the player on a blog post or something . If you like it please share/rate and thank you .

* Features

• 4 Themes!
• Sell Your Work With Paypal
• Work With Youtube Playlist
• Unlimited Videos!
• Mini Player !
• Play All Videos With one Click
• Autoplay
• Just Javascript , No PHP !
• Easy To Translate
• Easy Installation & Customization
• Good Documentation ( videos included )

Compatible Browsers *

• IE8+
• FF4+
• Chrome
• Opera
• Safari 4+

Download DragYoutube – Dragontape Player Jquery Version (Media)

Set of over 250 web buttons created with CSS3 and optional jQuery.

• Buttons with dropdowns, menus, tooltips, notifications etc.
• Many different styles and colors
• Two separated version included: jQuery and CSS -Only
• CSS3 effects
• All .PSD files included
• Light-weight files, CSS sprites
• Easy to set up, very flexible

Download Web Buttons Pack (Buttons)

jPuzzle

Play the classic slider puzzle with one tile removed now in HTML5 Canvas.

Features:

• HTML5;
• Automatic image snipping;
• All image sizes supported, no pre-defined sizes;
• 5 different tile versions: 3×3 – 7×7;
• Next & Previous option;
• Preview option;
• Unlimited images can be added;
• Full Cross Browser Support;
• Full Android and iOS Mobile Support;
• Documentation included;
• Images used in the preview are not included

In Need of A Custom Script?

Any other programming work you may need can be provided by us for an additional fee. Feel free to contact us!

Download jPuzzle (Games)

Ken Burns Sliders Full Collection WordPress Plugin comes in 4 versions: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries. Please check the video tutorials and the live preview of this slider and convince yourself of its quality.

 

IF YOU NEED ONLY THE JQUERY PLUGIN FOR THIS PRODUCT , YOU CAN DOWNLOAD IT FROM HERE : http://codecanyon.net/item/jquery-slider-ken-burns-effect-fully-responsive/2457203

 

Video Tutorials

Step 1: Installation – http://www.youtube.com/watch?v=nyp-JRXBN0I
Step 2: Manage Images – http://www.youtube.com/watch?v=PyDBliM74Bk
Step 3: Manage Text Over Image – http://www.youtube.com/watch?v=XNEMCEfyPQ8
Step 4: Manage Multiple Banners – http://www.youtube.com/watch?v=egw2m11wSv4
Step 5: Responsive Behavior and other settings including 100% dimension – http://www.youtube.com/watch?v=EA3vvEf4rWY
Step 6: How To Disable Ken Burns Effect
– http://www.youtube.com/watch?v=D29v2cF_TAY

 

FEATURES :

Ken Burns Sliders Full Collection Word Press Plugin includes 4 versions:

– Fixed Dimensions Slider
– Full Width Slider
– Full Screen Slider (it can be used as FullScreen Background or Fullscreen Gallery)
– SideBar Sliders/Mini-Galeries

touch screen navigation support for mobile

responsive design. Available parameter to disable responsive behavior. Check here responsive version

3 predefined skins: Opportune, Majestic, Generous

ultra-smooth Ken Burns Effect on all major browsers, in any combination: left, center, right with top, center, bottom

Ken Burns Effect initial zoom and final zoom parameters for each image

Ken Burns Effect duration parameter

parameter to disable Ken Burns Effect. Check here example without KenBurns Effect

circle timer parameters for color, dimensions, transparency

animated text from any direction: top, bottom, left and right. CSS and HTML formated

supports YouTube, Vimeo, HTML5 or other video player

support links for each image with parameter for _self or _blank

width & height parameters

autoplay parameter

loop parameter

show/hide controllers parameter

show/hide bottom navigation parameter

you can insert multiple instances in the same page

PSD files included in the download .zip

 

 

If you need additional information don’t hesitate to contact us at [email protected]. We’ll try to answer you as quickly as possible.

Enjoy!

Download Responsive Ken Burns Slider WordPress Plugin (Sliders)

Do you want to show messages to your visitor in specific situation? Event Message is just right for you.

Click here for user demo
Click here for admin demo (user: demo/pass: demo)

Features

• 4 Different Events (Always, Post or Page, Time, Search in URL )
• 6 Different Themes
• Really Easy to Install
• Free Support!

Download Event Message (WordPress)

Summary

The Opencart Category-Based product code generator is an Opencart module built for Opencart version 1.5.4.1. The main idea behind the module is to generate product codes based on a category prefix that is entered while creating a new category.
It is a simple module that will take away the task of generating product code from the website administrators and will also make it easier for the administrators to find products that are ordered via phone order.

Features

• Automatically generating product codes.
• Search/Filter products according to product code.
• Ability to sort products according their product code

Demo Credentials

Admin Username: admin
Admin Password: password

The above accounts shouldn’t be edited. All data entered will be removed in a day or two.

Support and Documentation

Please drop us a line on [email protected] with any questions you may have, full documentation is included with the program to help you with your projects.

Download Opencart Product Code Generator (OpenCart)

Description

Add multiple TAB for each product like Changlog tab , Readmore Tab , Help tab, Size list tab etc.

o    You can give name for tab,
o    Create full description like product description with WYSIWYG editor.
o    Create as many tab you need.
o    Create different tab for each product (Specified product)
o    Quick and Easy to install.
o    No files are replaced
o    Works on Latest version 1.5.X to 1.5.4    

Install
To install the module, you must copy the contents of the zip archive in the root folder of your online store and just give the path name to install ?

Updates
•    Tested and check on latest Version 1.5.4.

Live demo
Click for demo of product
 

Download Multi Tab for Each Product (OpenCart)

With this interactive facebook application users can find out their best friend or with who can they have a date.
This application uses an algorithm based on mutual friends. This is awesome for a marketing campaign and you can get easily thousands of like/fans for your facebook fan page in just a few days.

Demo

My best friend is…
My date is…

Features

• Quick and easy setup (you need to edit one file)
• Ability to Invite friends to your facebook app
• Easily set the page title and message to the facebook friend invite box
• Ability to set the facebook album name, album description and photo description
• Trackback (a link to your facebook app) from the facebook album description/photo description
• Ability to change the font and size of the text
• The best friend / date are generated random by an algorithm based on mutual friends
• Very simple to change between apps (you need to change 1 variable)
• The generated image is mapped with links to profiles of the respective best friend / date, so that the user can click on them to go to thier profiles.
• Ability to auto-share the best friend / date
• Big profile picture

Requirements

• PHP 5 .x
• PHP – Image Processing and GD Library
• SSL – (facebook requires it for app, free service to adapt your url to a https one here http://www.facebook.com/SocialServer/app_261728003901552)

Changelog

September 2, 2012

• Initial release

Download Facebook Campaign 2in1 – My best friend / My date (Social Networking)