Archive for the 'web design' Category

Flippin’ Websites & Makin’ (A Tiny Bit Of) Money

I have pretty limited experience in selling websites, but I thought some people might be interested in what has happened so far.


My first experience with selling a website was iconPot which I sold in March 2010. I made this website in literally 4 hours one weekend in early 2009. It was a ridiculously simple single page HTML website. Seriously. I didn’t even bother with a back-end! With the usual marketing ploys, it got covered on some blogs, delicious, stumbleupon and others. After a while, the traffic levelled off and we were doing about 5,000 pageviews a day (definitely not huge by any standard). It also averaged about $60-$100 per month in advertising through BuySellAds.

I then received an email asking how much I wanted to sell iconPot for from a guy in the USA. I emailed back and said $8,000 initially. Totally trying my luck as I hadn’t really considered selling it and also was being a bit cautious having been contacted out of the blue by someone when it involves money. After exchanging traffic analytics of the website, the guy surprisingly came back with a $5,000 counter offer – and I agreed to sell. How could I not!? That figure was something like 4-5 years worth of projected revenue – totally unheard of in most website sales where the selling price is usually 12-24 months revenue at a maximum.

We settled on payment being done via Escrow.com which is (from what I could see) the safest way to transfer money for website sales. It basically involves the buyer paying Escrow, who then wait to confirm the domain name has been transferred before passing the funds on to me – taking a small cut themselves of course.

The transation went smoothly and I bought my DSLR camera and accessories with the money, and banked the rest 🙂 And of course, the iconPot website was quickly totally ruined by the buyer, removing all useful content and replacing it with ads. *clap clap*. I have to be honest in saying that it is sad to see something you made be totally destroyed and lose all credibility and usefulness. But when selling a website you have to try to forget about that and remember the stuff you used the money for!


The other website which I always thought could be sold is FWDitON.com. This website was started in 2006 and the idea for the website literally came to me while driving my car one day – a social repository for all of those FWD: FWD: funny email you get in your inbox. Back then, nothing of a similar nature existed. This site is totally different to iconPot in that I really would have lost count of the number of hours of development I have spent on the site – hundred and hundreds for sure. It has been through 3 major redevelopments in those ~5 years, consistently adding more and more features and improvements.

The site’s heyday was definitely during 2008 & 2009, when it was covered on major blogs like TechCrunch and even had a couple of mentions on broadcast TV in the USA. At this time, the site was doing amazing (in my eyes) traffic (400,000 pageviews per month) and decent revenue ($300+ per month).

This was all happening during one of the web 2.0 bubbles and I was contacted by a number of Venture Capitalists (VC’s) and investors wanting to invest in the site. I never could quite get my head around their interest and take the site in such a serious business manner. So like an idiot, I always sold myself short in my phone calls with them, saying things like “oh, we are not a company, its just a site I work on in my spare time…” and my favourite, “I don’t really have a set plan of what to do to grow the site. I guess I could quit my job to work on the site fulltime and spend money on marketing?” – all of which is probaby not the thing to say to people who want to give you money! Business plans and faux confidence would have been good right about this time.

Lesson learnt. Who knows what the site could have become.. a profitable business like collegehumor would have been on the cards for sure. Or perhaps I should have just sold it at this peak. Either way, I should have been smarter. I can look back on my ignorance and laugh now.

Anyway, so slowly but surely I lost interest in the site, traffic and revenue died off and I have barely touched the site since late 2008. So I recently thought  that I may as well try to sell the site. I turned to the Flippa website which is quite well known for “flipping” (a.k.a. buying/selling) websites. I spent a bit of time collating all the required information for potential buyers and created a new listing on Flippa for FWDitON.com.

At the end of the auction, the price had only got to $2000US. Which is approximately 2 years of revenue. Even though this price is probably about right for the site’s current revenue and traffic, I just couldn’t let it go for that – seeing as how popular and profitable it had once been in the glory days. I do believe that with the right owner who has more motivation than me, the site could climb up the rankings again. I am fully aware that I am probably in the wrong here in not being able to accept the site for what it is right now. My experience with selling iconPot also hasn’t helped my impression for what I *think* FWDitON should sell for.

My experiences with these two sites demonstrates that the selling price of a website doesn’t always correlate to the number of hours development effort and preceived worth. I simply cannot fathom how anyone could think a silly site like iconPot was worth more than a complex and more popular site like website FWDitON.com. The value is in the eye of the beholder I guess! My experience with selling iconPot may also show that, well, sometimes you just get lucky!

Introducing: iconPot.com

