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

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 »

How To Add Contextual Help To A WordPress Plugin

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 »

Slide Submit – A jQuery Plugin For Spam-less Forms

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 »

Parallax Effect Using Only CSS With No JavaScript

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 »

What is the exclamation mark used for in code?

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 »