Pure CSS3 Gallery (Animations and Effects)

Pure CSS3 Tabs is a quick and easy solution for CSS-only image galleries

Features

  • 4 Thumbnail Positions
  • Responsive
  • Shadow FX
  • CSS Animations
  • Choose your Default Open Photo
  • Works on all major browsers
  • pdf instructions included
  • Support available through my profile page

Check out CSS Accordion and Circular CSS Tabs too!


Note: Images in the demo courtesy of Lorem Pixel are not included.

Download Pure CSS3 Gallery (Animations and Effects)

Business Worldwide Locator Animation (Charts and Graphs)

    Business Worldwide Locator Animation – Adobe Edge Animate CC Template:

  • 4 Edge Animate .antml files included.
    1. version01- 720×400 – 10 targets + 10 tooltips + 10 caption textholders
    2. version02- 720×350 – 5 targets + 5 tooltips
    3. version03- 720×350 – 10 targets + 10 tooltips
    4. version04- 720×400 – 5 targets + 5 tooltips + 5 caption textholders
  • Mouse Hover Animation.
  • Tablet & Mobile Device Compatibility.
  • Original Vector Shape EPS 10.0 files included.
  • PDF Guide Manual
  • Check Preview Video for more information.
  • Exclusive on Envato Marketplace – Codecanyon Only.
  • Preview images/photos are not included, for illustration only.

Download Business Worldwide Locator Animation (Charts and Graphs)

Hold up The ball – HTML5 Game (Games)

About the Game:

Hold up the Ball – Soccer Game

In this Hold up game, you have to kick the ball and hold it in the air as much as possible. This game has a level mechanism, which means that you have to kick the ball a certain number of times (without letting it touch the ground) to be able to proceed to next level. The number of required kicks will increase in each level and so the game will become harder as you progress.

How to Play:

You can kick the ball and hold it up by using mouse or touch feature of mobile devices.

Features:

» HTML5 Game
» Supports Touch
» Works On all HTML5 Browsers
» Can be Used in Mobile Devices & Websites
» Easy to Personalize the Game’s Appearance and Sound

We will be happy to hear your ideas and opinions about the game, so if you like write a comment or send it to our e-mail:
[email protected]
And if you liked it, don’t forget to rate it!

Come & See Our Website: www.01Smile.com

Flag Counter

Download Hold up The ball – HTML5 Game (Games)

Magic Responsive Slider &Carousel WordPress Plugin (Sliders)

Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support. Enjoy it now!

\

\
\

 

\
IF YOU NEED ONLY THE JQUERY PLUGIN FOR THIS PRODUCT, YOU CAN DOWNLOAD IT FROM HERE: http://codecanyon.net/item/magic-slider-with-layers-carousel-with-lightbox/6626850

 

\MAGIC SLIDER

video tutorial

Step 1: Installation – http://www.youtube.com/watch?v=FSO1JjQq6O8
Step 2: How To Create A Slider – http://www.youtube.com/watch?v=-_s2YQSiTu4
Step 3: How To Add The Layers – http://www.youtube.com/watch?v=UKB_5h9LWc8
Step 4: How To Use It As FullScreen Background – http://www.youtube.com/watch?v=7H7yN3PTH_A

 

Features

  • touch screen navigation support for mobile
  • responsive design. Available parameter to disable responsive behaviour
  • 2 predefined skins: bullets & thumbs
  • layered elements: permits almost unlimited number of layers, images or texts.
  • animated layers from any direction: top, bottom, left and right using smoooth CSS3 transitions.CSS and HTML formated
  • each layer has parameters for intial move animation, intermediate move animation and exit move animation
  • Ultra-smooth Ken Burns Effect for background image, on all major browsers
  • ‘Fade’ and ‘Slide’ transitions to navigate between the slides. Parameters to set the speed and easing.
  • Fixed Dimensions Version, Full Width Version and Responsive Version
  • Full Screen background option
  • external url link parameter for each slide
  • target parameter: _blank or _self
  • width & height parameters
  • autoplay parameter
  • loop parameter
  • show/hide controllers parameter
  • show/hide bottom thumbs parameter
  • circle timer parameters for color, dimensions, transparency
  • you can include YouTube and Vimeo
  • multiple options from where you can customize the plugin.
  • you can insert multiple instances in the same page with the same skin or using a different skin.
  • detailed help documentation included.

 

 

\ MAGIC CAROUSELPERSPECTIVE and ONE BY ONE

video tutorial

Installation – http://www.youtube.com/watch?v=koxVQNzIRKs
How to create a perspective carousel – http://www.youtube.com/watch?v=glBz-FSTznc
How to transform a perspective carousel in an one-by-one carousel – http://www.youtube.com/watch?v=JSlPlvbF7bI

 

