Sunday, June 27, 2010

External link track - a one liner

If you use Google Analytics and would like to track which ones of your external links people click on while checking out your website, all you have to do is to add the 'onClick' attribute to the a (anchor) tag in question.

Here's an example code that you could use:

Wednesday, June 23, 2010

Embed music with dowload.php file

Scenario: you would like to embed a music file (.mp3 in our example) into your website and also want to make sure that when someone clicks the download link the usual open / save as window opens instead of the browser trying to open the file directly with whatever plugin already installed.

My solution: we'll have to break this down into two parts: one will be the embed script and the other one will be the download link.

Sunday, June 20, 2010

New website 'in the house': widosub.com & V2 Manufacture updated

Was just ready a few days ago with the latest, very simple website i created for an amazing musician and dj, widosub. I created his site with WordPress and used the The WordPress XSPF Player Plugin, a Flash based music player plugin. Go ahead and check it out now: widosub.com.

I also made a recent change to V2 Manufacture: due to the fact that the client wanted to see the website through iPad and iPhone, I had to replace the Flash based simpleviewer script by a Javascript based picture gallery tool. I used the probably simplest and awesomest script called Galleria by Aino. As a backup solution, for those who have difficulties seeing javascript content, I created a separate, simple, html/css based version of the picture gallery - I used a simple CSS photo-album for this replacing the numbers with thumbnail pictures.

Monday, June 14, 2010

The easiest way to scale your picture or image in html - a one liner

The easiest way to scale your picture or image in html - a one linerSuppose you have a column on the side or sidebar where you want to put images with different sizes however also making sure that their widths keep the same distance from the sides of the columns, you could simply only set the width of the img tag (of course, dpending on you layout, you could use the height only):

(click in the box to highlight the code for copy)