HTML5 Music Player with 3 CSS3 Skins (Media)

HTML5 Music Player with 3 CSS3 Skins

This HTML5 music player is great for anyone who needs their music to work on both desktops and mobile devices. It has three CSS3 based skins to choose from and comes with a custom built Flash fallback for older browsers that don’t support HTML5 Audio. Use it as your page’s main music player, add it to your blog posts or build on top of it with the available API methods.

Custom Settings Include:

  • Choose from three CSS3 skins
  • Start the player in an open or closed state
  • Choose to autoplay music
  • Randomize the song order
  • Set the volume level
  • Add custom HTML for song titles

Music Used in the Preview

API Methods for Advanced Users

  • Toggle playback on and off
  • Play a song by index
  • Skip to the next song
  • Destroy the player

Special Notes

  • Background images and songs are for preview purposes only and are not included in the source download.
  • iPads and iPhones do not support HTML5 media autoplay and autoplay will be automatically set to false for these devices.
  • Although the player will work with only one song it is specifically styled for multi-song usage.

More Files by CodingJack

jQuery Gallery

jQuery Banner Rotator

jQuery banner rotator

Download HTML5 Music Player with 3 CSS3 Skins (Media)

Create Portfolios and Galleries with Pixelmine (Media)

Pixelmine is a WordPress Plugin for designers, artists, photographers and craftspeople who want to showcase their work. Pixelmine is flexible, easy-to-administer and boasts a ton of functionality.

Use any WordPress Theme. Change themes on-the-fly and inherit CSS .

Drag, Drop & Publish
Easily create portfolios and galleries with an Intuitive admin panel fully integrated into WordPress.

Allow visitors to mark favorites, send feedback and share your collections with others.

Visual Control
Set layout and style including auto-cropping and aspect ratios for images. Add titles, descriptions and tags to augment your content.

Private Access
Create private collections and invite people to view via email. Great for sharing personalized examples with prospective clientele.

Additional tagging capabilities allow your visitors to filter views based on related sets of images or videos.

Download Create Portfolios and Galleries with Pixelmine (Media)

Solid PHP User Management System (Project Management Tools)

Solid PHP User Management System is a compact, secure, easy integrateable user management system, using MySQL.

This user system makes it possible to restrict pages or content to specific user groups or registered members. You can easily integrate this user system into your current website, or use the already “Pre-Made Website” which has already been setup with this user system.

The Solid PHP User Management System, has been coded with “Object Oriented Programming” in mind, so when you want the user system to do something, you simply call whatever function you wish like this:


It couldn’t be easier!
This also makes it very easy to integrate into your own website.

Download Solid PHP User Management System (Project Management Tools)

ServerCHECK Mini – Monitor Your Website Or Server (Windows)

ServerCHECK Mini is a tool for monitoring, reporting and alerting on network and systems availability.
It can monitor your website and verify the content served from a web server (process availability).

The ServerCHECK Mini Software runs as a local service and it is very simple to administration with only 3 configuration options:
– Monitoring URL
– Delays between the checks
– Region of the server (required for the speed test)
Alerts are displayed visually and by sound.

At each test, a speed test is done, so that any impending problems or failures can be detected in time.

Don’t worry about server outages, save money on advertisements that run into the empty, no more disgruntled visitors.
ServersCheck Mini is available exclusively at

Download ServerCHECK Mini – Monitor Your Website Or Server (Windows)

Coming Soon Pro – WordPress Plugin (Utilities)

The Coming Soon Pro WordPress Plugin is the ultimate plugin for launching your WordPress site. It allows to you display a responsive mobile ready custom coming soon page that can capture valuable email leads while you work on your site behind the scenes.

Check out the Video Walkthrough.


  • Works with any WordPress Theme
  • Visible only to non logged in Users
  • Completely Customizable Look and Feel
  • Easily add Custom CSS and HTML
  • Integrated with Google Fonts
  • Integrated with MailChimp
  • Integrated with FeedBurner
  • Store Emails in your own Database
  • Responsive Layout, Mobile Ready
  • White Label Branding
  • Display an Incentive after Sign Up
  • Tweet Button Integration
  • Google Analytics Integration
  • Display Social Profiles
  • Exclude Specific URLs
  • Search Engine Optimized
  • Uses WordPress’s Native UI
  • Uses HTML5 & CSS3
  • Multisite Support with Extend License
  • Translation Ready i18n
  • Dedicated Support

Download Coming Soon Pro – WordPress Plugin (Utilities)

Timetable for WordPress (Miscellaneous)

Timetable for music festivals, seminars, business events and even sport events! Built for WordPress on jquery and php, this timetable is the ultimate, unique solution for an attractive and easy way to show visitors your events. The data can be updated using an easy admin panel while the php makes sure that everything will be search engine optimized. The timetable can be printed by your visitors and turns into a comprehensive list. Skins make it easy to adjust this timetable to any existing website.

Download Timetable for WordPress (Miscellaneous)