Features

  • touch screen navigation support for mobile
  • responsive design – available parameter to disable responsive behaviour
  • multimedia support: Images, YouTube, Vimeo, HTML5 video and HTML5 audio. HTML5 video and HTML5 audio will not work in IE7 & IE8
  • lightbox support
  • border – you can set the border size and border color for active and inactive image.
  • Fixed Dimensions Version, Full Width Version and Responsive Version
  • circle timer parameters for color, dimensions, transparency (available only for Perspective version)
  • width & height parameters
  • it supports links for each image with parameter for _self or _blank
  • autoplay parameter
  • show/hide controllers parameter
  • show/hide bottom navigation parameter
  • you can insert multiple instances in the same page with the same skin or using a different skin.
  • multiple options from where you can customize the plugin.
  • detailed help documentation included.

 

 

\

\

Keywords: carousel, layers, gallery, image, lightbox, jquery, ken burns, kenburns, layer, parallax, responsive, slider, slideshow, swipe, touch

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 Magic Responsive Slider &Carousel WordPress Plugin (Sliders)

Ultimate Addons for Visual Composer (Add-ons)

Extend Visual Composer and add more power to it!

This plugin adds several premium elements in your Visual Composer on top of the built-in ones given by WPBakery. Every single element in the package is crafted with utmost attention to details and a simple objective to provide you an ultimate experience. We’ve put a lot of time and care to ensure that all the elements are flexible so that they will open limitless possibilities for you, while maintaining simplicity at the core.

Visual Composer Addon Elements –

1. Simple Icons – You can use this element to integrate a simple icon (font & image, both kinds) in your page and use it as you want. Or you can utilize Visual Composer grids and display a list of logos of your clients, partners, sponsors, etc.

2. Info Box – Perhaps, the most popular trend right now, Info Boxes truly make your website stand out helping you highlight the important things you have on offer.

3. Info List – Traditional HTML lists are boring, aren’t they? This elements simply reimagines the lists. You may take an opportunity and utilize it’s cool design to show some process or simply highlight your most popular / related products, services & features.

4. Flip Box – This element combines the power of “Info Box” & “Call to Action” block altogether. On the front, it would look like a normal Info Box but as visitor hovers on the block, it flips with a cool CSS3 effect and shows a Call to Action section, provoking him to take a call.

5. Counter – Want to show your milestones, achievements and any other numeric statistics with animated numbers? This element will help!

6. Interactive Banner – Many times, image banners come in handy as they are very convenient and obvious way to deliver your message precisely. This element will display those image blocks in a nicer & interactive way.

While we believe the above six elements will benefit your site immediately, these are not really all. We’re already working on few more elements that we look forward including in this plugin as we complete them. We want to make this plugin as an “ultimate” source for you to get most of the essential Visual Composer addon elements in one package.

The long wait has finally come to an end..
..introducing, WordPress Icon Fonts Manager!

This project was originally started with a slightly different objective of developing a functionality that will help people use the Icon Fonts in their WordPress site easily. But then, we realized – providing just the Icon Fonts functionality wasn’t enough to make it go. There was a need to make Icon Fonts even more intuitive for normal WordPress users and that’s when we decided to develop several Visual Composer element that will make usage of Icon Fonts even easier. So – “Ultimate Visual Composer Addons” is technically an extension of two things; firstly of our Icon Font Manager and secondly, the obvious one – Visual Composer :-)

Features of the Icon Fonts Manager –

1. Customize Your Own Icon Fonts –

We understand you don’t use all those hundreds of prebuilt unnecessary icons that come with any of those popular libraries like Font Awesome, Entypo, etc; but you care more about only the few ones that relate to your business more.

That’s why, we’ve made our Icon Fonts Manager very compatible with the famous IcoMoon’s APIs where you can create your own customize font by shortlisting your favorite icons from the choice of FREE 4500+ icons! If those 4500+ icons still fall short, IcoMoon will still cover you with their amazing feature that helps you convert your SVG designs in the Icon Fonts.

2. Real Time Icon Search –

Okay, many of us would like big numbers & more choices of icons, wouldn’t we? Though this choice is really very fancy, it certainly comes with a pain as we can’t easily find the icon that we are looking for when we need it. And that’s why we have integrated a real time search feature which can help you sort through all the Icon Fonts you have in your library very smartly.

3. More features on the way –

As said earlier – Icon Fonts Manager is our individual, long term project; and we look forward adding more features in it with time such as integration with WordPress’s Menu, TinyMCE editor, etc. When these features will be developed – they will be provided in this plugin as well.