logo1In one of my previous posts I hinted at a weekend project with the hint of : “snoci”. Those smarty-pants out there would have realized that it is the word “icons” spelt backwards.

The site didn’t take very long to do, and I actually managed to finsih it from scratch within about 4 hours. From thinking of a domain name, design and content right through to spamming it to as many sites as possible. 🙂

Here’s the blurb:

The aim of this site is simple. We list a whole bunch of icons which are all great to use for your web development projects. But we are different to other icon-related websites because we only list icons which you can use for free on personal AND commercial projects AND without having to provide back-links/credit to the author. These types of icons can be tough to find, so here is a while list for your convenience!

So please visit, bookmark, suggest etc.

Link: http://www.iconPot.com

10 of the Best Tools For Web Development on a Mac

Having only had my macbook for a couple of weeks, I am still very new to OSX and all the apps which are available. The primary reason I bought the lovely new macbook is for web development – specifically for PHP/MySQL sites which I develop.

I spent a number of weeks both before and after purchasing the macbook looking for the perfect web development environment for me. In this post I will outline what I am using and why, any pitfalls I have had and also alternative software which you might want to try out.


screenshot_s1_3_enProbably no real suprises here, but I opted to go with MAMP (MacOSX, Apache, MySQL, PHP) as the tool to manage my web and database servers. It is incredibly easy to setup.

There are two versions, MAMP (free) and MAMP Pro (not free). MAMP Pro gives you access to setup and manage your virtual hosts as well as GUI access to other things you might want such as loading certain Apache modules. I tried out both, and honestly I have uninstalled MAMP Pro (and just kept the standard MAMP) as I found I was actually having issues where my Apache server would fail to start with MAMP Pro. I definitely do need access to edit virtual hosts but read on for my alternative program to do this.

MAMP allows you to choose the PHP version to use (4 or 5) as well as any caching engines or php accelerators. Stuff that any serious developer would appreciate having quick and easy access to. You can also easily change the ports which Apache and MySQL use to the defaults (80 and 3306). Definitely makes things a lot easier if you use the normal ports.

Download: http://www.mamp.info/en/index.php
Price: Free
Alternatives: XAMPP (includes Perl), or do it all via the terminal yourself! See http://mymacinations.com/2007/10/28/apache-php-and-mysql-on-leopard/ for more info.

Virtual Hosts

vhSince I didn’t want to be paying for MAMP Pro, I came across another free application which will let me manage my virtual hosts in a nice and easy GUI screen. It is called Virtual HostsX and once again is pretty simple to use. It automatically detects MAMP and prompts you if you want to update MAMP’s apache configuration files (yes). I believe it is limited to 3 active virutal host entries at any one time – but this shouldn’t pose to much of an issue for me. If you need more entries at any one time, hey its only $9 to buy and support the developer.

An important thing which new people to Virtual HostsX sometimes do not realise is that when installing the program, it automatically enables the “Web Sharing” option in your System Preferences > Sharing screen. So make sure you go in there and un-tick the Web Sharing option – this will just cause all sorts of issues if you are using MAMP.

One pitfall I had with MAMP was a compatibility issue with Virtual HostsX application (the virtual hosts weren’t being picked up properly). After finding a thread on the same thing, it was recommended to use MAMP 1.7.1. For this reason, I actually had to downgrade from MAMP 1.7.2 to MAMP 1.7.1.

Download: http://clickontyler.com/virtualhostx/
Price: Free – $9 if you want more than 3 virutal host entries at any one time.
Alternatives: MAMP Pro (I couldn’t get this to work though) or edit apache config files via terminal yourself.

Code Editor

codaOhh mac people are spoiled for choices in this category! On my Windows machine I was a Dreamweaver user (hey it is decent and does the job). And although the Adobe CS4 suite was one of the first things I installed on my machine (yay for academic agreements) I wanted to try out a few of the mac editor apps which I kept on hearing so much about. More specifically, Coda and TextMate. After using both for a short while, I came to the conclusion that:

Coda – wins.

After watching the videos on the panic website, everything just seemed to make sense. It seems to be very intuitive and so far I am really liking it. When first opening the application, I was quite underwhelmed as there didn’t seem to be many bells and whistles. But after watching the videos and playing around with it for an hours, I realised that all the bells and whistles (and more) are there, they just do not clutter the interface in a way that I am used to with something like Dreamweaver. Kudos to the developers – I think this really sets a new standard in code editors.

Download: http://www.panic.com/coda/
Price: Demo available. $99 to purchase after demo expires.
Alternatives: TextMate, Dreamweaver etc

Database Manager

