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:

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.

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.

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)<img src="image.jpg" width="10em" / >

CSS Equal Height Columns

While looking for a solution for the thread called "background repeat of the left cotainer based on middle container" on the WebMasterWorld Forum I automatically thought of using tables. It is definitely the easiest but its browser support is not the best (see Seven Reasons to go Table Free).

'Marquee or not marquee' or 'How to scroll text in HTML?'

The question could also be: should marquee be used as an element or as a css property?

Before I would elaborate on that, let me just give an example to the ones who have no idea what marquee means. This is basically an element or css property (see below which one is which) that allows you to make a simple text (or even image) scroll in a specified direction with a specified speed.

webeno.blogspot.com got below 2 M on Alexa Ranking

Dear beloved readers!

Today webeno.blogspot.com got below 2 million in the worldwise website ranking of Alexa. This might not sound like a big deal, but considering the fact that there are over 200,000,000 (200 million) websites on the internet currently (source: Netcraft), my blog is actually among the leading 1%!

Simple IT Center button based website

Simple IT Center button based websiteA good example as to how to simplify a central information website only using big buttons making sure it's easy to choose from.

Here you go: GetIT Center

Note: I used the image preload setting I explained in my previous post about CSS Preload images (hover backgrounds).