BBC Store

Membership –


Attraction Tickets



British Film Institute This site is built with Drupal Omega sub theme. A full responsive design site which caters for all mobile devices.

Doha 2020

Doha 2020 Olympic and Paralympic Games Bid

Anderson Harkins  


I have been working on CartoonNetwork for the past 5years.


I had previous designed and developed AdultSwim site… and currently we have moved this to advance CMS.


Valley Connection

Recent Work

From the Blog

Posted by Paul Costan on February 27th, 2012 at 2:37 am

Hi there, thank you for visiting my showcase site. If you are interested in my work please do not hesitate to contact me.

Posted by Paul Costan on May 24th, 2017 at 11:10 pm

First ssh in to pi and cd in to Downloads directory. $ cd ~/Downloads Next you need to download the nodejs tar. Checkout the version you desire make sure you download the the version with the last string ending ‘linux-armv6l.tar.gz’. Raspberry Pi Zero support only ARMv6. $ wget Once downloaded cd in to […]

Posted by Paul Costan on April 27th, 2017 at 6:57 pm

Only recently I needed to access my iMac GUI whilst I was away aboard. I’ve always ssh to my iMac being a geek. But for this particular occasion I needed to demo things on my iMac. Anyways I did a little research and here are my findings and conclusion. Like I said I’ve always ssh […]

Posted by Paul Costan on April 15th, 2017 at 9:49 am

I was on holiday and I had forgotten to switch on teamviewer on my Mac as I wanted to do something via GUI, even though I could everything via ssh. But anyways… all you need to do is copy and past this command sudo /Applications/ If you’re a super user already you can just type: […]

Posted by Paul Costan on July 3rd, 2014 at 1:09 pm

I had issue running Drush after upgrading MAMP 3.0.5 on PHP5.5.10 To fix this you need to edit .bash_profile. Run these commands in terminal sudo nano ~/.bash_profile Add the following line export PATH=”/Applications/MAMP/Library/bin:/Applications/MAMP/bin/php/php5.5.10/bin:$PATH” Exit and save… next run source ~/.bash_profile Restart machine… Job DONE! to test drush is working correctly drush status

Posted by Paul Costan on March 24th, 2014 at 3:19 pm

1. Sublime Text 3 The must popular IDE to write up your HTML and CSS. 2. iTerm / terminal All front-end mush have some knowledge of using terminal for example using Compass to compile your SASS to CSS. Or using Git and Drush commands to commit or revert features. 3. Adobe Photoshop As a front-end […]

Posted by Paul Costan on March 7th, 2014 at 11:21 am

Here are my top tips for frontend developers who works with Sublime 1. Sorting CSS By highlighting your CSS you can hiting F5 to organise your css in alphabetical order. 2. Command Palette Installing syntax i.e HTML,HTML5, CSS, CSS3, LESS and SASS snippets which helps you code up fasters 3. Tab Spacing Convert indentation tab […]

Posted by Paul Costan on March 6th, 2014 at 4:01 pm

I’ve been using Compass for awhile now… the best tool to compile your SASS. Below are some plugins I use to help create that perfect website. To get started you first need to install ‘Ruby’ and ‘Compass’ and the below plugins… So when you start writing up your SASS you can call in Mixins from […]

Posted by Paul Costan on November 15th, 2013 at 3:50 pm

I came across this site, whilst enhancing my SASS skill. Amazing what we can do with HTML, CSS and Javascript. See the Pen Tear-able Cloth by suffick (@stuffit) on CodePen

Posted by Paul Costan on July 24th, 2013 at 6:55 pm

What can I say about this gadget? PicoPix Pocket projector PPX2480 by Philips, has done an amazing job. I’m surprised Samsung nor Sony has any competing product such as the ‘Pocket projector’. Philips biggest competitor in this market is M3. M3 has some great line of Pocket projectors, but are not cheap. Why did I […]

Posted by Paul Costan on March 7th, 2013 at 5:07 pm

Here is a tip how to use div to crop your images and keep its dimensions. CSS3 <code> .crop-image-90×90 { border-bottom: 2px solid #E17D00; float: right; margin: 0 0 0 10px; max-height: 90px; overflow: hidden; width: 90px; } .crop-image-90×90 a img { width:auto; height:90px; padding:0px; float:left; }</code> HTML: <code> <div> <a href=”#”> <img title=”Generic image” […]

Posted by Paul Costan on September 4th, 2012 at 10:55 am

Hi guys, if you are looking for a quick site build from scratch, i would advice to download Twitter Bootstrap or Skeleton to help you get on your way. You do not need to be an expert in html or css, but you need to have some knowledge to take full advantage. Both Twitter Bootstrap and Skeleton front-end […]