screenshot-1I normally like to use a desktop-based tool to manage SQL databases. On Windows I have used SQLyog and the MYSQL Administrator package. The popular choice for this functionality on a Mac seems to be Sequel Pro (formally Cocoa MySQL). It certainly is more than adequate for most users and I am happy with it so far. The interface is pretty standard for these types of programs and I haven’t had any problems working out how to do something.

Important: If you are using MAMP, make sure you put the following into the “socket” field in Sequel Pro: “/applications/mamp/tmp/mysql/mysql.sock”. Otherwise, you wont be able to connect to the MySQL server!

Download: http://www.mjmedia.com.au/sequel-pro.html
Price: Free
Alternatives: phpMyAdmin (web-based), NaviCat, Aqua Data Studio etc

Database Designer

a-200Everyone loves a good database modeler – right? For your bigger projects you want to have a good tool to map out your tables, keys and relationships. Make sure everything looks about right before you dive into the deep end. I didn’t really look around all that much for software for this. I stumbled across a free tool called Power*Architect which looks to be a tool which will handle the job nicely.

Download: http://www.sqlpower.ca/page/architect
Price: Free
Alternatives: SQLEditor


transmitAlthough I don’t have much need for FTP anymore (thanks to SVN) it is handy to have a good FTP program for the odd job here and there. There are a number of alternatives here, but the main contenders are CyberDuck (free) and Transmit (paid). I have to admit that I prefer Transmit’s interface (especially since I am using Coda which is by the same developers) but at the end of the day, CyberDuck is a fantastic free program which is fine for what I am actually using FTP for.

Download: http://www.panic.com/transmit/
Price: Demo available – $29.95 for full version.
Alternatives: CyberDuck FTP

SVN Tool

versionsSome sort of code versioning is an absolute must for any serious developer. Once you make the jump into versioning you will never look back. There are a few options (cvs, git etc) but I choose to use subversion (svn) as there are plenty of tools out there to make it all very easy to integrate into your development process.

Coda has some built in svn integration, but since you cannot add comments to each revision with Coda I was on the lookout for something a bit more powerful. There are a number of options out there and for now I have settled on Versions.app which is a powerful (and pretty) tool to manage all your svn goodness. Whether or not I end up buying it after the demo runs out will depend on how I go over the next few weeks.

Download: http://www.versionsapp.com
Price: Demo available – $52 for full version.
Alternatives: SmartSVN, SynchroSVN etc

SVN Hosting

assembla_logoThere are a few options when it comes to hosting – you can host it yourself or use a hosted solution. I have opted for a hosted solution although I am still tossing up between Dreamhost’s SVN option or using an application such as Assembla (which will include wiki, miletstones, trac etc). I like the idea of Assembla so will probably end up giving their free plan a go.

Download: http://www.assembla.com
Price: Free plan (200mb limit)
Alternatives: Unfuddle, Google Code, Sourceforge or set it up yourself on your own server.


adobephotoshopcs3I couldn’t go past Adobe PhotoShop and Adobe Illustrator for this. Seriously, if you have access to them for free you really need to consider using these tools. CS4 has some great improvements (tabbed windows ftw!) and I am still finding new features every time I use it. It truly is the industry standard for a reason.

Download: http://adobe.com
Price: Very expensive… unless you have access to free version (e.g. academic agreement etc)
Alternatives: GIMP, Fireworks etc


firefoxEveryone will have a favorite browser – and for me that is Firefox. Combined with a few plugins such as Web Developer Toolbar, ColorZilla, YSlow and HTML Validator it is unbeatable in my opinion. But it doesn’t stop there as we need to check our websites in other browsers (Safari, Opera, IE6 and IE7 at a minimum).

Testing IE is the biggest pain of all on a mac. You can use VMware Fusion or Parallels to install Windows and test IE7. But then you cannot run native versions of IE6 and IE7 on Windows at the same time. Boo to Microsoft. So that means two installations of Windows which therefore means you need 4Gb of ram otherwise your development machine will be crawling.

I am still a bit undecided about all of this. I have installed ies4osx which at the moment only supports IE6 (despite the fact that the website says both IE6 and IE7). IE6 seems to work well enough so hopefully the developers can add in IE7 to the new version soon. I have been wanting to avoid installing Windows (via vmware fusion or parallels) as I do not want to slow my machine down just because I need to run IE6 and IE7. So for now I am just going to check rendering on my Windows desktop machine (with Multiple IE’s installed).


Now there is definitely room for improvement, and I will always be on the lookout for something better. If you have any great suggestions please let me know. I also haven’t really started using all of these together to any great degree just yet – the first task was just getting is all set up.

Maybe things will change in the future – but for now I am pretty darn happy with it all.