Accordions are great, but sometimes a big pain to setup. Mootools, and several other libraries, offer great pre-built accordion systems, but they’ve got their issues. We recently tried using mootools accordion on a client’s website, but we were having a fair amount of browser compatibility problems, so we set out in search for a better solution. The nice people at Switch on the Code wrote a nice tutorial on how to build your own CSS/Javascript accordion. Needless to say, it suited our needs perfectly. Then I thought to myself, wouldn’t it be great if someone made a HORIZONTAL accordion using a similar method.

(more…)

As some of you may have noticed we’ve made a few minor changes to our site. One of these changes was the removal of the twitter feeds from our about page. You see, we rarely ever use Internet Explorer here at ClickPopMedia, but we noticed that our old Twitter feeds gave a very strange error message when viewed in Internet Explorer. Internet Explorer cannot open the Internet Site. … Operation Aborted. This was very confusing, because it worked perfectly on Twitter’s site, which is where the code came from orignally. Do not fear though, our feeds are back, they’ve just been moved and improved! We solved the problem, AND SO CAN YOU!

(more…)

Hi everyone! Sorry about the delay in getting this up. We have been very busy at ClickPopMedia, a lot of exciting things going on. To make it up to you, I have decided to finish it all up, and give you the rest of the soda making experience in one big post.

For those of you that missed my last post, I love making soda, and I decided to share this experience with all of you. This post will be on making the batch of soda, and to wrap things up I will also describe the kegging process.

(more…)

Over the next 3 weeks I will be taking a break from my programming tutorials to do a 3 part series on soda making. Homemade soda is a great alternative to mass-produced soda that is packed full of preservatives and strange chemicals that wreck havoc on your body. I should know, I drink a lot of it. I will be walking you through the process I go through when I create soda. Today we go over the equipment used in homemade soda making, and the preparation process.

(more…)

I find quite often that people shy away from Ajax because they feel it would be too hard to implement in to their site. This is usually not the case. This week will be the first of several tutorials that are intended to help give an understanding in to how AJAX can be used to dynamically change elements of a site. In this tutorial I will provide an AJAX engine that will be used in many other posts. I will also be discussing how to use this engine to bring data in from a PHP file and display that to a DIV on your site. Check out this example:

(more…)

Before I dive in to Ajax, I thought I’d take some time to go over some basics of website dynamics. Instead of boring everyone with a list of definitions, I’ve decided to create something in JavaScript to use as a tutorial on website dynamics. So open up your favorite text editor or web development program, grab a case of your favorite caffeinated beverage, and follow along.

Today’s project will be a BINARY CLOCK. Yes, that’s right, a Geek Clock. It displays the time in binary. You may have seen these available as wrist watches, or actual clocks, but we will be making one you can put on your website, blog, or if you really want to be creative, make it part of your desktop wallpaper..

(more…)