Building a custom UI audio slider with JavaScript and jQuery UI [video tutorial]

You can find a ton of beautiful UI interface graphics on sites like forrst and dribble, but you almost never see them coded into usable JavaScript, so I figured I would take the time to show you how something like a slider can easily be added with JavaScript and jQuery UI. So, in this tutorial, I’m going to show you how to code a UI slider that controls the audio volume of a song.

You can find a working example at, download a zip file with the source files, or go to a page with the working example.

Learning how to use jQuery AJAX with PHP [video tutorial]

Getting started with AJAX is super easy when you use the jQuery library. That works well for the client side, but how do you work with a server side language like PHP? It’s easier than you think.

In this article, I’ll show you how to create a simple call to a PHP document that will process something you type into a form field and update an element without needing to refresh your browser. Once you learn how to get jQuery talking to PHP, your web applications will never be the same.

Search phrase keywords position…the best metric Google Analytics doesn’t show you

For the most part Google analytics gives you a lot of great information about your pages including pageviews, unique visitors, even the amount of people who come to your site from mobile devices. But there’s one metric I love that it doesn’t have, and that’s keyword phrase position on search results. For that, I have to use another Google Product you might not be familiar with and that’s Google Webmaster tools.

Introduction to JavaScript Templating [video tutorial] with Mustache.js

Recently, I did a small website for an event in my area. This type of project required me to manage small amounts of data. Information about speakers, bios, titles and a description of the talks. I wanted to have a Speaker’s page, but I also wanted a rotating promo as a component that I could use on the homepage and on other pages to promote the speakers. That means two different views for the same data.