jlPlayer – A Fully Customizable HTML5 Audio Player With jQuery And jQuery UI

Posted on December 5, 2012 by Jason

jlPlayer is a totally theme-able, customizable audio player, built upon the HTML5, jQuery, & jQuery UI frameworks.

jlPlayer Demo Screenshot

jlPlayer Demo Screenshot

Have a look at the demo!

Download the entire package from my GitHub repository, or become a contributing developer.

Features Include:

  • 100% opensource and FREE! No ads, tricks, gimmicks, or pitches. :)
  • Play, pause, <<, >>, volume, and progress.
  • Create a playlist of any length, including titles, and descriptions.
  • Loop, auto-advance, auto-start, shuffle.
  • Fully customizable using CSS, and/or the jQuery UI Framework ThemeRoller.
  • Add multiple music source files for increased cross-browser support (mp3, ogg, wav).

Continue reading »

Posted in HTML5, jQuery | No Comments »

How To Add Contextual Help To A WordPress Plugin

Posted on November 26, 2012 by Jason

If you are confused about how to add contextual help to your custom WordPress plugin, you can borrow my easy-to-use template.

Follow the steps below to add contextual help to your plugin.

Continue reading »

Posted in WordPress | No Comments »

Slide Submit – A jQuery Plugin For Spam-less Forms

Posted on July 12, 2012 by Jason

Slide Submit is a jQuery plugin which will convert almost any object into a form-submitting or form-enabling slider. Instead of pressing a button, users can slide the slider to submit the form. Or, if you build your form with all of the fields disabled, you can create a slider which behaves like a toggle switch to enable and disable the fields.

Demo:

Continue reading »

Posted in jQuery | 16 Comments »

Parallax Effect Using Only CSS With No JavaScript

Posted on July 8, 2012 by Jason

Demo Screenshot

This demo requires Internet Explorer 10 or higher. Switch to a better browser to view the demo.
I highly recommend Google Chrome.

Parallax is a visual effect, which can be created using layered graphics to imitate depth or distance.

In this article, I'll introduce to you the CSS3 @keyframes rule, and demonstrate how to create a CSS3 animated background parallax effect without using any JavaScript.

Demo 1 | Demo 2 | Demo 3 | Demo 4 | Demo 5

The CSS3 @keyframes rule is a recent addition and requires the latest web browsers. If the clouds in the image above aren't moving, you need to update your browser, or switch to another. Internet Explorer will not implement the @keyframes rule until version 10 and higher.

Continue reading »

Posted in css | 5 Comments »

What is the exclamation mark used for in code?

Posted on July 2, 2012 by Jason

Q: What is the exclamation mark used for in code? What does the exclamation point mean?

A: In most cases the exclamation mark means "not", "no", "is not", "does not", "false", "null", or "undefined". However, not every coding language follows this rule.

Below are some examples which may help you to further understand how the exclamation mark works in some types of code.
Continue reading »

Posted in Frequently Asked Questions | No Comments »