After working so hard on this plugin for last few weeks, we believe we have “nailed it”, and have come up with a truly essential solution that would benefit all the Visual Composer users. We fancy the Icon Fonts Manager part of this plugin very much as well and hope that you will love it as much as we do!

Minimum Requirements

  • WordPress 3.6 and above
  • Visual Composer 3.7 and above

Download Ultimate Addons for Visual Composer (Add-ons)

LinkSummary – Add Reference Links to Pages/Posts (Miscellaneous)

LinkSummary is designed to provide you with a powerful and flexible way to include blocks of ‘Reference Links’ in your Pages and Posts.

It detects links in your content and allows you to number them (if you want), before outputting a ‘References’ section at the end of the Page/Post.

Features include:

  • Include all Posts, or include individual Posts
  • Include all Pages, or include individual Pages
  • Optionally Add a super-script number to links
  • Optionally replace links with a super-script number
  • Shortcode included to place References Summary anywhere you like
  • Summary section is template-based and can be overriden in your theme(s)

Download LinkSummary – Add Reference Links to Pages/Posts (Miscellaneous)

Pryx – Responsive Bootstrap Pricing Table (Pricing Tables)

Pryx is a clean, modern and responsive pricing template integrated using twitter bootstrap framework. It comes with variety of layout colors and font awesome icon fonts.

Features

Responsive Design
Twitter Bootstrap Integrated
CSS3 Hover Transition Effects
5 Colors
360 Fontawesome Icons
Easy Customization
Major Browser Supported
Documentation Included

Sources and Credits

Twitter Bootstrap Framework – http://getbootstrap.com
jQuery Library – http://jquery.com
Icomoon – http://icomoon.io/
Font Awesome Icons – http://fontawesome.io/

Download Pryx – Responsive Bootstrap Pricing Table (Pricing Tables)

AutoHide Sticky Header (Navigation)

General Description

In modern web designing, designers need more space and easiness in pages to capture user’s mind to texts within the pages.As availability of important links of page is very important for the user to be able to go to the intended pages at any moment. So designers use sticky headers for their sites, in this script as well as a fixed header, the user can hide header with beautiful animation by scrolling it and when the user put mouse cursor over it or even scroll one pixel to the top, the header will display again.

Features :

  • 2 Style (Dark – Light)
  • Sprite Images
  • Pure CSS3
  • Open Source fonts and icons used
  • jQuery used
  • Google CDN font used
  • CSS Dropdown menus
  • Search box with animation effect
  • Clean and minimal design
  • Commented codes
  • CSS3 Transition Effect
  • PDF Documentation
  • Support available through my profile page
  • Easy to use

If you have any questions or a comment please contact us.

Download AutoHide Sticky Header (Navigation)

Data Matrix Generator (PHP Scripts)

Data Matrix is a matrix (2D or two-dimensional) bar code which may be printed as a square or rectangular symbol made up of individual dots or squares. This representation is an ordered grid of dark and light dots bordered by a finder pattern. The finder pattern is partly used to specify the orientation and structure of the symbol. The data is encoded using a series of dark or light dots based upon a pre-determined size. The minimum size of these dots is known as the X-dimension

How To
Who can use Data Matrix codes?

Three things are required in order to successfully decode a QR code: a Smartphone, a Data Matrix code scanning application, and a connection to the Internet (either through the phone’s data plan or over a site-generated wireless network)

The Phone:
In order to use Data Matrix codes, you need to have a cell phone capable of running decoding software. These phones can download and install applications, can access the Internet, and have cameras. These types of phones are loosely referred to as “Smartphones”; the most common examples are iPhones, BlackBerries and Android phones.

The Application:
There are a number of applications which can be used to decode a Data Matrix code, all of which work in similar ways. We have chosen to use ScanLife, a free app which has versions for a wide range of phones. Going to the website – http://getscanlife.com- on a phone’s Internet browser will automatically detect the type of phone and guide you to the appropriate version of the application.

The Connection:
Because the Data Matrix code is a link to online content, you need to be able to connect to the Internet in the location where the codes are placed. Smartphones can connect to the Internet in two ways: through a 3G data connection, or through WiFi

Download Data Matrix Generator (PHP Scripts)

Tiny Music Player – HTML5 Audio w/ Flash Backup (Media)

CodingJack’s Tiny Music Player

HTML5 Music Player with Flash Backup

Tiny Music Player is the perfect solution for webmasters who want to play music on their web pages but don’t want the player itself taking up a lot of space. It’s the type of player that could fit elegantly into any site, and since all 3 skins are built with 100% CSS, changing colors to fit your site is super easy.