Socials Bytes WordPress Plugin (Social Networking)

Socials Bytes WordPress Plugin

This plugin allows you to display your social networks counts inside your WordPress site. It has a lot of features listed below:

  • WordPress Widget
  • WordPress Shortcode
  • Shorcode Generator Page
  • 6 beautiful themes optimize for any size of widget area and any background
  • 8 Networks available (Facebook, Twitter, Vimeo, Youtube, Feedburner, Envato Marketplaces (referral links supported), Digg, Dribbble )

Please, do not forget to rate it!!

Available Themes


Version 1.0 - 01/09/2012
Initial version

Download Socials Bytes WordPress Plugin (Social Networking)

projectCMS (Project Management Tools)

projectCMS is a MVC (Model-View-Controller) architecture application written for PHP , Mysql and designed for small and large websites that wants to manage loads of data and wants simplicity. With projectCMS Content Management you are able to create beautiful dynamic website.


  • MVC Architecture
  • Sha1 Protection
  • Secure, Fast , Smart
  • User Friendly
  • 3 Access Levels (Profile, personal data)
  • Project Management (Unlimited and own fields)
  • Agenda (Events & todo)
  • Content Management (Pages, Menu and Settings)
  • Reports System (Messages – inbox, sentbox…)
  • Application Statistics
  • Files Manager
  • And more…

I still preparing the video preview!

Download projectCMS (Project Management Tools)

smShopify WordPress Plugin (Widgets)

Display your Shopify products in a widget on your WordPress website!


This plugin has a few requirements:

  • WordPress 3.3.1 (Although this is not exactly true, you should be keeping your WordPress updated!).
  • A Shopify account (Pretty obvious eh).
  • Your theme must be widget ready.


Installation of this plugin is very simple:

  1. Upload the file “smShopify.php” to the /wp-content/plugins/ folder.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Your widget is ready to be configured.


There are quite a few steps in this section so be sure to follow it carefully:

  1. Login to your Shopify account.
  2. Make a note of your shop name (IE:
  3. Next go to Apps->Manage Apps.
  4. Locate the text about a private application and click the “Click here” link.
  5. Under the private applications section, click the button “Generate new application”.
  6. Here you will need to copy the following information:
    • Api Key
    • Password
  7. Next go to Collections.
  8. You need to select a “custom collection” to use for the plugin. If you do not have a custom collection, create one. Click on the collection you wish to use.
  9. In the URL you will notice a number (IE:
  10. Now that you have all the Shopify information, login to your WordPress website.
  11. Since your plugin is already active, go to Appearance->Widgets and drag the smShopify Widget to your widget area.
  12. You will now see a place to insert the following information:
    • Title – Give your widget a title – IE: Top Sellers.
    • Shopify Name – Only the shop name, not the full URL .
    • Api Key – You copied this from Shopify.
    • Password – You copied this from Shopify.
    • Collection ID – You copied this from Shopify.
    • Remove Default CSS – If you know CSS and would like to customize the widget yourself then make sure this is checked.
  13. Click “Save” and you’re done!

Download smShopify WordPress Plugin (Widgets)

Advanced Text Widget Pro (Widgets)

Advanced Text Widget is a text widget that allows you to execute raw PHP code and shortcodes, and apply visibility conditions to it. In addition it provides ability to apply visibility conditions to every widget on your site. It comes with 10 default visibility conditions that will allow you to choose where exactly on your site each widget should be displayed. You can edit and/or add your own visibility conditions as well as export and import them.

Download Advanced Text Widget Pro (Widgets)

Photo Gallery Hover with transition CSS3 (Navigation and Menus)

It’s a Photo Gallery Hover with transition CSS3 – It’s a real navigation block fluid and attractive but also a photo gallery ideal for upgrading your website.

Can be arranged in several blocks or combined into a single line –

All images, styles, colors and size can be changed easily from the CSS file and super easy implementation –

Download Photo Gallery Hover with transition CSS3 (Navigation and Menus)

CSS3 Fullscreen Gallery (Tabs and Sliders)

This CSS3 Fullscreen Gallery will help you to build simple slideshows that don’t use any javascript.

The clean and commented code is easy to modify and comes with a documentation file.

Main Features

  • Fullscreen Gallery
  • Images fill the whole browser
  • Sticky Header and Footer
  • Works on Mouse Click
  • 2 Ways to navigate
  • Lightweight Markup
  • Responsive Layout
  • Cross-Browser Support (Modern Browsers)
  • No Javascript, only HTML and CSS
  • Easy to modify
  • Valid HTML /CSS Markup
  • Help Documentation

Compatible Browsers

  • Internet Explorer 9+
  • Firefox 4+
  • Chrome 4+
  • Safari 4+
  • Opera 10+

Credit Photos

Please note that the photos of the preview are not included in the package. You’ll get placeholders ready to be replaced by your pictures.

Photos by Pixmac

Download CSS3 Fullscreen Gallery (Tabs and Sliders)