Features Include

  • 3 Built-in CSS3 skins
  • 6 Built-in positions to choose from
  • Choose between an animated bars or a static icon
  • Autoplay, randomize and loop options
  • Choose to always show the main player or show on mouse-hover
  • Optional song title ticker
  • Option to hyperlink each song title
  • Customize/remove player’s HTML elements with ease
  • Built-in Flash backup for ultimate file-type flexibility (use mp4 for every browser and every device)

IMPORTANT NOTE

The equalizer randomly animates and DOES NOT sync with your song’s output levels.

Additional Notes

  • API for advanced users.
  • Due to mobile device restrictions, autoplay is not available on mobile devices.
  • Song urls need to end with .mp3 and .ogg.
  • Songs used in the preview are not included with the download source.
  • For performance considerations, the bars will not animate in IE8.

Music Used in the Demo

Disturbing Dreams by monophonicspace
Energetic pumping electronic club track by adamjamescuz
Dubstep Beat by Ane_Novak
Super Dance Party by DarkSunz

More Items By CodingJack

HTML5 Music Player

HTML5 Video Player

Lightbox with Social Sharing

Download Tiny Music Player – HTML5 Audio w/ Flash Backup (Media)

Opencart CDN extension (OpenCart)

Opencart CDN extension is a general CDN solution for opencart. which will speed up page resources loading in client browser.

the main features are:
1.separated data images and theme resources.
2.easy operate on backend module setting.
3.support multi-cdn domains
4.support adding ”?version=numberic” at CDN resource urls to solve CDN expiration issue when updated static resources.

=====================
installation:

1. VQmod is required.
2. unzip this extension and reset to your opencart site document root, login backend,
click “extension->module” menu, then pick “Opencart CDN” module,

demo site:

backend : http://opencart.site4test.com/admin/index.php
login : demo/demo

if you have further question, you can contact [email protected] directly or leave comments.

Download Opencart CDN extension (OpenCart)

BigHippo – FtpImport (Magento Extensions)

BigHippo FtpImport is a Magento extension to import products and update attributes (i.g.: price, stocks, images, gallery images…) locally or through a remote FTP system.

– Import products from a FTP server (including images).
– Update prices and stock from a FTP server.
– Import products improving Magento DataFlow, CSV format.
– Designed for cron jobs, listenting to a folder (locally or FTP), run when a file appears.
– Fully debug reporting during importing (missing pictures, missing attributes…)
– Debug reporting during importation sends by email to different recipients automatically.
– Import additional pictures to product (gallery images).
– Mark as exclude the main picture after importing. (Main picture won’t show as additional).
– Every import updates images, don’t add more.
– Categories are specify by name (not using IDs). If not exists, it will be created.
– Every import uses the SKU attribute, if the product exists then it will update attributes.
– All processed files will be kept.

Check the latest documentation at http://bighippo.co/documentation/ftpimport/documentation/index.html

Download BigHippo – FtpImport (Magento Extensions)

phpShark – Social Networking Platform (Social Networking)

Description

phpShark is a simple, easy and intuitive Social Network Platform.

A social network allowing users to interact with each other by live chatting, sending messages, comments, like and so much more.

The application can be configured to be open to everyone, or only those who are registered.

It is easy to configure and NOT requires much resource to the server.

Features

Here are some of its main features:

  • Live Chats, Messages, Comments.
  • Notifications on likes, comments, following, and chat.
  • Likes, hashtag, emoticons in chat y comments.
  • Multileguage system.
  • Theme System.
  • Responsive Design.
  • Optimized for SEO.
  • Access the maintenance area

    When the application is installed, a user is created. This user also is an administrator:

    Username: usermain
    Password: 123456

    Maintenance Area Options

    General Settings: To configure the more general aspects of the application.
    Manager Users: Section that is used to manage user accounts.
    Languages: In this option you can choose default language of the system.
    Themes: In this option you can choose default theme of the system.
    Manage Ads: To configure the areas of advertising. These areas are advertising 200×200 pixels.
    Pages: To enter the content to different pages of the website.

    Download phpShark – Social Networking Platform (Social Networking)

    Audioplayer (Audio/Video)

    THE AUDIOPLAYER APP

    Audioplayer is a new application that allows you to play your own music library.

    The application is easy to customize and integrate into your projects xcode.

    Important features of the application are:

    • The possibility of using the earphone remote with advanced functions AudioSession
    • The innovative interface
    • Ease of use

    The source files are commented and written with intuitive logic. Each object is divided by the player’s customizable classes.

    Within the project there is also the PSD well structured and very good documentation.

     

    APPLE EARPHONE

    With remote works well!

     

    EASY TO EDIT

    As you know, I have coded this application with UIKit, the Storyboard are included!!!
    So you can changed the graphic too easy!

     

    FILES INCLUDED?

     

    LAYER MODE

     

    THE ARTWORK

    Download Audioplayer (Audio/Video)